@import url(menue.css);

* {
	font-family : 'Trebuchet MS', Myriad, Tahoma, Arial, serif;
	font-size: 100.1%;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	line-height : 120%;
} 

body {
	background-color : #B0254D;
	margin : 0px;
} 

#wrapper
{
	background-color : #55A6B0;
	background-image : url(../gfx/top_verlauf.gif);
	background-repeat : repeat-x;
	text-align: center;
}

#page
{
	width : 900px;
	margin:0px auto;
	text-align: left;
}
 
#teaser
{
	width : 900px;
	margin:0px auto;
	background: Blue;
	position: absolute;
	top: 167px;
	height: 230px;
} 

h1
{
	background: #B0254D;
	position: absolute;
	top: 110px;
	font-style: italic;
	font-size: 14pt;
	color: #FFFFFF;
	width: 350px;
	padding: 10px;
}

h2
{
	background: #55A6B0;
	position: absolute;
	top: 153px;
	font-style: italic;
	font-size: 10pt;
	color: #FFFFFF;
	width: 450px;
	padding: 10px;
}

h3.haupt
{
	font-style: italic;
	font-size: 12pt;
	color: #FFFFFF;
	height: 30px;
}

h3.sidebar
{
	font-style: italic;
	font-size: 12pt;
	color: #005c6d;
	height: 30px;
}

h4
{
	font-style: italic;
	font-size: 10pt;
	color: #005c6d;
}
h3.specials
{
	font-style: italic;
	font-size: 11pt;
	color: #005c6d;
		height: 20px;
}

#content
{
	position: absolute;
	top: 427px;
	width: 900px;
	float: left;
}

#footer
{
	width : 900px;
	margin:0px auto;
	color: #FFFFFF;
} 

#sub-navigation
{
	width: 900px;
	float: left;
	position: absolute;
	top: 10px;
	text-align: right;
	font-size: 8pt;
	color: #CCCCCC;
	font-style: italic;
}

  ul#sub-navigation li {
    list-style: none;
    display: inline;
  }
  
  a.sub-navigation {
  	font-size: 8pt;
	color: #CCCCCC;
	text-decoration: underline;
  }
  
    a.sub-navigation:hover {
  	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
  }

.footer_col
{
	float: left;
	width: 225px;
	line-height : 130%;
	color: #F390AC;
	margin-bottom: 20px;
} 

.hauptinhalt
{
	float: left;
	width: 650px;
	line-height : 110%;
	color: #FFFFFF;
	font-size: 9pt;
	font-style: italic;
} 

.sidebar
{
	float: left;
	width: 250px;
	line-height : 110%;
	color: #005c6d;
	font-size: 10pt;
	font-style: italic;
} 

.sidebar_designer
{
	float: left;
	width: 211px;
	line-height : 110%;
	color: #005c6d;
	margin-left: 38px;
	font-size: 10pt;
	font-style: italic;
} 
  ul.harken li{
    list-style: url(../gfx/accept.png);
	 height: 23px;
	 border-bottom: dotted 1px #005c6d;
	 vertical-align: middle;
	display: list-item;
	list-style-position: inside;
  }
  
    ul.harken_content li{
    list-style: url(../gfx/accept.png);
	 line-height: 180%;
	 vertical-align: middle;
	display: list-item;
	list-style-position: inside;
  }
  
  .special {
  	width: 250px;
	height: 400px;
	background: url(../gfx/special_baby.gif) no-repeat;
	padding: 15px 25px 0 15px;
	display: block;
	font-size: 9pt;
  }
  
    .designer {
  	width: 670px;
	height: 600px;
	background: url(../gfx/bg_designer.gif) no-repeat;
	padding: 5px 0 0 5px;
	display: block;
  }
  
  .iframe 
  {

  }
  
  .top_motive {
  	background: url(../gfx/top_motive_bg.gif) no-repeat;
	padding: 10px 14px 10px 10px;
	display: block;
	float: left;
  }
  
    .top_produkte {
	display: block;
	float: left;
  }
  
  span.suchbox
  {
  	width: 303px;
	height: 63px;
	background: url(../gfx/suchbox_bg.gif) no-repeat;
	padding-left: 15px;
	padding-top: 10px;
	display: block;
	float: left;
  }
    span.text_float
  {
	float: left;
		display: block;
  }
  
  input.suchbox {
  	border: 0;
	font-family : 'Trebuchet MS', Myriad, Tahoma, Arial, serif;
	font-size: 14pt;
	font-style: italic;
	color: #3d3d3d;
	width: 240px;
	height: 36px;
	background: transparent;
  }
  
  input.submit {
  	cursor: pointer;
  }
  
hr.dotted {
border: dotted 1px #005c6d;
width: 612px;
color:#005c6d; 
background-color:#005c6d; 
height:2px;
}

hr.dotted_designer {
border: dotted 1px #005c6d;
width: 665px;
color:#005c6d; 
background-color:#005c6d; 
height:2px;
margin-top:20px;
margin-bottom: 20px;
}

hr.dotted_small {
border: dotted 1px #005c6d;
width: 249px;
color:#005c6d; 
background-color:#005c6d; 
height:2px;
margin-top:20px;
margin-bottom: 20px;
		 }
		 
		 hr.dotted_small_designer {
border: dotted 1px #005c6d;
width: 211px;
color:#005c6d; 
background-color:#005c6d; 
height:2px;
margin-top:20px;
margin-bottom: 20px;
		 }

a {
color: #005c6d;
}

a:hover {
color: #ffffff;
}

	a.footer {
		color: #F390AC;
		text-decoration: none;
		font-size: 9pt;
		line-height : 130%;
		
	}
	
	a.footer:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 9pt;
		line-height : 130%;
	}
	
			a.footer_power {
		color: #F390AC;
		text-decoration: none;
		font-size: 7pt;
		line-height : 130%;
		
	}
	
	a.footer_power:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 7pt;
		line-height : 130%;
	}
	
	hr.footer {
		color: #F390AC;
		height: 1px;
		width: 195px;
		text-align: left;
	}
	
.footer_popgarten1  {
						color: #F390AC;
		text-decoration: none;
		font-size: 9pt;
		line-height : 130%;
		}
				a.footer_popgarten  {
						color: #F390AC;
		text-decoration: none;
		font-size: 9pt;
		line-height : 130%;
		}
	
	a.footer_popgarten:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 9pt;
		line-height : 130%;
	}
	
			a.footer_power_popgarten {
		color: #F390AC;
		text-decoration: none;
		font-size: 7pt;
		line-height : 130%;
		
	}
	
	a.footer_power_popgarten:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 7pt;
		line-height : 130%;
	}


	#footer_shadow {
		margin-bottom: 20px;
	}