/*
		***************************************************************************************
		*                                                                                     *
		*   Lecicarbon CSS		                                                                *
		*                                                                                     *
		*   Copyright 2010 - 2011 , i-NovaCon										                          		*
		*   http://www.i-NovaCon.de 	                                                        *
		*                                                                                     *
		***************************************************************************************
    
    Hintergrund: 	#fff5e9
		Gelb: 				#ffcc00
		Gelb Lecic: 	#fecc00
		Orange:				#f07c01

   	*/
    
		html, body {
			scrollbar-face-color:#fff5e9;
			scrollbar-base-color:#fff5e9;
			scrollbar-arrow-color:black;
			scrollbar-track-color:#fff5e9;
			scrollbar-shadow-color:#fff5e9;
			scrollbar-highlight-color:#fff5e9;
			scrollbar-3dlight-color:#fff5e9;
			scrollbar-darkshadow-Color:#fff5e9;
		}
		
    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	font-size:11px;
			line-height:20px;
    	background: #fff5e9;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000000;
			padding-top:58px;
    }
    
    h1 {
    	font-size:15px;
    	font-weight:bold;
			line-height:18px;
			padding-top:0px;
			margin-top:0px;
    }
		
		h1.h1direkt {
			margin-bottom:0em;
		}
    
    h2 {
    	font-size:11px;
    	font-weight:bold;
			line-height:18px;
			margin:0;
			padding:0;
    }
    
		h3 {
    	font-size:15px;
    	font-weight:bold;
			line-height:18px;
			color: #ffcc00;
			padding-top:0px;
			margin-top:0px;
		}

		strong {
    	font-weight:normal;
			padding:0;
    }
		
		p {
			padding:0;
			margin:0 0 6px 0;
    }

		form {
			padding:0;
			margin:0;
    }

		table {
    	border-collapse:collapse;
    }
    
    input, select, textarea {
    	background: #ffffff repeat-x 0 0; 
    	border: 2px solid #ffcc00; 
			width:420px;
    }
		
    .keinrahmen {
    	border: 0px solid #000000; 
    }
    
    img {
    	border: 0; 
    	margin:0;
    	padding: 0; 
			float:left;
    }
		
		.pdf {
			padding: 0 18px ;
		}

		.warning {
			color: #ff0000;
		}
		
		.fussnote {
			font-size:10px;
		}
 
    #absenden {
    	border: 0px dotted; 
    }


		a:link      {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:underline}
		a:visited   {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:underline}
		a:active    {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#ffcc00;text-decoration:underline}
		a:hover     {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#ffcc00;text-decoration:underline}

		a.gelb:link      {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		a.gelb:visited   {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		a.gelb:active    {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		a.gelb:hover     {font-size:11px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}

		#navigation2 a:link      {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		#navigation2 a:visited   {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		#navigation2 a:active    {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}
		#navigation2 a:hover     {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none; border-bottom:#ffcc00 solid 1px}

		#navigation2 a.aktiv:link      {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv:visited   {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv:active    {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv:hover     {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}

		#navigation2 a.aktiv2:link      {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv2:visited   {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv2:active    {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}
		#navigation2 a.aktiv2:hover     {font-size:12px;font-style:normal;font-weight:normal;text-transform:none;color:#F07C01 ;text-decoration:none; border-bottom:0 none}

		.boldlink:link      {font-size:11px;font-style:normal;font-weight:bold;text-transform:none;color:#000000;text-decoration:underline}
		.boldlink:visited   {font-size:11px;font-style:normal;font-weight:bold;text-transform:none;color:#000000;text-decoration:underline}
		.boldlink:active    {font-size:11px;font-style:normal;font-weight:bold;text-transform:none;color:#ffcc00;text-decoration:underline}
		.boldlink:hover     {font-size:11px;font-style:normal;font-weight:bold;text-transform:none;color:#ffcc00;text-decoration:underline}

		.footerlink:link      {font-size:10px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none}
		.footerlink:visited   {font-size:10px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:none}
		.footerlink:active    {font-size:10px;font-style:normal;font-weight:normal;text-transform:none;color:#ffcc00;text-decoration:none}
		.footerlink:hover     {font-size:10px;font-style:normal;font-weight:normal;text-transform:none;color:#ffcc00;text-decoration:none}
    /*
		***************************************************************************************
		NAVIGATION TOP
		***************************************************************************************
   	*/
		#navigation ol {float:left; clear:both; margin:0; padding:0; display:block;}
		#navigation ol li {float:left; padding:0; list-style:none;}
		#navigation a  {display:block; background-repeat:no-repeat; /*width:95px;*/ text-indent:-2000px; overflow:hidden; background-position:0 0}

		ol li#Start a { width:387px; height:29px; margin:0}
		ol li#DieVorteileDerBehandlung a { width:387px; height:29px; margin:0}
		ol li#DasWirkprinzipVonLecicarbon a { width:387px; height:29px; margin:0}
		ol li#FAQs a { width:387px; height:29px; margin:0}
		ol li#Newsletter a { width:387px; height:29px; margin:0}
		ol li#IhreFrageZuVerstopfungUndLecicarbon a { width:387px; height:30px; margin:0}
		
		ol li#Start_On a { width:387px; height:29px; margin:0}
		ol li#DieVorteileDerBehandlung_On a { width:387px; height:29px; margin:0}
		ol li#DasWirkprinzipVonLecicarbon_On a { width:387px; height:29px; margin:0}
		ol li#FAQs_On a { width:387px; height:29px; margin:0}
		ol li#Newsletter_On a { width:387px; height:29px; margin:0}
		ol li#IhreFrageZuVerstopfungUndLecicarbon_On a { width:387px; height:30px; margin:0}
		
		#Start a { background-image: url(images/navigation.gif); background-position: 0 0}
		#DieVorteileDerBehandlung a { background-image: url(images/navigation.gif); background-position: 0 -29px}
		#DasWirkprinzipVonLecicarbon a { background-image: url(images/navigation.gif); background-position: 0 -58px}
		#FAQs a { background-image: url(images/navigation.gif); background-position: 0 -87px}
		#Newsletter a { background-image: url(images/navigation.gif); background-position: 0px -116px}
		#IhreFrageZuVerstopfungUndLecicarbon a { background-image: url(images/navigation.gif); background-position: 0px -145px}
		
		#Start_On a { background-image: url(images/navigation.gif); background-position: -387px 0}
		#DieVorteileDerBehandlung_On a { background-image: url(images/navigation.gif); background-position: -387px -29px}
		#DasWirkprinzipVonLecicarbon_On a { background-image: url(images/navigation.gif); background-position: -387px -58px}
		#FAQs_On a { background-image: url(images/navigation.gif); background-position: -387px -87px}
		#Newsletter_On a { background-image: url(images/navigation.gif); background-position: -387px -116px}
		#IhreFrageZuVerstopfungUndLecicarbon_On a { background-image: url(images/navigation.gif); background-position: -387px -145px}

		#Start a:hover { background-image: url(images/navigation.gif); background-position: -387px 0}
		#DieVorteileDerBehandlung a:hover { background-image: url(images/navigation.gif); background-position: -387px -29px}
		#DasWirkprinzipVonLecicarbon a:hover { background-image: url(images/navigation.gif); background-position: -387px -58px}
		#FAQs a:hover { background-image: url(images/navigation.gif); background-position: -387px -87px}
		#Newsletter a:hover { background-image: url(images/navigation.gif); background-position: -387px -116px}
		#IhreFrageZuVerstopfungUndLecicarbon a:hover { background-image: url(images/navigation.gif); background-position: -387px -145px}

		#Start_On a:hover { background-image: url(images/navigation.gif); background-position: -387px 0}
		#DieVorteileDerBehandlung_On a:hover { background-image: url(images/navigation.gif); background-position: -387px -29px}
		#DasWirkprinzipVonLecicarbon_On a:hover { background-image: url(images/navigation.gif); background-position: -387px -58px}
		#FAQs_On a:hover { background-image: url(images/navigation.gif); background-position: -387px -87px}
		#Newsletter_On a:hover { background-image: url(images/navigation.gif); background-position: -387px -116px}
		#IhreFrageZuVerstopfungUndLecicarbon_On a:hover { background-image: url(images/navigation.gif); background-position: -387px -145px}


		#navigation2 ol {float:left; clear:both; margin:0; padding:0;}
		#navigation2 ol li {padding:0 5px 0 0; list-style:none; display:block; height:23px; background-image: url(images/icon_subnavigation.png); background-repeat:no-repeat; padding-top:3px;}
		#navigation2 ol li.nav2sub {background-image: none; padding:0 0 0 8px}
		#navigation2 ol li span {font-size:12px; color:#ffcc00; margin-left:25px;}
		#navigation2 a  {overflow:hidden; background-position:0 0; margin-left:25px;}
		#navigation2 ol li:hover  { background-color:#ffdd88; cursor:pointer; }
		

    /*
		***************************************************************************************
		DIVERSE
		***************************************************************************************
   	*/
    #container { 
    	position: relative;
    	width: 899px; 
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; 
    } 

    #header { 
    	width:100%;
    	margin: 0 auto;
    	padding: 0;
    	text-align:center;
			border-left-color:#ffcc00;
			border-left-width:3px;
			border-left-style:solid;
			border-top-color:#ffcc00;
			border-top-width:3px;
			border-top-style:solid;
			border-right-color:#ffcc00;
			border-right-width:3px;
			border-right-style:solid;
    }

		#contentcontainer { 
    	width:100%;
    	margin: 0 auto;
    	padding: 0;
			border-left-color:#ffcc00;
			border-left-width:3px;
			border-left-style:solid;
			border-right-color:#ffcc00;
			border-right-width:3px;
			border-right-style:solid;
    }
    
		#content { 
			float:left;
    	width:512px;
    	margin: 0 auto;
    	padding: 0;
    	text-align: left; 
    }
		
		#navigation { 
			float:left;
    	width:387px;
			height:195px;
    	margin: 0 auto;
    	padding: 0;
    	text-align: left; 
		}
		
		#navigation2 { 
			float:left;
    	width:387px;
    	margin: 0;
    	padding: 0 0 40px 0;
    	text-align: left; 
		}

    #contentinner { 
    	padding: 24px 40px 24px 40px;
    }
		
		#box1 {
			width:160px;
			float:left;
			padding-top:0px;
		}
		
		#box2 {
			width:266px;
			float:left;
		}

		#footer {
			clear:left;
			width:899px;
			height:30px;
			border-left-color:#ffcc00;
			border-left-width:3px;
			border-left-style:solid;
			border-right-color:#ffcc00;
			border-right-width:3px;
			border-right-style:solid;
		}

		#footerinner {
			padding-left:580px;
		}
		
		#bildbereich {
			width:899px;
			height:304px;
		}

		#head_meinkonto {
			width:185px; 
			height:51px; 
			margin:10px 0 10px 0;
			display:block; 
			overflow:hidden; 
			background-repeat:no-repeat; 
			background-position:0 0;
			text-indent:-2000px; 
		}
		
		.button_ratgeber {
			margin:25px 0 0 8px;
		}
		
		.sonderabsatz {
			font-weight:bold;
			margin:10px 0 16px 35px;
		}
		
		.orangetabelle {
			color:#f07c01;
			font-size:10px;
			text-transform:uppercase;
		}
		
		.fett {
			font-weight:bold;
		}
		
		.an  {
			display: block !important;
		}

		.aus  {
			display: none !important;
		}
		
		.bildnachweis {
			font-size:10px;
			color:#666;
		}