@charset "UTF-8";


@media all
{


  select { padding: 1px; }

  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    font-family: Verdana, Helvetica, sans-serif;
    background-image: url('Bilder/bg_main.gif');
    margin: 0;
    padding: 0;
    height: 100%;

    /* Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background-color: #ffffff;
    text-align: left; /* LTR */
  }

 
  /* ----------wrapper-------------- */
	#wrapper {
		width: 901px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffffff;
		border-left: 1px #666666 solid;
		border-right: 1px #666666 solid;
		min-height: 100%;
		position: relative;
		background-image: url('Bilder/hgMainContent.gif');
		}

 /* ----------banner-------------- */
	#topNavigation {
		background-image: url('Bilder/spacerWhite.gif');
		height: 30px;
		border-bottom: 1px #666666 solid;
		text-align: right;
		font-size: 11px;
		}	
	
	#topNavigationContent {
		padding: 9px;
		}
	
	#topNavigationContent a {
		color: #999999;
		text-decoration: none;
		font-size: 11px;
		height: 16px;
		padding-left: 10px;
		}

	#topNavigationContent a:hover {
		text-decoration: underline;
		}
  	
  	#banner { 
  		height: 143px;
	   background-image: url('Bilder/mainBanner.jpg');
  		}

  	#mainNavigation { 
		height: 35px;
		border-bottom: 1px #666666 solid;
		background-color: #edebeb;
  		}
  	
  	#mainNavigationContent { 
		padding-top: 10px;
		padding-left: 10px;
		font-size: 12px;
		text-align: left;
  		}
  	
  	#mainNavigationContent a { 
		text-decoration: none;
		color: #666666;
		margin-right: 10px;
  		}
  			
  	#mainNavigationContent a:hover { 
		text-decoration: underline;
  		}
		
 /* ----------container-------------- */
	#mainFrame {
		min-height: 100%;
		margin: 0;
		padding: 0;
		padding-bottom: 3em;
		/*border: 1px solid fuchsia;*/
		}

	#mainFrameContent {
		float: left;
		margin: 0 10px;
		padding: 0;		
		width: 640px;
		min-height: 100%;
		/*border: 1px solid red;*/
		}
		
	#mainFrameContent h1{
		font-size: 13px;
		color: #f77700;
		}
	
	#mainFrameContent h2{
		font-size: 12px;
		color: #f77700;
		}
	
	#mainFrameContent a, #rightFrame a {
		text-decoration: none;
		color: #f77700;
		}
	
	#mainFrameContent a:hover {
		text-decoration: underline;
		}

	#rightFrame {
		min-height: 100%;
		margin-left: 680px;
		margin-top: 0;
		padding: 0;
		/*border: 1px solid green;*/
		}
	
	#rightFrame h1 {
		font-size: 12px;
		color: #f77700;
		}
	
	#contactList {
		width: 400px;
		color: #000000;
		font-size: 11px;
		}

 /* ----------nokian-------------- */
 
 
	#nokianBox {
		width: 550px;
		background-color: #f9f9f9;
		border: 1px #7a7a7a solid;
		padding: 5px;
		}
	
	#nokianHead {
		width: 420px;
		float: left;
		}
	
	#nokianLogo {
		float: right;
		width: 107px;
		height: 32px;
		margin: 5px;
		background-image: url('Bilder/nokianLogo.gif');
		}
	
	#nokianContent {

		}
 

 /* ----------shop-------------- */
 
 	#shopHighlight {
 		width: 550px;
 		}
 	
 	#shopPic {
		float: left;
		padding-right: 10px;
 		}
 	
 	#shopPart {

 		}
 	
 	#shopPrice {
 		color: #f77700;
 		float: right;
		}


/* -----------footer--------------------------- */
	#footer {
		position: absolute;
		bottom: 0;
		text-align: center; 
		font-size: 8px;
		height: 3em;
		width: 900px;
		border-top: 1px #666666 solid;
		background-color: #ebebeb;
		color: #666666;
		}



/* -----------------Inhalt--------------------- */



p, li, pre {
	padding: 5px;
	margin:0;
	font-size: 11px;
	}



  	

 /*------------------------------------------------------------------------------------------------------*/


  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* für Safari */
  .clearfix { display: block; }

  /* Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/


  /* Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }
}