/*
    MATT VAIN CSS
    -------------
    Hintergrund dunkel: #000208
   	*/
    
    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	font-size:14px;
    	background: #000208;
    	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: #ffffff;
    }
    
    h1 {
    	font-size:16px;
    	font-weight:bold;
    }
    
    h2 {
    	font-size:14px;
    	font-weight:bold;
    	margin-bottom:6px;
    }

    h3 {
    	font-size:18px;
    	font-weight:bold;
    }

    h4 {
    	font-size:12px;
    	font-weight:bold;
    }
		
		.klein {
				font-size:9px;
		}

    img {
    	float:left;
    }
    
		a:link      {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#cccccc;text-decoration:underline}
		a:visited   {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#cccccc;text-decoration:underline}
		a:active    {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#e60110;text-decoration:underline}
		a:hover     {font-size:13px;font-style:normal;font-weight:normal;text-transform:none;color:#e60110;text-decoration:underline}
		
    .mattvain #container { 
    	position: relative;
    	width: 858px;  /* 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: #000208;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left; 
    } 
    .mattvain #mainContent { 
    	float:left;
    	width:578px;
    	margin: 0 0px; 
    	padding: 0 0px; 
    }
    
    #mitte {
    	text-align:center;
    }

    #mittig {
    	width:579px;
    	height:400px;
    	text-align:center;
			background-image: url(images/matt_vv.jpg);
			background-position: center center;
			background-repeat: no-repeat;
    }
    
    #video {
    	text-align:center;
    	margin-top:30px;
    }
    
    #randlinks {
    	width:140px;
    	float:left;
    }

    #randrechts {
    	width:140px;
    	float:left;
    }

    #umbruch {
    	clear:both;
    }
    
    #navigation {
    	margin: 16px 0 0 0;
    }

    #subnavigation {
    	float:left;
    	padding: 20px 0px 10px 646px;
    }

		#ohnesprachauswahl {
			width:253px;
			height:10px;	
			display:block;
			float:left;
		}
		
    #sprachauswahl {
			width:253px;
    	float:left;
    	margin: 5px 0 0 0;
    }
    
    #shop, #finalbestellen {
			width:578px;
		}
		
		#shoptabelle {
    	width:100%;
    	border-collapse:collapse;
    	vertical-align:top;
    }
    
    .eingabekurz {
    	width:30px;
    }
    
    .eingabelang{
    	width:200px;
    }
    
    .payclick {
    	padding-bottom:10px;
    } 
    
    .tooltip {
		  position: absolute;
		  display: none;
		}


		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:39px; text-indent:-2000px; overflow:hidden; background-position:0 0;}
		#sprachauswahl ol a  {display:block; background-repeat:no-repeat; height:16px; text-indent:-2000px; overflow:hidden; background-position:0 0;}

		ol li#German a { width:98px; margin:0 0 0 180px}
		ol li#English a { width:98px; margin:0 38px}
		ol li#Russian a { width:100px; margin:0}
		ol li#Japanese a { width:110px; margin:0 38px}
		#German a { background-image: url(images/navi_german_off.gif)}
		#English a { background-image: url(images/navi_english_off.gif)}
		#Russian a { background-image: url(images/navi_russian_off.gif)}
		#Japanese a { background-image: url(images/navi_japanese_off.gif)}
		#German a:hover { background-image: url(images/navi_german_on.gif)}
		#English a:hover { background-image: url(images/navi_english_on.gif)}
		#Russian a:hover { background-image: url(images/navi_russian_on.gif)}
		#Japanese a:hover { background-image: url(images/navi_japanese_on.gif)}

		ol li#MattVain a { width:120px; margin:0 0 0 162px}
		ol li#VairyVain a { width:120px; margin:0 70px}
		ol li#EBookAndShop a { width:180px; margin:0}
		#MattVain a { background-image: url(images/navi_MattVain_off.gif)}
		#VairyVain a { background-image: url(images/navi_VairyVain_off.gif)}
		#EBookAndShop a { background-image: url(images/navi_EBookAndShop_off.gif)}
		#MattVain a:hover { background-image: url(images/navi_MattVain_on.gif)}
		#VairyVain a:hover { background-image: url(images/navi_VairyVain_on.gif)}
		#EBookAndShop a:hover { background-image: url(images/navi_EBookAndShop_on.gif)}

		ol li#GermanS { width:32px; margin:0 6px 0 80px}
		ol li#EnglishS { width:32px; margin:0 6px 0 0px}
		ol li#RussianS { width:32px; margin:0 6px 0 0px}
		ol li#JapaneseS { width:32px; margin:0 26px 0 0px}
		#GermanS a { background-image: url(images/flagge_deutsch_hov.gif)}
		#EnglishS a { background-image: url(images/flagge_englisch_hov.gif)}
		#RussianS a { background-image: url(images/flagge_russisch_hov.gif)}
		#JapaneseS a { background-image: url(images/flagge_japanisch_hov.gif)}
		#GermanS a:hover { background-image: url(images/flagge_deutsch_on.gif)}
		#EnglishS a:hover { background-image: url(images/flagge_englisch_on.gif)}
		#RussianS a:hover { background-image: url(images/flagge_russisch_on.gif)}
		#JapaneseS a:hover { background-image: url(images/flagge_japanisch_on.gif)}

		ol li#AGB a { width:24px; margin:0 20px}
		ol li#Impressum a { width:61px; margin:0 20px}
		#AGB a { background-image: url(images/subnavi_agb_off.gif)}
		#Impressum a { background-image: url(images/subnavi_impressum_off.gif)}
		#AGB a:hover { background-image: url(images/subnavi_agb_on.gif)}
		#Impressum a:hover { background-image: url(images/subnavi_impressum_on.gif)}

		.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;
		}
		.bg_light	{background:#2d5c71;}
		.bg_green	{background:#2c353b;font-weight:bold;}
		.bg_darkblue {background:#e60110;font-weight:bold;}

		#bestellen {
			visibility: hidden;
			
		}