html, body{
	/* Scrollbalken Links erscheint immer kein Versatz */
	/*width:101%;*/
	/*height:100%;
	/*min-height: 760px;*/
/* alle Abstände auf 0 setzen */
	padding: 0;
	margin: 0;
	position: relative;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4;
	/*background-color:#FFF;*/
	
	/* p { font: italic small-caps bold 1.2em/1.5em Georgia,Times,serif; } */
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	 100.01% und nicht 100%, um einigen Browser-Bugs in Internet Explorer, Opera 6 und Safari auszuweichen */
  
   
} 
/* neu Jürgen */
body{
 overflow-y:scroll;
 margin-top: 1px;
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass diese Angaben auch für die .nav-Liste gültig sind, wenn Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Entfernen des oberen Randes wird ein Problem vermieden, bei dem Ränder aus dem umgebenden Block entweichen. Der verbleibende untere Rand sorgt für den Abstand von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px; /* Hinzufügen von Auffüllungswerten für beide Seiten jeweils enthaltener Blockelemente statt für die Blöcke macht Box-Modell-Berechnungen unnötig. Alternativ kann auch ein untergeordneter Block mit Auffüllung an den Seiten verwendet werden. */
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #000;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #00f;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	color: #f00;
	text-decoration: none;
}
/* Layout */
 
#pagewidth{ 
	border: 1px solid #0a6ccf; 
/* Seite horizontal und vertigal zentriert für Auflösung 1024*768 */
	position: absolute; 
/* Höhe und Weite */
	width: 1220px; 
	height: 877px; 
/* Mitte bestimmen */
	top: 50%;
	left: 50%;
/* zentrieren width/2 height/2 */
	margin-left: -498px;
	margin-top: -350px;
    background-image:url(img/bg.png); 
    background-repeat:no-repeat;
    background-color:#fff;
    text-align:left; 
} 
 
#header{
 position:relative; 
 height:184px;
 background-color:transparent; 
 width:100%;
 display:block;
 overflow:auto;
} 
/* Header - Navgation - Headliner*/ 
#headerleftcol{
 width:180px; 
 float:left; 
 position:relative; 
 background-color:transparent;; 
 }
 
#headertwocols{
 width:816px; 
 float:right; 
 position:relative; 
  }
 
#headerrightcol{
 width:356px;
 height:180px; 
 float:right; 
 position:relative; 
 background-color:transparent; 
 /*background-color: #f00;	*/

 }

#headerrightcol p {
 position: absolute; bottom: 0; left: 0;
 }

#headermaincol{
 background-color: transparent;  
 float: left; 
 position: relative; 
 width:460px; 
 }
 
 /* Ende Header */
#content {
 position:relative; 
 background-color:transparent; 
 width:996px;
 height:456px;
 display:block;
 overflow:auto;
}

#leftcol{
 width:180px; 
 float:left; 
 position:relative; 
 background-color:transparent;
 }
 
#twocols{
 width:816px; 
 float:right; 
 position:relative; 
 vertical-align:top;
  }
 
#rightcol{
 width:616px; 
 float:right; 
 position:relative; 
 background-color: transparent;
 }
 
#maincol{
 background-color: transparent;  
 float: right; 
 position: relative; 
 width:200px; 
 } 

/* auch im main.css */
#footer{
 height:100px; 
 clear:both;
 display:block;
 overflow:auto; 
 padding: 5px 0 0 10px; font-size:12px;
} 

 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/* ******************************************************************** */ 
/*                      google_translate                                */ 
/* ******************************************************************** */
#google_translate_element {
position: absolute;
right: 0px;
top: 0px;
z-index: 200;
}