html { 
  padding:0px;
  margin:0px;
}

.bild_links {
float : left;
padding-right : 20px;
padding-bottom : 3px;
}

body {
  background-color: #fff;
background-image: url(/web_data/pic/bg.gif);
background-position: top left;
background-repeat: repeat-x;
  font-size: 12px;
  font-family:  Arial,Verdana, SunSans-Regular, Sans-Serif;
  color:#65677e;  
  padding:0px;
  margin:0px;
}

p, pre {
margin: 0px;
padding: 5px 0px 5px 0px; 
}


a { 
color: #006695;
background-color:transparent;
text-decoration: none;
margin:0px; 
}
a:hover { 
background-color:transparent;
text-decoration: underline;
margin:0px; 
}
 
h1 {
font-family: 'Yanone Kaffeesatz', arial, serif;
font-weight:200;
font-size: 30px;
text-align: left;
padding-left:0px;
color:#006695; 
margin:0px 0px 15px 0px;
}

h2 {
font-size: 13px;
text-align: left;
padding-left:0px;
color:#006695; 
}

h3 {
font-size:13px;
color: #65677e;
background-color: transparent;
	}
h4 {
font-size:14px;
margin:0;
font-weight:bold;
color: #006695;
background-color: transparent;
	}
h5 {
font-size:11px;
font-weight:bold;
color: #000;
margin:0;
padding: 5px;
background-color: transparent;
	}
ul 
{
margin: 0; 
padding: 0;
padding-left:40px; 
}

strong { 
font-size: 11px;
}

.hr_b {
border-top: 1px solid #ccc;
padding:3px;

}
.seo a{
color:#123456;
}
#fb{
position:absolute;
}
#fb_img{
position:absolute;
border:0;
}
#fb iframe{
margin-left:25px;
}
#twitter{
position:absolute;
left:140px;
border:0;
}
#fakten_c {
float:right;
width: 420px;
}

#fakten {
float:right;
background-image: url(/web_data/pic/fakten_head.png);
background-repeat:no-repeat;
background-color:#eaeaea;
border:1px solid #dcdcdc;
-moz-border-radius:15px;
-khtml-border-radius:15px;
width: 400px;
margin-left: 0px;
margin-top:10px;
padding:10px;
}
#fakten_box2 {
clear:right;
width: 400px;
margin: 0px;
padding:20px 10px 10px 10px;
}
#teaser {
float:right;
width: 250px;
margin-left: 20px;
margin-top:7px;
padding-top:20px;
}
#teaser h2{
font-family: arial, Verdana, Helvatica, serif;
color:#fff;
font-size:15px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
font-weight:400;
text-align:center;
background-image: url(/web_data/pic/teaser_head.png);
background-repeat:no-repeat;
}
#teaser p{
background-color:#fff;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:10px;
}
.teaser_foot{
border-bottom:1px solid #dcdcdc;
}

#teaser_head{
position:relative;
left:687px;
top:14px;
width:270px;
background-color:#fff;

}
#teaser_head h2{
font-family: arial, Verdana, Helvetica, serif;
color:#fff;
font-size:13px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
font-weight:400;
text-align:left;
background-image: url(/web_data/pic/teaser_head_bg.png);
background-repeat:no-repeat;
}

#teaser_head p{
font-size:11px;
padding:5px 10px 5px 10px;
border:1px solid #dcdcdc;
border-top:none;
}

#flag{
position:relative;
float:left;
top:117px;
left:660px;
}
#inhalt {
position:relative;
margin-left: auto;
margin-right: auto;
padding: 0px;
width:956px;   
}
#textcontent{
position:absolute;
width:956px;
}


#Textbox {
width:631px;
float:left;
margin-top:7px;
padding-top:20px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
min-height:350px;    
}
#Textbox_fakten{
width:501px;
float:left;
margin-top:7px;
padding-top:20px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
min-height:350px;    
}


/* ----------menu Kontakt Impressum AGB-------------- */

#head {
margin-left: auto;
margin-right: auto;
width: 956px;
height:140px;
background-image: url(/web_data/pic/beauty-logo.png);
background-repeat:no-repeat;
background-position:300px 4px;
}
#head2 {
font-size:11px;
margin-top:50px;
margin-left: auto;
margin-right: auto;
width: 956px;
height:254px;
background-color:#fff;
}


/* ----------menu-------------- */
#menu_container {
float:left;
margin-top:0px;
min-height:24px;
height:24px !important;
height:24px;
z-index:1;
width:956px;
}
#suchfeld{
position:relative;
left:85px;
top:3px;
}
#suchfeld input{
padding:3px;
color:#b1c0be ;
width:150px;
background:none;
border:1px solid #b1c0be;
}
#suchfeld .submitbutton{
width:29px;
border:0px;
position:relative;
top:6px;
}
/*---------------- Main Menu------------------- */
#mainMenu {	
background-image: url(/web_data/pic/menu_left.png);
background-repeat:no-repeat;
margin: 0em;
	padding: 0em;
clear: both;
overflow:visible;
min-height:40px;
height:40px !important;
height:40px;

}

/* remove  bullets, borders and padding from the default list styling */
#mainMenu  ul {
   padding:0;
   margin:0;
   list-style-type:none;
}
#mainMenu  ul ul {
   display:block;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainMenu  li {
   float:left;
   position:relative;
}
#mainMenu  li li {

border-right:0px #f1f1f1;
}
/* style the links for the top level */
#mainMenu  a {
color:#fff;
border-right:1px solid #afc4bf;
   display:block;
   font-size:13px;
   text-decoration:none;
   height:40px;
   text-align:center;
   padding-left:14px;
   padding-right:14px;
   line-height:40px;
   white-space:nowrap;
text-transform: uppercase;
}

#mainMenu  li:hover a {
   /*background-color:#80b3e2;*/
}

/* style the second level background */
#mainMenu  ul ul a.drop {
}
/* style the second level hover */
#mainMenu  ul ul li:hover a.drop{
}
#mainMenu ul ul :hover > a.drop {
}
/* style the third level background */
#mainMenu  .menu ul ul li:hover ul a {
background-image: url(/web_data/pic/menu_bg.png);
}
/* style the third level hover */
#mainMenu ul li:hover ul li:hover ul li:hover a {
   background-color:#7198c1!important;
   
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu  ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:40px;
   left:0;
   width:130px;
}
/* position the third level flyout menu */
#mainMenu  ul ul ul {
   left:188px;
   top:0px;
   width:160px;

}

/* style the second level links */
#mainMenu  ul ul a {
background-image: url(/web_data/pic/menu_bg.png);
   color:#fff;
   height:auto;
border-bottom:1px solid #80b3e2;
border-right:0px solid #afc4bf;
   font-size:12px;
   line-height:1em;
   padding:5px 10px;
   width:190px;
   text-align:left;
   padding-left:10px;
}
#mainMenu  ul ul a:hover {
background: #7198c1;
}

#mainMenu  :hover > a, #body .menu ul ul :hover > a {
   background-color:#80b3e2;
}
/* make the second level visible when hover on first level list OR link */
#mainMenu  ul li:hover ul, #body .menu ul a:hover ul {
   visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#mainMenu  ul :hover ul ul{
   visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#mainMenu  ul :hover ul :hover ul {
   visibility:visible;
}


#mainMenu  a.active {
   background-color:#80b3e2 !important;
   color:#ffffff;
   font-weight:normal;
   cursor:default;
}
#mainMenu a.drop{
background-image: url(/web_data/pic/menu_bg.png);
}

form img {
padding-right:10px;
}
form p {
margin-bottom : 0;
}
form p label {
float : left;
width : 10em;
margin-top :0.8em;
cursor : pointer;
}
form p input, form p select, form p textarea {
border : 1px solid #dcdcdc;
margin-top : 0.5em;
width : 15.2em;
}
form p select {
width : auto;
}
form p textarea {
width : 300px;
height : 7em;
}
form p input#formInput_submit, form p input#formInput_reset {
width : auto;
border : 1px solid #9ea0a2;
}
.warning select {
position:absolute;
left:100px;
margin-top:-2px;
}
.voting_form{
position:absolute;
left:100px;
margin-top:-2px;
}
.btn{
margin-top:10px;
margin-left:190px;
}

#footer {
clear:both;
margin-top:0px;
margin-left:auto;
margin-right:auto;
color:#fff;
width:956px;
background-image: url(/web_data/pic/footer_bg.gif);
background-repeat:no-repeat;
height:90px;

}
#footer a {
color:#fff;
font-size:10px;
}
.footer_pos {
text-align:right;
font-size:11px;
margin-right:12px;
padding-top:5px;
}



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:956px;
		height:254px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */