/*
		***************************************************************************************
		*                                                                                     *
		*   BIG CSS                                                 													*
		*                                                                                     *
		*   Copyright 2009, i-NovaCon 													                              *
		*   http://www.i-NovaCon.de 	                                                        *
		*                                                                                     *
		***************************************************************************************
    
    Hintergrund: 	#ffffff
		blau: 				#00329c
		orange:				#ff6300

   	*/
    
		/*.threepxfix class below:
		Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
		to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
		*/
		
		* html .threepxfix{
			margin-left: 3px;
		}

		html, body {
			scrollbar-face-color:#EBF5FF;
			scrollbar-base-color:#EBF5FF;
			scrollbar-arrow-color:black;
			scrollbar-track-color:#F3F3F3;
			scrollbar-shadow-color:#EBF5FF;
			scrollbar-highlight-color:#EBF5FF;
			scrollbar-3dlight-color:#78AAFF;
			scrollbar-darkshadow-Color:#78AAFF;
		}


    * div {
			margin:0;
			padding:0;
		}
		
		body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	font-size:13px;
			background-image: url(images/bg-fading.png);
			background-color:#ffffff;
			background-repeat: repeat-x;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    
    table {
			border-collapse:collapse
		}
		
		#linkerblock p {
			margin:0;
			padding:0 0 10px 0;
		}
		
		strong {
    	font-size:13px;
		}
		 
		ul {
			list-style-image:url(images/dot.png);
			list-style-position:outside;
			padding:10px 10px 10px 16px;
			margin:0;
		}

		ul li {
			padding:0 0 6px 8px;
		}
		
		ul li strong {
			color: #00329c;
		}

		h1 {
    	font-size:16px;
    	font-weight:bold;
			padding:0 0 10px;
			margin:0;
    }
    
    h2 {
    	font-size:15px;
    	font-weight:bold;
			padding:0 0 8px;
			margin:0;
			color: #111111;
    }

    h3 {
    	font-size:14px;
    	font-weight:bold;
			padding:0 0 8px;
			margin:0;
			color: #222222;
    }

		p {
			margin:0;
			padding:6px 0 6px 0;
    }

    input, select {
    	background: #ffffff repeat-x 0 0; 
    	border: 1px solid #67861a; 
    }
    
    img {
    	border: 0; 
    	margin:0;
    	padding: 0; 
    }
    
    .imggross {
    	padding:46px;
    }
    
		a:link      {font-size:14px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:underline}
		a:visited   {font-size:14px;font-style:normal;font-weight:normal;text-transform:none;color:#000000;text-decoration:underline}
		a:active    {font-size:14px;font-style:normal;font-weight:normal;text-transform:none;color:#ff6300;text-decoration:underline}
		a:hover     {font-size:14px;font-style:normal;font-weight:normal;text-transform:none;color:#ff6300;text-decoration:underline}
		
    /*
		***************************************************************************************
		TABELLEN
		***************************************************************************************
   	*/
		.tableTarif {
			background:#81c6ae;
			border:#ffffff 1px solid;
			border-bottom:#dadada 1px solid;
			color:#FFFFFF;
			font-size:10px;
			border-collapse:collapse;
		}
		.tableTarif td {
			border:#E9E9E9 1px solid;
			padding: 8px  8px 8px 12px;
			font-size: 13px;
			line-height: 13px;
			vertical-align:top;
		}
		.bg_light	{background:#2d5c71;}
		.bg_green	{background:#2c353b;font-weight:bold;}
		.bg_darkblue {background:#e60110}

    /*
		***************************************************************************************
		HOVER - BUTTONS
		***************************************************************************************
   	*/
		.hoverbutton_suchen, .hoverbutton_speichern, .hoverbutton_absenden, .hoverbutton_hochladen, .hoverbutton_zurueck, .hoverbutton_einrichten { 
			text-decoration: none; 
			border:0; 
			padding:0; 
			display: block; 
			text-indent: -9999px; 
			letter-spacing: -9999px; 
			font-size:0; 
			cursor: pointer;
			width: 82px; 
			height: 20px; 
		}
		.hoverbutton_suchen:hover, .hoverbutton_speichern:hover, .hoverbutton_absenden:hover, .hoverbutton_hochladen:hover, .hoverbutton_zurueck:hover, .hoverbutton_einrichten:hover { 
			background-position: -82px 0;
		}

		.hoverbutton_suchen { 
			background: url("images/buttons_suchen.png") 0 0 no-repeat;
		}
		.hoverbutton_speichern { 
			background: url("images/buttons_speichern.png") 0 0 no-repeat;
		}
		.hoverbutton_absenden { 
			background: url("images/buttons_absenden.png") 0 0 no-repeat;
		}
		.hoverbutton_hochladen { 
			background: url("images/buttons_hochladen.png") 0 0 no-repeat;
		}
		.hoverbutton_zurueck { 
			background: url("images/buttons_zurueck.png") 0 0 no-repeat;
		}
		.hoverbutton_einrichten { 
			background: url("images/buttons_einrichten.png") 0 0 no-repeat;
		}


    .big #container { 
    	position: relative;
    	width: 956px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #7b7a7a;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; 
    } 
    
		.big #oben, .big #obenEN, .big #obenstd, .big #obenENstd   { 
    	width:956px;
			height:339px;
    	background: #ff7a7a;
			padding:0;
			margin:0;
			top:0;
    }
    .big #oben {
    	background-image: url(images/logo_big_de.jpg);
    }
		.big #obenEN { 
    	background-image: url(images/logo_big_en.jpg);
    }
    .big #obenstd {
    	background-image: url(images/logo_big_std.jpg);
    }
		.big #obenENstd { 
    	background-image: url(images/logo_big_std.jpg);
    }
    
    #inhaltundraender {
    	background-image: url(images/raender.png);
			background-repeat: repeat-y;
			float:left;
			width: 956px;
		}
		
		#mitteabstand {
			float:left;
			padding:0 12px 0 12px;
		}
		
    #mitte {
    	background-image: url(images/bg-mitte.png);
			background-repeat: repeat-x;
			background-color:#7b7a7a;
			width: 932px;
			min-height:400px;
    	margin: 0; 
    	padding: 0 0 60px 0; 
    }

		#mitteinnen {
			padding:60px;
		}
		
		#linkerblock {
			width:800px;
			float:left;
		}
		
		#rechterblock {
			float:left;
		}
		
		#starkinderregion {
			float:right;
			padding-bottom:40px;
		}
		
		.formular {
    	background-image: url(images/formular.gif);
			background-repeat: no-repeat;
			width: 439px;
			height: 298px;
		}
		
		.formularabstand {
			padding:40px 20px;
		}
	
		.inputfield {
			width:220px;
			height:14px;
		}
		
		#copyright {
			float:left;
			padding-right:0;
		}

		#umbruch {
    	clear:both;
			float:none;
    }
		
    #navigation_2 {
    	z-index:255;
    	position:absolute;
    	top:315px;
    	left:141px;
    	visibility:hidden;
    }
    #navigation_3 {
    	z-index:255;
    	position:absolute;
    	top:315px;
    	left:271px;
    	visibility:hidden;
    }
    
    #navigation {
    	padding: 279px 0 0 0;
    	width:642px;
    	float:none;
    	position:relative;
    }
		
		#subnavigationDE {
    	background-image: url(images/subnavigation_de.png);
			background-repeat: no-repeat;
			width:455px;
			height:26px;
			float:left;
		}
		#subnavigationEN {
    	background-image: url(images/subnavigation_en.png);
			background-repeat: no-repeat;
			width:455px;
			height:26px;
			float:left;
		}
		
		.dot {
			padding:3px 16px 0 0;
		}
		
		ol {float:left; clear:both; margin:0; padding:0; display:block;}
		ol li {float:left; padding:0; list-style:none;}
		ol a  {display:block; background-repeat:no-repeat; /*width:95px;*/ height:60px; text-indent:-2000px; overflow:hidden; background-position:0 0;}

		ol li#D2-1 { height:36px;width:131px; margin:0;clear:both}
		#D2-1 a { background-image: url(images/navi2_1_de.png)}
		#D2-1 a:hover { background-position: -130px 0;}
		ol li#D2-2 { height:36px;width:131px; margin:0;clear:both}
		#D2-2 a { background-image: url(images/navi2_2_de.png)}
		#D2-2 a:hover { background-position: -130px 0;}
		ol li#D2-3 { height:36px;width:131px; margin:0;clear:both}
		#D2-3 a { background-image: url(images/navi2_3_de.png)}
		#D2-3 a:hover { background-position: -130px 0;}
		ol li#D2-4 { height:36px;width:131px; margin:0;clear:both}
		#D2-4 a { background-image: url(images/navi2_4_de.png)}
		#D2-4 a:hover { background-position: -130px 0;}
		ol li#W2-1 { height:36px;width:131px; margin:0;clear:both}
		#W2-1 a { background-image: url(images/navi2_5_de.png)}
		#W2-1 a:hover { background-position: -130px 0;}
		ol li#W2-2 { height:36px;width:131px; margin:0;clear:both}
		#W2-2 a { background-image: url(images/navi2_6_de.png)}
		#W2-2 a:hover { background-position: -130px 0;}
		ol li#W2-3 { height:36px;width:131px; margin:0;clear:both}
		#W2-3 a { background-image: url(images/navi2_7_de.png)}
		#W2-3 a:hover { background-position: -130px 0;}
		ol li#W2-4 { height:36px;width:131px; margin:0;clear:both}
		#W2-4 a { background-image: url(images/navi2_8_de.png)}
		#W2-4 a:hover { background-position: -130px 0;}

		ol li#END2-1 { height:36px;width:131px; margin:0;clear:both}
		#END2-1 a { background-image: url(images/navi2_1_en.png)}
		#END2-1 a:hover { background-position: -130px 0;}
		ol li#END2-2 { height:36px;width:131px; margin:0;clear:both}
		#END2-2 a { background-image: url(images/navi2_2_en.png)}
		#END2-2 a:hover { background-position: -130px 0;}
		ol li#END2-3 { height:36px;width:131px; margin:0;clear:both}
		#END2-3 a { background-image: url(images/navi2_3_en.png)}
		#END2-3 a:hover { background-position: -130px 0;}
		ol li#END2-4 { height:36px;width:131px; margin:0;clear:both}
		#END2-4 a { background-image: url(images/navi2_4_en.png)}
		#END2-4 a:hover { background-position: -130px 0;}
		ol li#ENW2-1 { height:36px;width:131px; margin:0;clear:both}
		#ENW2-1 a { background-image: url(images/navi2_5_en.png)}
		#ENW2-1 a:hover { background-position: -130px 0;}
		ol li#ENW2-2 { height:36px;width:131px; margin:0;clear:both}
		#ENW2-2 a { background-image: url(images/navi2_6_en.png)}
		#ENW2-2 a:hover { background-position: -130px 0;}
		ol li#ENW2-3 { height:36px;width:131px; margin:0;clear:both}
		#ENW2-3 a { background-image: url(images/navi2_7_en.png)}
		#ENW2-3 a:hover { background-position: -130px 0;}
		ol li#ENW2-4 { height:36px;width:131px; margin:0;clear:both}
		#ENW2-4 a { background-image: url(images/navi2_8_en.png)}
		#ENW2-4 a:hover { background-position: -130px 0;}

		ol li#Home a { width:130px; margin:0 0 0 12px}
		ol li#Dienstleistungen a { width:130px; margin:0 0px}
		ol li#Wirueberuns a { width:130px; margin:0}
		ol li#Kontakt a { width:130px; margin:0}
		ol li#HomeEN a { width:130px; margin:0 0 0 12px}
		ol li#DienstleistungenEN a { width:130px; margin:0 0px}
		ol li#WirueberunsEN a { width:130px; margin:0}
		ol li#KontaktEN a { width:130px; margin:0}
		ol li#HomeX a { width:130px; margin:0 0 0 12px}
		ol li#DienstleistungenX a { width:130px; margin:0 0px}
		ol li#WirueberunsX a { width:130px; margin:0}
		ol li#KontaktX a { width:130px; margin:0}
		ol li#HomeENX a { width:130px; margin:0 0 0 12px}
		ol li#DienstleistungenENX a { width:130px; margin:0 0px}
		ol li#WirueberunsENX a { width:130px; margin:0}
		ol li#KontaktENX a { width:130px; margin:0}
		ol li#FlaggeDE a { width:32px; margin:12px 0 0 30px}
		ol li#FlaggeEN a { width:32px; margin:12px 0 0 16px}
		ol li#FlaggeDEin a { width:32px; margin:12px 0 0 30px}
		ol li#FlaggeENin a { width:32px; margin:12px 0 0 16px}
		
		#Home a { background-image: url(images/navi_home_de.png)}
		#Dienstleistungen a { background-image: url(images/navi_dienstleistungen_de.png)}
		#Wirueberuns a { background-image: url(images/navi_wirueberuns_de.png)}
		#Kontakt a { background-image: url(images/navi_kontakt_de.png)}
		#HomeEN a { background-image: url(images/navi_home_en.png)}
		#DienstleistungenEN a { background-image: url(images/navi_dienstleistungen_en.png)}
		#WirueberunsEN a { background-image: url(images/navi_wirueberuns_en.png)}
		#KontaktEN a { background-image: url(images/navi_kontakt_en.png)}
		#HomeX a { background-image: url(images/navi_home_deX.png)}
		#DienstleistungenX a { background-image: url(images/navi_dienstleistungen_deX.png)}
		#WirueberunsX a { background-image: url(images/navi_wirueberuns_deX.png)}
		#KontaktX a { background-image: url(images/navi_kontakt_deX.png)}
		#HomeENX a { background-image: url(images/navi_home_enX.png)}
		#DienstleistungenENX a { background-image: url(images/navi_dienstleistungen_enX.png)}
		#WirueberunsENX a { background-image: url(images/navi_wirueberuns_enX.png)}
		#KontaktENX a { background-image: url(images/navi_kontakt_enX.png)}
		#FlaggeDE a { background-image: url(images/flagge_de.png); height:16px}
		#FlaggeEN a { background-image: url(images/flagge_en.png); height:16px}
		#FlaggeDEin a { background-image: url(images/flagge_de.png); height:16px; background-position: 0 -16px}
		#FlaggeENin a { background-image: url(images/flagge_en.png); height:16px; background-position: 0 -16px}
		#Home a:hover { background-position: 0 -60px}
		#Dienstleistungen a:hover { background-position: 0 -60px}
		#Wirueberuns a:hover { background-position: 0 -60px}
		#Kontakt a:hover { background-position: 0 -60px}
		#HomeEN a:hover { background-position: 0 -60px}
		#DienstleistungenEN a:hover { background-position: 0 -60px}
		#WirueberunsEN a:hover { background-position: 0 -60px}
		#KontaktEN a:hover { background-position: 0 -60px}
		#HomeX a:hover { background-position: 0 -60px}
		#DienstleistungenX a:hover { background-position: 0 -60px}
		#WirueberunsX a:hover { background-position: 0 -60px}
		#KontaktX a:hover { background-position: 0 -60px}
		#HomeENX a:hover { background-position: 0 -60px}
		#DienstleistungenENX a:hover { background-position: 0 -60px}
		#WirueberunsENX a:hover { background-position: 0 -60px}
		#KontaktENX a:hover { background-position: 0 -60px}
		#FlaggeDE a:hover { background-position: 0 -16px}
		#FlaggeEN a:hover { background-position: 0 -16px}

		ol li#Home2 a { width:32px; margin:0 26px 0 0}
		ol li#Dienstleistungen2 a { width:88px; margin:0 27px 0 0}
		ol li#Wirueberuns2 a { width:68px; margin:0 27px 0 0}
		ol li#Kontakt2 a { width:40px; margin:0 26px 0 0}
		ol li#Impressum2 a { width:60px; margin:0}
		ol li#Home2EN a { width:32px; margin:0 26px 0 60px}
		ol li#Dienstleistungen2EN a { width:45px; margin:0 27px 0 0}
		ol li#Wirueberuns2EN a { width:48px; margin:0 27px 0 0}
		ol li#Kontakt2EN a { width:42px; margin:0 26px 0 0}
		ol li#Impressum2EN a { width:60px; margin:0}
		#Home2 a { background-image: url(images/subnavi_home_de_off.png)}
		#Dienstleistungen2 a { background-image: url(images/subnavi_dienstleistungen_de_off.png)}
		#Wirueberuns2 a { background-image: url(images/subnavi_wirueberuns_de_off.png)}
		#Kontakt2 a { background-image: url(images/subnavi_kontakt_de_off.png)}
		#Impressum2 a { background-image: url(images/subnavi_impressum_de_off.png)}
		#Home2EN a { background-image: url(images/subnavi_home_en_off.png)}
		#Dienstleistungen2EN a { background-image: url(images/subnavi_dienstleistungen_en_off.png)}
		#Wirueberuns2EN a { background-image: url(images/subnavi_wirueberuns_en_off.png)}
		#Kontakt2EN a { background-image: url(images/subnavi_kontakt_en_off.png)}
		#Impressum2EN a { background-image: url(images/subnavi_impressum_en_off.png)}

		#Home2 a:hover { background-image: url(images/subnavi_home_de_on.png)}
		#Dienstleistungen2 a:hover { background-image: url(images/subnavi_dienstleistungen_de_on.png)}
		#Wirueberuns2 a:hover { background-image: url(images/subnavi_wirueberuns_de_on.png)}
		#Kontakt2 a:hover { background-image: url(images/subnavi_kontakt_de_on.png)}
		#Impressum2 a:hover { background-image: url(images/subnavi_impressum_de_on.png)}
		#Home2EN a:hover { background-image: url(images/subnavi_home_en_on.png)}
		#Dienstleistungen2EN a:hover { background-image: url(images/subnavi_dienstleistungen_en_on.png)}
		#Wirueberuns2EN a:hover { background-image: url(images/subnavi_wirueberuns_en_on.png)}
		#Kontakt2EN a:hover { background-image: url(images/subnavi_kontakt_en_on.png)}
		#Impressum2EN a:hover { background-image: url(images/subnavi_impressum_en_on.png)}

		.infofeldfehler {
			width: 820px;
			height: 70px;
			border: 2px solid #630000;
			background-color: #ffc5c5;
			color:#630000;
			overflow:hidden;
			text-align:center;
			vertical-align: middle;
			text-transform: uppercase;
		}
		
		.infofeldok {
			width: 820px;
			height: 70px;
			border: 2px solid #00630c;
			background-color: #c5ffcc;
			color:#00630c;
			overflow:hidden;
			text-align:center;
			vertical-align: middle;
			text-transform: uppercase;
		}
		
		div.warning {
			border:1px solid #eb818a;background:#fcfee8;margin:20px;
		}
		
		div.form div.warning { 
			azimuth:margin-left:5px;margin-right:5px;
		}
		
		.referenz {
			width:820px;
			min-height:100px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	padding: 10px;
    	border-top: 1px solid #000000;
    	
		}
		
		.referenzbild {
			float:left;
			min-width:250px;
			max-width:250px;
			min-height:75px;
			background-color: #ffffff;
    	border: 1px solid #000000;
    	margin-right:20px;
    	padding:20px 0 20px 0;
    	text-align:center;
    	vertical-align:middle;
		}