html {
 height:100%;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px;
background-color: #F7F8F3; 
background-image: url(allg/pix-allg/bg.gif);
/*background-repeat: no-repeat;
background-position: center 180px;*/
line-height: 19px;
color: #34372D; 
padding: 0; 
margin: 0; 
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

* html body 
{
 height:100%;
}


p {
margin: -7px 0px;
padding: 8px;
font-size: 13px;
/*color: #34372D;*/
font-family : Arial, Helvetica, sans-serif; 
line-height: 19px;
}

h1 {
font-size:12px;
font-weight: bold;
font-family : Arial, Helvetica, sans-serif;
text-align: center;
color:#DFE1DA;
background:#555A49;
padding: 4px 5px;
margin:0px 0px 15px 0px;}   /*erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

h4 {
font-size:12px;
font-weight: bold;
font-family : Arial, Helvetica, sans-serif;
text-align: left;
color:#E3E7D8;
background:#34372D;
padding: 4px 5px;
margin:0px;}

h2 {
font-size:14px;
line-height:20px; 
font-weight: bold;
text-align: left;
color:#34372D;
padding: 5px 0px;
margin: 4px 10px;}


#wrapper {
background-color: #848A75;
width: 780px; 
margin: 0 auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
}


#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 /*height: 350px;*/
 width: 580px;
 height:100%;
 min-height: 100%;
 display: inline;
}

#header {
 color: #333;
 width: 780px;
 float: left;
 height: 123px;
 background: #848A75;
}

#footer { 
 width: 780px;
 /*height: 25px;*/
 clear: both;
 padding: 4px;
 color: #F7F8F3;
 background: #34372D;
}

#navigation {
 float: left;
 width: 780px;
 color: #333;
 background: #34372D;
}

#leftcolumn { 
 /*height: 550px;
 color: #333;*/
 background: #848A75;
 background-image: url(allg/pix-allg/weltkugel.gif); background-repeat:no-repeat;
 height:100%;
 min-height: 100%;
 width: 200px;
 float: left;
}


.down { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; color: #F7F8F3}

.weiss { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal; color: #ffffff}

.dgruen { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal; color: #34372D}

.woche { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 19px; font-weight: bold; font-variant: normal; color: #C5CAB9}


/*Links mit Hintergrund im Hauptfenster*/

.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 18px}/*der ist für den Netscape*/
a:link.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 18px}
a:visited.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #555A49; text-decoration: none; font-weight: bold; line-height: 18px}
a:hover.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 18px}
a:active.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color: #555A49; font-weight: bold; text-decoration: none;line-height: 18px;}

/*Link im Footer*/
.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #F7F8F3; text-decoration: none; font-weight: bold; line-height: 18px}/*der ist für den Netscape*/
a:link.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #F7F8F3; text-decoration: none; font-weight: bold; line-height: 18px}
a:visited.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #F7F8F3; text-decoration: none; font-weight: bold; line-height: 18px}
a:hover.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #8F957E; text-decoration: none; font-weight: bold; line-height: 18px}
a:active.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color: #F7F8F3; font-weight: bold; text-decoration: none;line-height: 18px;}

/* Created by CSS Portal Layout Generator
 http://www.cssportal.com*/
 
 /*dropdownmenue*/
/*erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:2px solid #F7F8F3; border-bottom:2px solid #F7F8F3; font:normal 10pt arial, verdana, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:110px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#34372D; color:#ffffff; width:110px; height:13px; border-left:1px solid #F7F8F3; border-right:1px solid #F7F8F3; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#797F6A; color:#ffffff; width:109px; height:13px; border-left:1px solid #F7F8F3; border-right:1px solid #F7F8F3; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:109px; position:absolute; top:21px; left:-1px; border:1px solid #34372D; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:109px; clear:left; width:108px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#555A49; padding:4px 0; width:109px; border:none; border-bottom:1px solid #F7F8F3; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#969D83; padding:4px 0; width:109px; border:none; border-bottom:1px solid #F7F8F3; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:108px; top:-2px; padding:1px 1px 0 1px; border:1px solid #F7F8F3; border-left:1px solid #F7F8F3; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:90px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:90px; font-size:12pt; color:#ffffff; }