@charset "utf-8";
/* CSS Document */


body, h1, h2, p, h3, h4, form, div {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFF80;
	
	font-family: Arial, Helvetica, sans-serif;
}

#page {
	width: 1000px;
	height: auto;
	margin: auto;
	
	margin-top: 10px;
}

#page #header {
	width: 1000px;
	height: 220px;
	
	background-color: #FFCC00;
	background-image: url(../images/layout/header.jpg);
}
#page #header #logo {
	float: left;
	width: 180px;
	height: 112px;
	
	padding: 35px 0px 0px 10px;
}
#page #header #image {
	float: left;
	width: 600px;
	height: 137px;
	
	padding: 10px 0px 0px 20px;
}
#page #header #slogan {
	float: left;
	width: 160px;
	
	padding: 85px 0px 0px 20px;
}
#page #header #subnavi {
	clear: both;
	width: 690px;
	
	margin: 10px 10px 0px 220px;
}

#page #navi {
	float: left;
	width: 220px;
}
#page #navi #nav_content {
	width: 190px;
	
	padding: 50px 15px 140px 15px;
	
	background-image: url(../images/layout/navi.jpg);
}
#page #navi #newsletter {
	margin: 40px 0px 0px 0px;
}
#page #navi #shadow {
	clear: both;
	width: 220px;
	height: 7px;
	
	background-image: url(../images/layout/shadow_bottom.jpg);
	
	line-height: 1px;
	font-size: 1px;
}

#page #content {
	float: left;
	width: 700px;
	
	padding: 40px 5px 10px 60px;
}



/* Text Eigenschaften */

#page #header #slogan p {
	font-size: 14px;
	color: #CF1081;
}

#page #navi .outer_link a, #page #navi .outer_link_active a {
	color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#page #navi .outer_link:hover a, #page #navi .outer_link_active a {
	color: #CF1081;
}
#page #navi .outer_link, #page #navi .outer_link_active {
	width: 178px; /* 220 - 7 (shadow) - 30 (padding navi) - 5 (padding outerlink) */
	
	background-color: #CF1081;
	list-style: none;

	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 5px;
}
#page #navi .outer_link:hover, #page #navi .outer_link_active {
	background-color: #FFCC00;
}

#page #navi #newsletter a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	
	color: #CF1081;
}
#page #navi #newsletter a:hover {
	color: #333333;
}

#page #content h1 {
	font-size: 20px;
	/*color: #333333;*/
	color: #CF1081;
	
	padding-top: 15px;
	padding-bottom: 20px;
}
#page #content h2 {
	font-size: 17px;
	/*color: #333333;*/
	color: #CF1081;
	
	padding-top: 15px;
	padding-bottom: 5px;
}
#page #content h3 {
	font-size: 14px;
	/*color: #333333;*/
	color: #CF1081;
	
	padding-bottom: 5px;
}
#page #content p {
	font-size: 14px;
	/*color: #333333;*/
	color: #CF1081;
	
	padding-bottom: 6px;
}
#page #content a {
	color: #CF1081;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#page #content a:hover {
	color: #333333;
	font-style: italic;
	font-weight: bold;
}
#page #content ul {
	margin-top: 0px;
	padding-bottom: 12px;
}
#page #content li {
	font-size: 14px;
	/*color: #333333;*/
	color: #CF1081;
}
.csc-textpic-image {
	width: auto !important;
}
#page #content img {
	margin: 0px 20px 10px 0px !important;
}
#page #content td {
	font-size: 14px;
	/*color: #333333;*/
	color: #CF1081;
	
	padding-bottom: 6px;
}