/* CSS Document */

* {
	margin:0;
	padding:0;
	}

body {
	background:url(../images_system/body_bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}

#container {
	}

img {
	border:none;
	}
#header_outer {
	height:354px;
	background:url(../images_system/head_bg.gif) no-repeat top center;
	}
	
	#container_inner {
	margin:auto;
	height:354px;
	width:804px;
	background:url(../images_system/container_inner_bg.gif) no-repeat top center;
	}

	*+html #header_outer {
	height:364px;
	}
	
	*+html #container_inner {
	height:364px;
	}
	
	
#pagehead {
	text-align:right;
	}
	
	.img_superstars {
		float:left;
		padding:17px 0 0 25px;
		}
	.img_insm {
		margin:5px 20px 0px 0;
		}
	.img_entwuerfe {
		margin:10px 20px 15px 0;
		}

#main_navi_shade {
	background:url(../images_system/mainnavi_shade.gif) no-repeat top center;
	height:7px;
	width:754px;
	margin:0 auto 0 auto;
	overflow:hidden;
	}

#kopfbild_container {
	background:url(../images_system/kopfbild_bg.gif) repeat-x;
	width:768px;
	margin:8px auto 0 auto;
	height:138px;
	overflow:hidden;
	}
	
	#kopfbild_container h1 {
		text-transform:uppercase;
		font-size:18px;
		font-weight:normal;
		color:#FF0E8E;
		margin-top:20px;
		}
	#kopfbild_container h1 b {
		color:#D3D3D3;
		font-weight:normal;
		}
	#kopfbild_container h4 {
		text-transform:uppercase;
		font-size:12px;
		color:#D3D3D3;
		margin-top:12px;}

#kopfbild_shade {
	background:url(../images_system/kopfbild_shade.gif) no-repeat top center;
	height:8px;
	width:754px;
	margin:0 auto 0 auto;
	overflow:hidden;
	}

/* lower //////////////////////////////////////////////////// */
	
#lower {
	width:804px;
	margin:0 auto 0 auto;
	padding:20px 0 0px 0;
	background:url(../images_system/lower_bg.gif) repeat-y;}

	#lower_inner {
		width:768px;
		margin:0px auto 20px auto;
		}
	
	
#col_left {
	width:500px;
	padding:0 0 0 7px;
	}


/* Content ////////////////////////////////////////////////// */


/* inputs */

.comment {
	border:1px solid #aaa;
	background:url(../images_system/comment_trenner.gif) no-repeat top center;
	width:228px;}
input.button {
	background:url(../images_system/button_blank.gif) no-repeat; 
	padding:15px 0 5px 0; 
	display:block;
	width:143px; 
	height:28px; 
	border:none; 
	text-transform:uppercase; 
	color:#fff; 
	font-size:11px; 
	line-height:22px;
	}
#content {
	color:#555;
	font-size:12px;
	}
h1 {
	color:#FF0E8E;
	font-size:14px;
	font-weight:bold;
	margin:0px 0pt 10px;
	text-transform:uppercase;
	}
h1 b {
	color:#7E7C7C;
	font-weight:bold;
	}
h1 strong {
	color:#7E7C7C;
	font-weight:bold;
	}
h1 .pink_dot, h1 .pink_dot_wide {display:none;}	
p {
	font-size:12px;
	line-height:16px;
	margin:0px 0pt 15px;
	}
h2 {
	color:#FF0E8E;
	font-size:12px;
	font-weight:normal;
	margin:15px 0pt 0px;
	}
h3 {
	}
#col_left ul {list-style:none;
	}
#col_left li {
	}
#col_left a {color:#666;
	}
#col_left li a {
	background:transparent url(../images_system/bullit_pink.gif) no-repeat scroll 0%;
	color:#666;
	line-height:14px;
	padding:2px 0pt 4px 20px;
	margin:17px 0 0px 0;
	text-decoration:none;
	text-transform:uppercase;
	display:block;	
	}
li p {
	margin:0;
	}
.pink {
	color:#FF0E8E;
	}
.pink_dot {
	color:#FF0E8E;
	background:url(../images_system/pink_dot_bg.gif) no-repeat left center;
	padding:4px;}
.pink_dot_wide {
	color:#FF0E8E;
	background:url(../images_system/pink_dot_bg_wide.gif) no-repeat left center;
	padding:4px;}
.teaserbox {
	background:transparent url(../images_system/teaser_shade.gif) no-repeat scroll left bottom;
	font-size:11px;
	padding:12px 0pt 18px 230px;
	}
.teaserbox img {
	float:left;
	margin:-25px 10px 0pt -230px;
	position:relative;
	border:none;
	}
.teaserbox p {
	margin:0pt;
	padding:2px 0pt;
	}
.teaserbox a {text-decoration:none; color:#555;}
.teaserbox_head a {
	color:#555555;
	font-size:12px;
	font-weight:bold;
	margin:0pt 0pt 0pt 0px;
	text-decoration:none;
	text-transform:uppercase;
	}
a.more {
	background:transparent url(../images_system/bullit_pink.gif) no-repeat scroll 0%;
	color:#FF0E8E;
	line-height:14px;
	padding:2px 0pt 4px 20px;
	text-decoration:none;
	text-transform:uppercase;
	}


#col_right {
	float:right;
	width:240px;
	}

/* pager */


#pager .active {
	background:url(../images_system/pager_active.gif) no-repeat; 
	padding:0 4px; 
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
#pager a {
	background:url(../images_system/pager.gif) no-repeat; 
	padding:0 4px; 
	text-decoration:none;
	color:#222;
	font-weight:bold;
	}
#pager a:hover {
	color:#fff;
	}

/* comment_box */

#comment_box {
	background:url(../images_system/comment_bg.gif) repeat-y;
	padding:0 20px 0px 15px; 
	}
	#comment_box h1 {
		margin:0 0 0 0; 
		padding:0 0 15px 0; 
		font-size:12px;
		background:url(../images_system/comment_trenner.gif) left bottom no-repeat;
		}
#comment_box h2 {
	font-size:12px; 
	font-weight:bold; 
	color:#666;
	text-transform:uppercase;
	background:url(../images_system/bullit_pink.gif) no-repeat;		
	margin:0 0 0 0; 
	padding:0 0 5px 20px;
	}
	#comment_box p {
		padding:0 0 0 20px; 
		color:#666; 
		dont-size:11px;
		}
	 .date {
	 	font-size:10px; 
		color:#777; 
		padding:0 0 0 20px;
		}
	 .name {
	 	font-size:10px; 
		color:#FF0E8E;
		}
#comment_box a.more {
	float:right;
	font-size:11px; 
	font-weight:bold; 
	background:url(../images_system/bullit_klein.gif) no-repeat 0px 3px; 
	color:#888; 
	padding:0 0 0 15px; 
	margin:0;
	}
.kasten_thema {
	padding:0 0 20px 0;
	background:url(../images_system/teaser_shade.gif) no-repeat bottom center;
	}
 .small {
 	font-size:10px; 
	color:#666;
	}
.name {
	font-size:10px; 
	color:#FF0E8E;
	}
.kasten_thema h2 {
	font-size:12px; 
	font-weight:bold; 
	color:#666;
	text-transform:uppercase;
	background:url(../images_system/bullit_pink.gif) no-repeat;		
	margin:0 0 0 0; 
	padding:0px 0 2px 20px;
	}
.kasten_thema p {
	padding:0 0 0 20px; 
	margin:0;
	}

/* kategorien */

#kategorien_box {
	background:url(../images_system/kategorie_bg.gif) repeat-y;
	}
	#kategorienbox_inner {
	background:url(../images_system/kategorie_top.gif) no-repeat;
	padding:15px 15px 0px 15px;
	}
	#kategorien_box h2 {
		color:#fff;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		margin:0; padding:0;
		}
	#kategorien_box ul {
		list-style:none;
		margin:20px 0 10px 10px;
		font-size:12px; 
		font-weight:bold;
		line-height:16px;
		}
	#kategorien_box li {
		display:block;
		margin:7px 0px;
		padding:0 0 0 20px;
		background: url(../images_system/bullit_kategorie.gif) no-repeat left;
		}
	#kategorien_box li a {
		 color:#333; 
		 text-decoration:none;
		}
	#kategorien_box li a:hover {
		color:#CB0069;
		}
#kategorienbox_bottom {margin:0 0 5px 0;}

/* Kontaktform */
#content input, #content textarea {margin:3px; padding:2px;}
.input100 {border:1px solid #aaa;
	background:url(../images_system/comment_trenner.gif) no-repeat top center;
	width:228px;}

.input50 {border:1px solid #aaa;
	background:url(../images_system/comment_trenner.gif) no-repeat top center;
	width:50px;}

.not_mandatory50 {border:1px solid #aaa;
	background:url(../images_system/comment_trenner.gif) no-repeat top center;
	width:50px;}

.not_mandatory100 {border:1px solid #aaa;
	background:url(../images_system/comment_trenner.gif) no-repeat top center;
	width:228px;}

textarea { font-family:Arial, sans-serif; font-size:12px;}
/* inline navigation */

#inline_navigation {
	
	}

#inline_navigation a {
	display:block;
	margin:6px 0;
	line-height:14px;
	padding:14px;
	color:#222;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;background:url(../images_system/inline_navigation_button.gif) no-repeat;
	padding:8px 0px 8px 30px;
	text-decoration:none;
	}

#inline_navigation a b {
	color:#fff;
	}

#footer {
	height:32px;
	background:url(../images_system/footer.gif) no-repeat top center;
	}	
	
/* specials */

.clearer {
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	}	
	
/* Navigation //////////////////////////////// */



#support_navi {
		float:right;
		width:400px;
		text-align:right;
		font-size:11px;
		padding:10px 20px 0 0;
		height:25px;
		overflow:hidden;
		text-transform:uppercase;
		}	
			#support_navi li {
				display: inline;
				}
			#support_navi li a {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				line-height: 12px;
				text-decoration:none;
				color:#fff;
				font-size:11px;
				}
			#support_navi li a:hover {
				color:#CB0069;
				}
			#support_navi li a:focus {
				color:#CB0069;
				}
			
			#support_navi .active {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				margin:0px 0px;
				line-height: 4px;
				text-decoration:none;
				color:#CB0069;
				}


/* Horizontal Navi //////////////////////////////// */
 			
#suche_mainnavi {
	background:url(../images_system/nav_bg.gif) repeat-x;
	width:768px;
	margin:10px auto 0 auto;
	height:44px;
	overflow:hidden;
	}


#horizontal_navi {	
	padding:0 15px 15px 15px;
	margin:0;
	background: url(../images_system/h_nav_bg.gif) repeat-x;
	}
	*html #horizontal_navi {
		padding:0px 15px 10px 10px;
		}
/*	*+html #horizontal_navi {
		padding:4px 15px 12px 10px;
		}*/
		
ul#h_nav {
	background-image:url(../images_system/nav_trenner.gif);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	padding-top: 20px;	/*muss mit Abstand im li a korrespondieren*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}
	*html ul#h_nav {
	padding-top:17px;}
	/**+html ul#h_nav {
	padding-top:17px;}*/
	
	*html #h_nav, #h_nav ul {
		margin:0;
		padding: 18px 0 16px 0;
		background-image: url(../images/nav_kachel_10.gif);
		}
	*+html #h_nav, #h_nav ul {
		margin:0;
		padding: 18px 0 16px 0;
		background-image: url(../images/nav_kachel_10.gif);
		}
	#h_nav li {
		display: inline;
		}
	#h_nav li a {
		display: inline;
		padding:16px 8px 16px 8px;   /* bestimmt den Abstand der punkte zueinander*/
		line-height: 4px;
		background-image: url(../images_system/nav_head_trenner.gif);
		background-repeat:no-repeat;
		background-position:right;
		text-decoration:none;
		color:#E5E4E4;
		}
		*html 	#h_nav li a {
			padding:16px 8px 16px 8px;   
			line-height: 9px;
			} 
	/*	*+html 	#h_nav li a {
			padding:16px 8px 16px 8px;   
			line-height: 9px;
			} */
	#h_nav li a:hover {
		color:#D94C91;
		}
#h_nav a:hover.inactive  {color:#fff;}
	#h_nav .inactive {
		display:inline;
		padding:16px 8px 16px 8px;   /* bestimmt den Abstand der punkte zueinander*/
		line-height: 4px;
		background-image: url(../images_system/nav_inactive.gif);
		background-repeat:repeat-x;
		color:#000;
		}
		*html #h_nav .inactive {
			padding:14px 15px 16px 15px;   /* bestimmt den Abstand der punkte zueinander*/
			line-height: 10px;
			}
	/*	*+html #h_nav .inactive {
			padding:14px 15px 16px 15px;  */ /* bestimmt den Abstand der punkte zueinander
			line-height: 10px;
			}*/



/* Suche //////////////////////////////////////////////  */

#suche {
	float:right;
	text-align:left;
	margin:6px 0 0 0px;
	width:200px;}

#suche_wrapper {
	width:180px;
	height:30px;
	background:url(../images_system/search_bg.gif) repeat-x;			
	vertical-align:middle;
	padding:0px 0 0 0;
	margin:0 auto;}



.inputfield {
	float:right;
	width:140px;
	height:13px;
	font-size:11px;
	line-height:11px;
	border:none;
	background:transparent;
	padding:10px 0 0 0;}

.inputbutton {
	float:right;
	border:none; padding:0px 0 0 0px;
	margin:0;
	background:none;}

#suche input:focus {background:transparent;}