@charset "UTF-8";
@import url("sub.css");
@import url("style.css");
@import url("slider.css");
@import url("thickbox.css");

/* Normalizes margin, padding */
body, h1, h2, h3, p { margin : 0; padding : 0; }

/* Removes border from fieldset and img */
img { border : 0; }

a:focus {
	outline:none;
}


body 	{ 
padding: 0; 
background-color: #fff;
background-image:url(../img/bg/bg_page.gif);
background-repeat:repeat-x;
background-position:top;
font-family: Helvetica, Arial, Geneva, sans-serif;
font-size: 11px;
line-height:16px;
color : #707070;
}

/*Top Box*/

#main_container {
position:relative;
margin:auto;
width:1000px;
}

#main_top {
	position:relative;
	width:1000px;
	height:80px;
	background-color: #FFF;
	z-index:70;
}

#logo {
position: relative;
top: 20px;
left: 10px;
width:200px;
}

#neu {
	display: none;
position: absolute;
top: 15px;
left: 340px;
width:50px;
}


	/*Main Navi*/
	#mainnavcontainer {
	position:absolute;
	top:62px;
	margin-left:10px;
	width: 660px;
	left: 1px;
	}
	
	#mainnavcontainer h1 {
	float: left;
	font-size:13px;
	height:17px;
	width: 107px;
	background-image:url(../img/bg/bg_top_menu.gif);
	margin-right: 20px;
	font-weight:normal;
	color: #bbbbbb;
	}

	
	/*Right Navi*/
	#rightnavicontainer {
	position:absolute;
	top:62px;
	right:0px;
	}
	
	#rightnavicontainer ul 	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
	
	#rightnavicontainer ul li { 
	display: inline;
	vertical-align: bottom;
	}
	
	#rightnavicontainer ul li a
	{
	text-decoration: none;
	padding: .2em .6em;
	color: #bbbbbb;
	}
	
	#rightnavicontainer ul li a:hover
	{
	text-decoration: underline;
	color: #bbbbbb;
	}
	
/* MIDDLE BOX*/

#main_middle {
position: relative;
z-index:10;
width:1000px;
background-image: url(../img/bg/bg_middle_top.gif);
background-color:#FFFFFF;
background-position:top;
background-repeat:repeat-x;
}

#main_middle_content {
position: relative;
top:0px;
z-index:100;
width:1000px;
background-image:url(../img/bg/bg_middle_bottom.gif);
background-position:bottom;
background-repeat:repeat-x;
}

	/* Left */
	#middle_left {
	position:relative;
	margin-left: 40px;
	background-image: url(../img/produkte/teaser_index_new.jpg);
	background-repeat:no-repeat;
	background-position: left;
	padding-top: 80px;
	height:310px; /* Total Box Hight Left and Right */
	width: 600px;
	}
	
		#middle_left h2 {
		color: #ff7fd2;
		font-size:18px;
		font-weight:normal;
		margin-bottom: 15px;
		padding-left: 180px;
		}

		#middle_left p {
		padding-left: 180px;
		color : #707070;
		font-size:12px;
		}
		
		#middle_left_button {
		float: right;
		width: 257px;
		padding-top: 35px;
		}
		
		#middle_left_link {
		overflow: hidden;
		position:absolute;
		width: 287px;
		height:275px;
		left: 0px;
		top: 40px;
		}
			
	/* Right */
	#middle_right {
	position:absolute;
	top:25px;
	right:26px;
	height:335px;
	width:256px;
	border-left: 1px solid #cfcfcf;
	visibility: visible;
	}

		#middle_right h2, #middle_right h2 a {
		color: #707070;
		font-size:12px;
		font-weight:normal;
		padding-left: 25px;
		padding-top:20px;
		text-decoration: none;
		}
		
		#middle_right_link {
		float:right;
		padding-top: 10px;
		width:227px;
		}
		
		#middle_right_text {
		float: right;
		padding-left: 25px;
		padding-top: 10px;
		width:227px;
		}

		#middle_right_text h3 {
		color: #707070;
		font-size:12px;
		font-weight:normal;
		}
		
		#middle_right_linktipps {
	position:absolute;
	top:74px;
	right:24px;
	height:557px;
	width:296px;
	border-left: 1px solid #cfcfcf;
	visibility: visible;
		}


/* BOTTOM BOX */

#main_bottom {
position: relative;
z-index:10;
width:1000px;
background-image: url(../img/bg/bg_bottom_top.gif);
background-color:#FFFFFF;
background-position:top;
background-repeat:repeat-x;
}

#main_bottom_content {
position: relative;
height:210px;
z-index:100;
width:1000px;
background-image:url(../img/bg/bg_bottom_bottom.gif);
background-position:bottom;
background-repeat:repeat-x;
}

	/* BOTTOM Left */
	#bottom_left_index {
	position:absolute;
	top:0;
	left:0;
	width:370px;
	height:200px;
	margin: 5px 0;
	}
	
		#bottom_left_index h3 {
		color: #707070;
		font-size:14px;
		font-weight:normal;
		padding-left: 40px;
		padding-top: 10px;
		}
		
		#bottom_left_index p {
		padding-left: 40px;
		padding-right: 25px;
		padding-top: 12px;
		color : #707070;
		}
		
		#bottom_left_index ul	{
		list-style-type: none;
		padding-left: 50px;
		padding-top: 10px;
		margin: 0;
		}
		
		#bottom_left_index li {
		height: 19px;
		background-image: url(../img/button/pfeile.gif);
		background-repeat: no-repeat;
		margin-top: 0.3em;
		padding-left: 2em;
		padding-top: 0.2em;
		}
		
		#bottom_left_index span {
		font-family: Helvetica, Arial, Geneva, sans-serif;
		font-size: 11px;
		line-height:16px;
		color : #4fc6e3;
		text-decoration:none;
		}


				
	/* BOTTOM Middle */
	#bottom_middle {
	position:absolute;
	top:0;
	left:370px;
	width:340px;
	height:200px;
	background-image:url(../img/bg/linie.gif);
	background-repeat:repeat-y;
	margin: 5px 0;
	}
	
		#bottom_middle ul	{
		list-style-type: none;
		padding-left: 35px;
		padding-top: 30px;
		margin: 0;
		}
		
		#bottom_middle li {
		height: 19px;
		background-image: url(../img/button/pfeile.gif);
		background-repeat: no-repeat;
		margin-top: 0.3em;
		padding-left: 2em;
		padding-top: 0.2em;
		}

	
	/* BOTTOM Right */
	#bottem_right_taufkarte {
	position:absolute;
	top:0;
	right:0;
	width:270px;
	height:200px;
	background-image:url(../img/bg/linie.gif);
	background-repeat:repeat-y;
	margin: 5px 0;
	}
	
		#bottem_right_taufkarte h3 {
		color: #707070;
		font-size:12px;
		font-weight:normal;
		padding-left: 25px;
		padding-top: 25px;
		}
		
		#bottem_right_taufkarte img {
		padding-left:25px;
		padding-top: 5px;
		}
		
	#bottem_right_umwelt {
	position:absolute;
	top:0;
	right:0;
	width:281px;
	height:200px;
	background-image:url(../img/bg/linie.gif);
	background-repeat:repeat-y;
	margin: 5px 0;
	}
	
		#bottem_right_umwelt h3 {
		color: #707070;
		font-size:12px;
		font-weight:normal;
		}
		
		#bottem_right_umwelt img {
		padding-left:25px;
		padding-top: 60px;
		float:left;
		clear:right;
		}
		
		#bottom_right_text {
		float: right;
		padding-top: 30px;
		padding-right:20px;
		width:165px;
		}
		
   		#bottom_right_text p {
		padding-top: 12px;
		color : #707070;
		}




	
/* BOTTOM Navi */

#bottom {
position:relative;
background-image:url(../img/bg/bg_bottom.gif);
background-repeat: no-repeat;
height:30px;
width:1000px;
}


	/*Bottom Navi Left*/
	#bottomnavicontainer {
	position: absolute;
	width: 550px;
	height:30px;
	color: #bbbbbb;
	}	
	
	#bottomnavicontainer ul {
	margin: 0;
	padding: 8px 5px;
	list-style-type: none;
	text-align: left;
	}
	
	#bottomnavicontainer ul li { 
	display: inline;
	vertical-align: bottom;
	}
	
	#bottomnavicontainer ul li a
	{
	text-decoration: none;
	padding: .2em 1em;
	color: #bbbbbb;
	}
	
	#bottomnavicontainer ul li a:hover
	{
	text-decoration: underline;
	color: #bbbbbb;
	}


	/*Bottom Navi Right*/
	#bottomnavicontainer2 {
	position:absolute;
	color: #707070;
	top: 8px;
	right:50px;
	width: 400px;
	height:30px;
	}	

	#bottomnavicontainer2 ul {
	margin: 0;
	padding: 0px 5px;
	list-style-type: none;
	text-align: left;
	}
	
	#bottomnavicontainer2 ul li { 
	display: inline;
	vertical-align: bottom;
	}
	
	#bottomnavicontainer2 ul li a {
	text-decoration: none;
	padding: 0em 0.3em;
	color: #707070;
	}
	
	#bottomnavicontainer2 ul li a:hover
	{
	text-decoration: underline;
	color: #707070;
	}


/* Tell a Friend */

#overlay {
	position: fixed;
	z-index: 80;
	overflow:hidden;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #707070;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*Gut zu wissen*/

#thickbox_layer {
padding: 16px 10px 5px 10px;
background-color: #fff;
height: 100%;
}

#thickbox_layer h4 {
color: #ff7fd2;
font-size:16px;
font-weight:normal;
margin-bottom: 15px;
}

/*Hover Effekt Buttons*/
#zurdetailansicht a {
	display:block;
	width: 139px;
	height:29px;
	background-image: url(../img/button/zurdetailansicht_hover.gif);
	background-repeat: no-repeat;
}

#gutzuwissen a {
	display:block;
	width: 138px;
	height:29px;
	background-image: url(../img/button/gutzuwissen_hover.gif);
	background-repeat: no-repeat;
}

#zurdetailansicht img{
	width: 139px;
	height:29px;
	display:block; border:0;
}

#gutzuwissen img{
	width: 138px;
	height:29px;
	display:block; border:0;
}

#zurdetailansicht a:hover img,
#gutzuwissen a:hover img{
	visibility: hidden;
}

#zurdetailansicht a:hover,
#gutzuwissen a:hover{ 
	border:0;
}

#paypal_cont {
padding: 15px 20px 0px 36px;
float: left;
}
#paypal_text{
	padding: 16px 60px 0px 0px;
	float: left;
	color: #4fc6e3;
	font-size: 9px;
	line-height: 1.3em;
}