@charset "utf-8";



@import url("master.css");

@import url("icons.css");

@import url("multibox.css");



/***** 



	Projekt: Bademoden.info



	Stylesheet Template

	2008, BRANDMARKER

	

	Farb Definitionen:

	Text auf Blau: #CCCCD6 // Hover dazu: #666685

	Blauer Hintergrund: #000033

	Blaue Schrift: #000033 // Hover dazu: #CCCCD6

	Bodytext: #666	

	

	-khtml-border-radius: 10px;

	-moz-border-radius: 10px;	

	 

*****/



body {

	background: #fff url(../gfx/main_bg.jpg) top left repeat-x;

	color: #666;

	font-size: 62.5%;

	line-height: 100%;

	/* Rest s.h. master.css */

	}



	#head_wrapper {

		width: 990px;

		height: 215px;

		}

	

		#top_nav {

			padding: 10px 0 5px 240px;

			color: #666;

			font-weight: bold;

			}

		

			#top_nav a { color: #666; }

			#top_nav a:hover { color: #000033; text-decoration: none; }

		

		#top_logos {
			float: left;
			width: 210px;
			padding: 0 25px 0 5px;
			}		

		#top_intros {
			float: left;
			width: 750px;
			padding: 60px 0 0 0;
			}

	#sidebar {
		float: left;
		width: 210px;
		padding-right: 30px;	
		}

	#main_content { 	
		float: left;
		width: 750px;
		padding: 0 0 20px 0;
		margin: 0 0 0 0;
		}

		

		.content_style1 {

			background: #000033;

			padding: 25px;

			margin-bottom: 10px;

			color: #CCCCD6;

			font-size: 1.1em;

			line-height: 150%;

			}

			

			.content_style1 a { color: #fff; }

			.content_style1 a:hover { color: #fff; text-decoration: underline; }

		

		.content_style2 {

			background: #000033;

			padding: 25px;

			margin-bottom: 10px;

			color: #fff;

			font-size: 1.1em;

			line-height: 150%;

			}

			

			.content_style2 a { color: #CCCCD6; }

			.content_style2 a:hover { color: #fff; }

	

		.content_details {

			width: 460px;

			float: left;

			}

		

		.content_list {

			width: 225px;

			float: right;

			}
		
		#myMapContent { background: #000033; }



/***** 



	Ueberschriften + Textstyles

	 

*****/



h1 {

	padding: 0 0 10px 0;

	font: 2em/100% Arial, Helvetica, sans-serif;

	color: #000033;

	}

	

	h1 span {

		font-size: 1.1em;

		font-weight: bold;

		}



h2 {

	margin: 0 0 10px 0;

	font: bold 1.7em/120% Arial, Helvetica, sans-serif;

	color: #000033;

	}

	

	#cms_top_nav h2 {

		/* s.h. unten bei CMS */

		}

	

	#news_intro_wrap .news_intro_box h2 {

		/* s.h. unten bei Startseite */

		}



h3 {

	font: bold 1em/120% Arial, Helvetica, sans-serif;

	}

h3.blue_13 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 120%;
	color: #000033;
	padding: 0 0 5px 0;
	}


h4 {

	font: 1.55em/130% Arial, Helvetica, sans-serif;

	padding: 0 0 5px 0;

	}
	
	

	

	#cms_listing h4,

	#cms_details h4 { color: #fff; }	



a { color: #000033; text-decoration: none;  }

a:hover { color: #A6A6B8; text-decoration: none; }





.highlight { color: #000033; }

.highlight2 { color: #CCCCD6; }

.highlight3 { color: #666685; font-weight: bold; }





p {}


	.content {
		font-size: 11px;
		line-height: 150%;
		}

	p.intro {

		font-size: 1.1em;

		line-height: 160%;

		}

	

	p.content_foot1 {

		font-size: 1.1em;

		line-height: 160%;

		color: #666;

		}

	

	#news_intro_wrap .news_intro_box p {

		/* s.h. unten bei Startseite */

		}


/***** 

	Navigation

*****/

#nav {
	text-align: right;
	list-style: none;
	}

#nav li {
	list-style: none;
	padding-bottom: 2px;
	}

#nav li span {
	font: bold 1.7em/120% Arial, Helvetica, sans-serif;
	color: #000033;
	}

#nav li li {
	text-transform: uppercase;
	font: 1.1em/120% Arial, Helvetica, sans-serif;
	color: #666;
	padding: 3px 0 0 0;
	}	
	
	#nav li li a { color: #666; }
	#nav li li a:hover { color: #000033; }
	
	#nav li li.last { padding-bottom: 5px; }

	#nav li li.subnav_active a { color: #000033; }

/***** 



	Slider Settings - IE Hacks sind direkt mit eingearbeitet

	 

*****/



.wrap {

	font: bold 1.4em/100% arial, verdana, sans-serif;

	text-transform: uppercase;

  	cursor: hand;

	cursor: pointer;

	height: 21px;	

	color: #000033;

	border-bottom: 1px dotted #ccc;    

	}

	

	.wrap:hover {

		border-bottom: 1px dotted #000033;

		background: #000033;

		}

		

.wrap_active {

	color: #ffffff;

	border-bottom: 1px dotted #000033;

	background: #000033;

	}

	

	.wrap_active:hover { color: #ffffff; border-bottom: 1px dotted #ccc; text-decoration: none; }





/***** 



	Startseite

	

	JD-Gallery - http://smoothgallery.jondesign.net/

	Check jd.gallery.css

	 

*****/

	#news_intro_wrap {
		margin: 10px 0 0 0;
		}

		.news_intro_box {
			float: left; 
			width: 210px; 
			margin-right: 40px;
			}

			#news_intro_wrap .news_intro_box h2 {
				margin: 0 0 10px 0;
				}			

			#news_intro_wrap .news_intro_box p {
				font-size: 1.1em;
				line-height: 160%;
				color: #666;
				}
	
	#intro_crosslinking { 
		padding: 20px 0 95px 0;
		}
	
		#intro_crosslinking div {
			float: left; 
			width: 205px; 
			background: #000033; 
			margin-right: 12px;
			padding: 15px;
			}
		
		#intro_crosslinking h2 { color: #fff; }
		#intro_crosslinking p { color: #fff; font-size: 1.1em; line-height: 150%}

	#intro_crosslinking2 { 
		padding: 15px 0;
		}
	
		#intro_crosslinking2 div {
			float: left;
			width: 205px; 
			background: #000033; 
			margin-right: 12px;
			padding: 15px;
			}
		
		#intro_crosslinking2 h2 { color: #fff; font-size: 1.3em; padding-bottom: 0; }
		#intro_crosslinking2 p { color: #fff; font-size: 1.0em; line-height: 150%}			


/***** 



	Markenseite

	 

*****/



.marken_wrapper {

	width: 740px;

	margin: 0 0 5px 0;

	padding: 5px;

	background-color: #000033;

	}



	.marken_wrapper p {

		padding: 10px 30px 15px 30px;

		width: 450px;

		font: 1.1em/150% arial, verdana, sans-serif;

		color: #CCCCD6;

		}



	.marken-top {

		width: 510px;

		height: 65px;

		margin: 10px 0 0 0;

		}

	

		.marken-top img {

			margin: 3px 20px 0 0;

			float: right;

			}


		.marken-top .marken_links a {

			display: block;

			border: 1px solid #808099;

			padding: 2px 0;

			margin: 0 0 5px 0;

			color: #808099;

			text-align: center;

			width: 130px;

			}

		

		.marken-top .marken_links a:hover { color: #CCCCD6; }

	





/***** 



	Listing + Detailansichten

	Aktuell | Jobs | Presse

	 

*****/

	/* Markenfilter im Pressespiegel */
	#pressespiegel_marken_filter {
		color: #ccccd6;		
		background-color: #000033;		
		padding: 15px 10px 5px 25px;	
	}
	#pressespiegel_marken_filter img { margin: 0 5px 0 0; padding: 0; }


	/* Container der Liste */

	#cms_listing { }

	

	.image_bg {	

		text-align: center;

		border: 1px solid #666685;

		width: 214px;

		padding: 7px;

		float: right;

		}



	/* Listenelemte */

	#cms_listing .list_item {

		color: #fff;

		background-color: #000033;

		padding: 10px 10px 10px 25px;

		margin: 0 0 5px 0;

		}



	/* Seitennavigation auf den Listenseiten */

	#paging { 

		width: 740px; 

		background: #000033; 

		padding: 4px 5px 5px 5px; 

		} 
	
	.ie6 #paging,
	.ie7 #paging { width: 740px; background: #000033; padding: 4px 5px 1px 5px; }



	.paging_control_1 {

		float: left; 

		width: 45px; 

		text-align: left; 

		font-weight: bold; 

		color: #CCCCD6;

		}

		

		.paging_control_1 a { color: #CCCCD6; }

		.paging_control_1 a:hover { color: #666685; }

		

		.paging_control_2 a { color: #CCCCD6; }

		.paging_control_2 a:hover { color: #666685; }

		

		.paging_control_3 a { color: #CCCCD6; }

		.paging_control_3 a:hover { color: #666685; }

		

	.paging_control_2 {

		float: left;

		width: 648px; 

		text-align: center; 

		color: #CCCCD6; 

		}



	.paging_control_3 {

		float: right; 

		width: 45px; 

		text-align: right; 

		font-weight: bold;  

		color: #CCCCD6;

		}			

			

	/* Container der Details */

	#cms_details {

		color: #CCCCD6;

		background-color: #000033;

		padding: 10px 10px 10px 25px;

		} 



	/* Detailseite: Textspalte */

	#cms_details #text_content {

		float: left;

		width: 465px;

		}

	

	#cms_details ul.text_content {

		float: left;

		list-style: none; 

		width: 350px; 

		float: left; 

		color: #000033;

		}

		

		#cms_details ul.text_content a { color: #000033; }

	

	/* Detailseite: Bilderspalte */

	#cms_details #gallery {

		float: right;

		}

	

	#cms_details #gallery .figure { text-align: center; margin-bottom: 10px; }

	

	#cms_details #gallery p.image {

		text-align: center;

		border: 1px solid #666685;

		width: 214px;

		padding: 7px;

		}

	

	#cms_details #gallery p.caption {

		color: #CCCCD6;

		padding: 3px;

		width: 222px;

		line-height: 120%;

		}

				

	/* Ueberschriften */

	#cms_listing h4	{	

		/* s.h. weiter oben bei Überschriften und Textstyles */

		}

	#cms_details h4 { 

		/* s.h. weiter oben bei Überschriften und Textstyles */

		}



	/* Links */

	#cms_listing .list_item a,

	#cms_details a {

		color: #ffffff;

		}

	

	#cms_listing .list_item a:hover,

	#cms_details a:hover {

		color: #ffffff;

		text-decoration: none;;

		}

	

	#cms_listing .list_item p a.news_more_button {

			display: block;

			border: 1px solid #666685;

			padding: 2px 0;

			margin: 0 0 5px 0;

			color: #666685;

			text-align: center;

			width: 130px;

			float: left;

			}

		

	#cms_listing .list_item p a.news_more_button:hover { color: #CCCCD6; }

		



	/* Teaser */

	#cms_details .teaser,

	#cms_listing .teaser {		

		font-size: 1.1em;

		line-height: 140%;

		color: #CCCCD6; 

		margin-bottom: 5px;

		} 

	

	/* Texte */

	#cms_details .maintext {

		font-size: 1.1em;

		line-height: 140%;

		padding-top: 10px;

		color: #fff;

		}

	

	/* Top Nav Elemente */

	#cms_top_nav {

		margin: 0 0 10px 0;

		position: relative;

		height: 25px;

		}

	

		#cms_top_nav h2 {

			margin: 0;			

			padding-right: 15px;

			position: absolute;

			top: 0; left: 0;

			}

		

		#cms_top_nav p {

			position: absolute;

			top:8px; left: 325px;

			line-height: 120%;

			}

			

		#cms_dropdown_wrap {

			position: absolute;

			top: 5px; right: 30px;	

			text-align: right;		

			}			



		*:first-child+html #cms_dropdown_wrap {

			position: absolute;

			top: 5px; left: 550px;	

			text-align: right;		

			}

		

			#cms_dropdown_wrap a#cms_dropdown {

				padding: 2px 4px 3px 4px;

				border: 1px solid #CCCCD6;

				color: #CCCCD6;

				text-align: center;

				text-decoration: none;

				display: block;

				background: #000033;

				width: 150px;

				}

				

			#cms_dropdown_wrap a#cms_dropdown:hover { color: #fff; }

		

		#cms_dropdown_open {			

			padding: 2px 4px 3px 4px;

			background: #000033;

			border-bottom: 1px solid #CCCCD6;

			border-left: 1px solid #CCCCD6;

			border-right: 1px solid #CCCCD6;

			color: #CCCCD6;

			font-size: 10px;

			line-height: 150%;

			text-decoration: none;

			margin-top: -1px;

			width: 150px;

			text-align: center;

			}

			

			#cms_dropdown_open a { color: #CCCCD6; }

			#cms_dropdown_open a:hover { color: #fff; }

        

		#cms_print_meta {

			position: absolute;

			top: 5px; right: 0;

			font-size: 0;

			line-height: 0;

			}



	/* Thema oder Rubrikname */

	/* Datumsangaben */ 	

	#cms_listing .theme_date {	

		padding: 5px 0 5px 0;

		font-size: 1.1em;

		line-height: 120%; 

		color: #CCCCD6;

		}

	

	#cms_details .theme_date {	

		padding: 4px 0 5px 0;

		font-size: 1.1em;

		line-height: 120%; 

		color: #CCCCD6;

		}

		

	#cms_listing .theme, 

	#cms_details .theme { 

		padding: 0 3px 0 0;

		}		

	

	#cms_listing .date, 

	#cms_details .date {

		}

	

	.sub_help_nav {

		line-height: 120%;

		margin-top: 10px;

		}

		

		.sub_help_nav #backtotop {

			float: right;

			text-align: right;

			width: 19px;

			}

/*****

	Print Stylesheet
	
	Inline um zusätzlichen HTTP Request zu vermeiden: www.phpied.com/delay-loading-your-print-css/ 

*****/

@media print {
  	* { background: transparent !important; color: #333 !important; text-shadow: none; }

	body p { font-family: "Times New Roman", Times, serif; font-size: 11pt; }

  	a, a:visited { color: #333 !important; text-decoration: underline; }

  	a:after { content: " (" attr(href) ")"; font-size: 60%; } 

 	abbr:after { content: " (" attr(title) ")"; font-size: 60%; }
  
  	.ir a:after { content: ""; }  /* Don't show links for images */
	
	.ir { text-indent: 0px; }
  
  	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  	img { page-break-inside: avoid; }

  	@page { size: 20cm x 29cm; margin: 0.5cm; }

  	p, h2, h3 { orphans: 3; widows: 3; }

	h1, h2, h3 { page-break-after: avoid; }
	
	.no-print { display: none; }
	
	.only-print { display: block; }
	.hide_print { display: none; visibility: hidden; }



#top_nav {

	display: none;

	visibility: hidden;

	}



#head_navi_wrap {

	display: none;

	visibility: hidden;

	}



.content_style1, .content_style2 {

			background: #000033;

			padding: 15px 0 30px 0;

			margin: 0;

			color: #CCCCD6;

			font-size: 1.6em;

			line-height: 130%;

			}



h1 {

	padding: 0 0 10px 0;

	margin: 0;

	font: 2.0em/120% Arial, Helvetica, sans-serif;

	color: #000033;

	}



p.intro {

		font-size: 1.6em;

		line-height: 130%;

		}



p.content_foot1 {

		font-size: 1.6em;

		line-height: 130%;

		padding-top: 20px;

		}



h2 {

	margin: 0;

	padding: 0;

	font: 2.2em/120% Arial, Helvetica, sans-serif;

	color: #000033;

	}



#main_content { 

	    width: 75%;

		padding: 0;

		margin: 0 auto;		

		}



#head_wrapper {

		width: 75%;

		margin: 0 auto 0 auto;

		padding: 0;

		}



#top_intros {

		width: 100%;

		margin: 0;

		padding: 30px 0 30px 0;

		}

		

#top_logos { float: none; width: 520px; margin: 0 auto;}



#top_logos img { float: left; }

#top_logos .print_only2 { float: left; margin-top: 20px; }



.marken_wrapper {

	width: 100%;

	margin: 0 0 5px 0;

	padding: 0;

	}



	.marken_wrapper p {

		padding: 10px 0 15px 0;

		font: 1.4em/135% arial, verdana, sans-serif;

		color: #CCCCD6;

		width: 500px;

		}



#cms_listing .list_item {

		padding: 10px 0 10px 0;

		margin: 0 0 5px 0;

		}



h4 {

	font: 2em/150% Arial, Helvetica, sans-serif;

	padding: 0 0 5px 0;

	}



#cms_details {

		color: #CCCCD6;

		padding: 10px 10px 10px 0;

		} 



#cms_details .maintext {

		font-size: 1.6em;

		line-height: 130%;

		padding-top: 10px;

		color: #333;

		}



#cms_details .teaser {		

		font-size: 1.6em;

		line-height: 130%;

		color: #CCCCD6; 

		margin-bottom: 5px;

		} 



#cms_details #text_content {

		float: left;

		width: 465px;

		}
}


/*****

	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)

*****/

@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } 
}