@media all
{

html {height:100%} 

body { 

/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	min-height: 101%;	
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
    font-size: 100.01%; 
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */
    position: relative; 

	text-align: center;
	font-family: 'Lucida Sans','Lucida Sans Unicode','Lucida','Trebuchet MS','Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: #484040;

} 

/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
**
** Achtung: Gleichzeitig wird damit jedoch das extreme Zoom-Verhalten im Internet Explorer heraufbeschworen
**          Der dafür erforderliche Hack sollte daher nicht vergessen werden, um diese Problem wieder zu
**          beseitigen. Er ist in der Datei "iehacks.css" zu finden.
*/

* {margin:0; padding:0; border:0; font-size: 1em;}

#centerDiv{
	width: 766px;
	text-align: left; 	
	margin-left: auto;
 	margin-right: auto;	
}
	
#menu{
	width:100%;
	z-index: 200; /* ganz oben */
}

table.main{
	border-bottom:2px solid #B96C26;
}

tr,td {
	vertical-align:top;
}

table.main td.colLeft {background: #DBBA85;width: 291px;}
table.main td.colLeft2 {background: #DBBA85;width: 488px;}
table.main td.colMiddle {background: #E1C596;width: 196px;}
table.main td.colRight {background: #F2E1C7;width: 279px;}

img {border:none;padding:0;margin:0;}

/*img.logo{  Logo 
	margin-left:28px;
}
*/

/********************************/
/* 	Allg. Schriften, Links usw. 		*/
/********************************/
h1,h2,h3,h4,h5,p {
	color: #722711;
	font-family: 'Lucida Sans','Lucida Sans Unicode','Trebuchet MS','Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

a:link,a:visited,a:active{
	text-decoration: underline;	
	color: #621701; 	
}
a:hover{
	text-decoration: underline;	
	color: #300000; 	
}

h1 {
font-size: 1.1em; 
font-weight:bold; 
color: #336699; 
}
h2{
	font-size:15px;
	color: #722711;
	padding:20px 10px 2px 25px;
}

ul{
line-height: 1.5em;
}

p {
	line-height: 1.5em;
	font-size:13px;
	color: #022711;
	padding:0 10px 20px 25px;
}

address {
	font-style:normal;	
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

strong,b {font-weight: bold;}
em,i { font-style:italic; }

blockquote { 
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
	color: #666; 
	background: transparent; 
	border: 0;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

ul.linklist {
 list-style-type: none;
}

ul.linklist li {margin:0;}



/* ######################################################################################################
** ### Bildpositionierung links- und rechtsbündig als Fließobjekte ######################################
** ######################################################################################################
*/

img.left {
	float: left;
	margin-right: 1em; 
	margin-bottom: 0.15em; 
	border:0;
}

img.right {
	float: right;
	margin-left: 1em; 
	margin-bottom: 0.15em; 
	border:0;
}

img.center {
	text-align:center;
	background: #fff;
	padding: 4px;
	border:1px #ddd solid;
}


}/* /media! */


