@charset "utf-8";

@import url("master.css");
@import url("forms.css");
@import url("icons.css");
@import url("superfish.css");
@import url("nivo-slider.css");
@import url("fancybox.css");

/***** 

	Stylesheet Template
	© 2011, BRANDMARKER
	
	Farb Definitionen:
	Blau: #203B6C
	Gelb: #F8D903
	 
*****/

body {
	color: #333;
	height: 100%;
	min-height: 100%;
	background: url(../gfx/bg.jpg) top left repeat-x;
	}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;	
	width: 990px; 
	background: url(../gfx/wrap_bg.jpg) top center no-repeat;
	}


/***** 

	Global Section
	 
*****/

h1 { 
	font-size: 2.8em;
	line-height: 120%;
	color: #8C9DB2;
	font-weight: bold;
	padding-bottom: 5px;
	}
	
	#main h1 { 
		font-size: 5.0em;
		color: #203B6C;
		font-weight: normal;
		text-transform: uppercase;
		margin-top: -5px;
		}
 
h2 { 
	color: #8C9DB2;
	font-weight: normal;
	font-size: 2.6em;
	line-height: 100%;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	}
	
	h2 strong {
		color: #203B6C;
		font-weight: bold;
		}
	
	.cnt_box_left h2,
	.cnt_box_right h2 {
		color: #203B6C;
		padding: 0 0 5px 0;
		}
	
h3 { 
	font-size: 1.2em;
	line-height: 150%;
	color: #203B6C;
	font-weight: bold;
	padding: 15px 0 5px 0;
	}

h4 { 
	color: #EBA500;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 120%;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	}
	
	#main h4 { padding: 0; }
 
a { color: #EBA500; text-decoration: none; }
a:hover { color: #EBA500; text-decoration: underline; }

.highlight	{ color: #333 }
.highlight2	{ color: #333 }
		
p { }

	p.content {	
		font-size: 1.2em;
		line-height: 140%;
		color: #203B6C;
		}

	p.main {	
		font-size: 1.2em;
		line-height: 140%;
		color: #203B6C;	
		}

	p.teaser {	
		font-size: 1.2em;
		line-height: 130%;
		color: #8D9DB3;	
		padding: 0 0 15px 0;
		}

	p.intro {	
		font-size: 1.2em;
		line-height: 130%;
		color: #203B6C;	
		font-weight: bold;
		padding: 0 0 15px 0;
		}

/***** 

	Head Section
	 
*****/

#float_nav {
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 999999999;
	width: 190px; 
	height: 55px;
	padding: 10px;
	background: #cc0000;
	color: #fff;
	font-size: 1.1em;
	line-height: 120%;
	}

#header {
	height: 100px;
	width: 990px;
	position: relative;
	z-index: 90;
	}
	
	#top_nav {
		height: 3.0em;
		line-height: 3.0em;
		color: #999;
		text-align: right;
		position: absolute;
		top: 0;
		right: 0;
		}
	
		#top_nav li {
			text-transform: uppercase; 
			display: inline;
			margin: 0 0 0 30px;
			}
		
		#top_nav li a { color: #999 }
		#top_nav li.active a { color: #203B6C }
		#top_nav li a:hover { color: #203B6C; text-decoration: none; }
	
	#logo {
		position: absolute;
		top: 30px;
		left: 0;
		width: 192px;
		height: 69px;
		}
	
	#main_nav {
		position: absolute;
		top: 30px;
		left: 192px;
		width: 540px;
		height: 69px;
		background: #F8D903;
		}
		
		/* Menu Styling check superfish.css */
	
	#helpers_nav {
		position: absolute;
		top: 30px;
		left: 732px;
		width: 258px;
		height: 69px;
		background: #F8D903;
		}
		
		#lang_nav {
			float: right;
			text-align: right;
			width: 110px;
			padding: 8px 10px 0 0;
			}
			
			#lang_nav li {
				display: inline;
				margin-left: 5px; 
				}
		
		#search {
			float: right;
			width: 130px;
			height: 25px;
			color: #fff;
			background: #203B6C;
			padding: 0 3px;
			font-size: 0.8em;
			}
			
			.borderradius #search {
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				}
			
			.boxshadow #search {
				-webkit-box-shadow: 1px 1px 3px #333;
				-moz-box-shadow: 1px 1px 3px #333;
				box-shadow: 1px 1px 3px #333;
				}
			
			#search .search_head { 
				background: #203B6C; 
				color: #fff;
				border: none;
				float: left;
				width: 100px;
				margin-top: 6px;
				outline: none;
				}
				
				#search .placeheld { color: #fff; }
				
				#search .search_head:focus { outline: none; background: #203B6C; color: #fff; border: none; } 
			
			#search .btn_head { 
				background: #203B6C; 
				color: #fff;
				border: 0;
				float: left;
				width: 20px;
				text-align: center;
				font-size: 1.5em;
				line-height: 100%;
				margin-top: 2px;
				}
		
	
/***** 

	Content Section
	 
*****/

#content {	}

	#feature {
		position: relative;
		height: 423px;
		width: 990px;
		margin-bottom: 15px;
		}

		#slider { 
			position: relative; 
			width: 807px;
			height: 423px;
			}
			
			/* Slider styling check nivo-slider.css */
		
		#thumb_control {
			position: absolute;
			top: 393px;
			left: 808px;
			width: 152px;
			height: 30px;
			padding: 0 15px;
			background: url(../gfx/thumb_bg.png) top left no-repeat;
			}
		
			.ie6 #thumb_control { background: #203B6C; }
			
			.rgba #thumb_control {
				background: #203B6C;
				}
			
			.borderradius #thumb_control {
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				}
			
				#thumb_control #thumb_control_down {
					display: block;
					float: left;
					width: 20px;
					height: 30px;
					background: url(../gfx/nav/arrow_bottom_slider.gif) center center no-repeat;
					font-size: 0;
					color: #BABFC9;
					}
					
				#thumb_control #thumb_control_up {
					display: block;
					float: right;
					width: 20px;
					height: 30px;
					background: url(../gfx/nav/arrow_top_slider.gif) center center no-repeat;
					font-size: 0;
					color: #BABFC9;
					}
	#main {
		position: relative;
		padding: 25px;
		background: #fff;
		}	
			
		.column_1 {
			float: left; 
			width: 640px;
			}
		
		.column_2 {
			float: right; 
			width: 300px;
			}
		
		#main p.highlight {
			padding-top: 10px
			}
		
		#main a.button,
		#main a.button {				
			color: #fff;
			background: #203B6C;
			}
		
		#main a.button:hover,
		#main a.button:hover {
			color: #203B6C;
			background: #F5CC01;
			}
	
		#main table {
			font-size: 1.2em;
			color: #203B6C;
			width: 600px;
			border-top: 1px solid #203B6C;
			border-left: 1px solid #203B6C; 
			}
	
		#main tr {	
			text-align: center;	 
			}
			
		#main td {
			padding: 3px; 
			border-bottom: 1px solid #203B6C;
			border-right: 1px solid #203B6C; 
			}
			
		#main table td.left {
			text-align: left;
			width: 50px; 
			}	
		
		.cnt_box_left {
			float: left; 
			background: #F8D903;
			width: 434px;
			height: 160px;
			border-right: 1px solid #fff;
			padding: 25px 25px 0 35px
			}
		
			.cnt_box_left p,
			.cnt_box_right p {	
				color: #8C9DB2;
				text-transform: uppercase;
				padding-bottom: 15px;
				}
		
			.cnt_box_left a.button,
			.cnt_box_right a.button {				
				color: #fff;
				background: #203B6C;
				float: right;
				}
		
			.cnt_box_left a.button:hover,
			.cnt_box_right a.button:hover {
				color: #203B6C;
				background: #F5CC01;
				float: right;
				}
			
		.cnt_box_right {
			float: right;
			background: #F8D903;
			width: 435px;
			height: 160px;
			padding: 25px 25px 0 35px
			}
		
		#video {
			width: 720px;
			}
			
		#video_desc {
			width: 220px;
			position: absolute;
			top: 111px;
			left: 0;
			padding: 25px 25px 0 745px;
			border-top: 1px solid #eee;
			}
		
		#video_nav { }
		
		#video_nav .cnt_box_left {
			float: left; 
			background: #fff;
			width: 434px;
			height: 140px;
			border-right: 1px solid #fff;
			padding: 25px 25px 0 35px;
			border-right: 1px solid #eee;
			border-top: 1px solid #eee;
			}
		
			#video_nav .cnt_box_left a.button,
			#video_nav .cnt_box_right a.button {
				float: right;
				color: #203B6C;
				background: #F5CC01;
				}
		
			#video_nav .cnt_box_left a.button:hover,
			#video_nav .cnt_box_right a.button:hover {
				float: right;		
				color: #fff;
				background: #203B6C;
				}
			
		#video_nav .cnt_box_right {
			float: right;
			background: #fff;
			width: 435px;
			height: 140px;
			padding: 25px 25px 0 35px;
			border-top: 1px solid #eee;
			}

/***** 

	Kollektionsdarstellung
	 
*****/

	#kollektion { }
		
		/**** Übersichtsseite ****/
	
		#kollektion .box,
		#kollektion .box_last {
			width: 329px;
			height: 420px;
			background: #fff;
			float: left;
			margin-right: 1px;
			}
		
		#kollektion .box_last { width: 330px; margin: 0; }
			
			#kollektion .link_box { 
				padding: 25px 0 0 25px; 
				width: 255px; 
				float: left; 
				}
				
			#kollektion .link_box h4 { padding: 0; }
			#kollektion .link_box h2 { padding-bottom: 10px; color: #203B6C; font-size: 2.0em; }
			
			#kollektion a.button {
				width: 40px; 
				float: right; 
				margin-top: 25px; 
				}
			
				.borderradius #kollektion a.button {
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;
					}
				
				.boxshadow #kollektion a.button {
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					}	
			
			#kollektion p.teaser { padding: 0 25px 0 25px; height: 65px; overflow: hidden; }
			
			/**** Folgeseite ****/
			
			#serien_infos {
				width: 990px;
				height: 420px;
				position: relative;
				}
				
				#serien_infos h4 { 
					position: absolute;
					top: 152px;
					right: 53px;
					text-align: right;
					}
				
				#serien_infos h2 { 
					position: absolute;
					top: 170px;
					right: 50px;
					text-align: right;
					color: #fff;
					font-size: 6.0em;
					}
				
				#serien_infos p { 
					position: absolute;
					top: 230px;
					right: 53px;
					width: 400px;
					text-align: right;
					color: #8D9DB3;
					text-transform: uppercase;
					}
			
			#kollektion .thumbs_container {
				margin: 0;
				}
		
				#kollektion .thumbs {
					float: left;
					margin: 0 1px 1px 0;
					width: 329px;
					height: 421px;
					background: #fff;
					} 
		
				#kollektion .thumbs h4 { padding: 15px 15px 0 15px; } 
				#kollektion .thumbs h2 { padding: 0 15px 0 15px; color: #203B6C; font-size: 1.5em; } 
			
			#kollektion .paging {
				font-size: 1.2em;
				height: 2.8em;
				line-height: 2.8em;
				color: #8C9DB2;
				background: #fff;
				padding: 0 10px;
				}
				
				#kollektion .paging a { color: #8C9DB2; }
				#kollektion .paging .paging_center a { text-decoration: underline; }
			
				#kollektion .paging .paging_backwards { width: 390px; float: left; text-align: left; }
				#kollektion .paging .paging_center { width: 210px; float: left; text-align: center; }
				#kollektion .paging .paging_forward { width: 280px; float: right; text-align: right; }
					
			/**** Detailseite ****/

			#lightbox_wrapper {
				width: 710px;
				height: 507px;
				margin: 0px;
				padding: 0px;
				z-index: 9999; 
				}
				
				#lightbox_wrapper #pic_detail {
					width: 476px;
					height: 500px;
					margin: 0px 10px 0px 0px;
					padding: 0px;
					float: left;
					z-index: 9999;
					font-size: 0px; 
					line-height: 0;
					}
				
				#lightbox_wrapper #description {
					width: 180px;
					height: 465px;
					padding: 20px 10px 10px 20px;
					margin: 0px;
					background: #FFFFFF;
					float: right;
					z-index: 9999; 
					}
				
					#lightbox_wrapper ul li {
						font-size: 1.2em;
						line-height: 140%;
						color: #203B6C;	
						}

/***** 

	Marketing Section
	 
*****/

#marketing {
	background: url(../gfx/marketing_bg.png) bottom center no-repeat;
	padding-bottom: 20px;
	}

	.ie6 #marketing { background: 0; padding-bottom: 10px; }

	#marketing .box_left {
		float: left;
		width: 490px;
		height: 290px;
		padding: 35px 0 0 0;
		background: url(../de/gfx/startseite/einklinker/einklinker.png) bottom right no-repeat;
		border-right: 1px solid #ccc;
		}
		
		.borderimage #marketing .box_left {
			border-width: 0px 2px 0px 0px; 
			-moz-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			-webkit-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			-o-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch;
			}
		
		a.button {
			display: block;
			height: 2.2em;
			line-height: 2.2em;
			font-size: 1.3em;
			color: #203B6C;
			background: #F5CC01;
			text-align: center;
			width: 140px;
			text-decoration: none;			
			}
		
		a.button:hover { color: #fff; background: #203B6C }
		a.button u { font-size: 1.0em; color: #8D9DB3; text-decoration: none; }
		a.button span { font-size: 1.1em; }
		
		.borderradius a.button {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}
		
		.boxshadow a.button {
			-webkit-box-shadow: 1px 1px 3px #333;
			-moz-box-shadow: 1px 1px 3px #333;
			box-shadow: 1px 1px 3px #333;
			}	
		
		a.button_short {
			display: block;
			height: 2.2em;
			line-height: 2.2em;
			font-size: 1.3em;
			color: #203B6C;
			background: #F5CC01;
			text-align: center;
			width: 40px;
			text-decoration: none
			}
		
		a.button_short:hover { color: #fff; background: #203B6C }
		a.button_short span { font-size: 1.1em; }
		
		.borderradius a.button_short {
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			}
		
		.boxshadow a.button_short {
			-webkit-box-shadow: 1px 1px 3px #333;
			-moz-box-shadow: 1px 1px 3px #333;
			box-shadow: 1px 1px 3px #333;
			}

	#marketing .box_right {
		float: right;
		width: 490px;
		height: 290px;
		padding: 35px 0 0 0;
		background: url(../de/gfx/startseite/einklinker/einklinker2.png) bottom right no-repeat;
		}
		
		#marketing .box_right a.button {
			margin-top: 15px;
			}

/***** 

	Crossselling Section
	 
*****/

#crossselling { 
	padding: 30px 0 0 0;
	}
	

	#crossselling .box {
		width: 220px;
		padding: 0 16px 0 0;
		margin: 0 17px 0 0;
		border-right: 1px solid #ccc;
		float: left;
		}
		
		.borderimage #crossselling .box {
			border-width: 0px 2px 0px 0px; 
			-moz-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			-webkit-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			-o-border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch; 
			border-image: url(../gfx/border_right.gif) 0 100 0 0 stretch stretch;
			}
		
	#crossselling .box a:hover h2,
	#crossselling .box_last a:hover h2 { text-decoration: underline; }
	
	#crossselling .box_last {
		padding: 0;
		margin: 0;
		border: 0;
		}
	
	.seperator { 
		border-bottom: 1px solid #ccc; 
		margin: 0 0 20px 0; 
		padding: 0 0 20px 0; 
		}
		
		.borderimage .seperator {
			border-width: 0px 0 2px 0px; 
			-moz-border-image: url(../gfx/border_bottom_large.gif) 0 0 100 0 stretch stretch; 
			-webkit-border-image: url(../gfx/border_bottom_large.gif) 0 0 100 0 stretch stretch; 
			-o-border-image: url(../gfx/border_bottom_large.gif) 0 0 100 0 stretch stretch; 
			border-image: url(../gfx/border_bottom_large.gif) 0 0 100 0 stretch stretch;
			}

	#crossselling .box_left {
		float: left;
		width: 493px;
		}
		
		#crossselling .box_left h2 { font-size: 1.7em; padding: 0 0 5px 0; color: #203B6C; }
		#crossselling .box_left h4 { padding: 15px 0 5px 0; }

	#crossselling .box_right {
		float: right;
		width: 479px;
		}
		
		.nl_include {
			padding: 10px 0 10px 10px;
			background: #F5CC01;
			margin-bottom: 18px;
			}
		
			.nl_include h4 { 
				padding: 0 0 10px 0; 
				color: #203B6C; 
				}
				
			.nl_include h2 { 
				padding: 0; 
				color: #203B6C; 
				font-size: 2.0em; 
				float: left; 
				width: 200px; 
				}
			
			.nl_include .nl_box { 
				float: right; 
				width: 240px; 
				padding: 2px 10px;
				background: #203B6C;
				color: #fff; 
				}
		
				.borderradius .nl_include .nl_box {
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-bottomleft: 5px;
					border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;
					}
				
				.nl_include .nl_box label { margin: 0 10px 0 0; font-size: 1.2em; float: left; display: block; padding: 6px; }
				.nl_include .nl_box input { border: 0; background: #fff; color: #203B6C; float: left; display: block; margin: 2px 0 0 0; width: 130px; }
				.nl_include .nl_box input.btn_newsletter { background: 0; color: #fff; font-size: 1.7em; margin: 0 10px; line-height: 100%; padding: 0; width: auto; }
		
		.short_box_left {
			width: 230px;
			height: 290px;
			float: left;
			background: #fff;
			}
			
			.short_box_left h2,
			.short_box_right h2 { font-size: 1.7em; padding: 0 0 20px 15px; color: #203B6C; }
			
		    .short_box_left h4,
			.short_box_right h4 { padding: 15px 0 5px 15px; }
			
			.short_box_left p,
			.short_box_right p { width: 160px; float: left; padding: 0 0 0 15px; }
			
			.short_box_left a.button_short,
			.short_box_right a.button_short { float: right; margin-top: 15px; }
		
		.short_box_right {
			width: 230px;
			height: 290px;
			float: right;
			background: #fff;
			}
			
			.short_box_right h2 { color: #fff; padding: 128px 0 10px 15px; }
			.short_box_right h2 strong { color: #203B6C; }
			.short_box_right p { color: #fff; }
	

/***** 

	Foot Section
	 
*****/

#footer { 
	color: #7C859C;
	line-height: 120%;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	margin-top: 15px;
	}
		
	.borderimage #footer {
		border-width: 2px 0 0 0px; 
		-moz-border-image: url(../gfx/border_bottom_large.gif) 100 0 0 0 stretch stretch; 
		-webkit-border-image: url(../gfx/border_bottom_large.gif) 100 0 0 0 stretch stretch; 
		-o-border-image: url(../gfx/border_bottom_large.gif) 100 0 0 0 stretch stretch; 
		border-image: url(../gfx/border_bottom_large.gif) 100 0 0 0 stretch stretch;
		}
	
	#footer a { color: #7C859C; }
	
	#footer #foot_nav { 
		text-align: center;
	}
	
	#footer #foot_nav li { 
		display: inline;
		text-transform: uppercase;
		margin-left: 5px;
		}
	
	#footer p {
		padding: 10px 0 0 0;
		text-align: center;
		}	
	

/*****

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

*****/

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }

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

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

 	abbr:after { content: " (" attr(title) ")"; font-size: 60%; }
	
	.ir { text-indent: 0px; }
  
  	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  	thead { display: table-header-group; }
  	
	tr, 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; }
	
	#wrap { margin: 0; }
	
	#content { padding: 10px 0 0 0; }
	
	#footer { margin: 0 auto; }
}


/*****

	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; } 
}