body {
	/*margin: 20px 0 0 0;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	line-height:1.5em;
	margin:0;
	padding:0;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* GLOBAL -------------------------------------------------------------------------------------------------*/
.hide { display: none; }
.ghost { visibility: hidden; }
.firstPara { margin-top: 5px; }
.clear { clear: both; }
img{ border: none; }
.clearfix:after{ content: ""; display: block; height: 0; clear: both; }
.strong{ font-weight: bold; }
.error { color: #900; padding: 3px 6px; }

a { font-size:1em; color:#333333; font-weight:normal; text-decoration:none; }
a:hover{ color:#333333; font-weight:normal; text-decoration:none; }

p { font-size:1em; color:#333333; margin:0px 0px 15px 0px; }
ul { font-size:1em; color:#333333; margin:0px 0px 15px 0px; padding:0 0 0 15px; list-style:circle; }

/* HEADER -------------------------------------------------------------------------------------------------*/
#head { margin:0; padding:0; width:297px; height:auto; }
#head h1{ margin:0; padding:0; }
#head h1 a{ padding:0; margin:0 0 0 26px; display:block; width:189px; height:140px; background: url(img/gruenenthal.png);  }
#head h2 { padding:0; margin:15px 0 0 26px; display:block; width:189px; height:49px; background: url(img/gruenenthal_med.gif);  }

/* CONTENT ------------------------------------------------------------------------------------------------*/
#container{ position:relative; width: 802px; margin: 0px auto; padding:0 0 0 0; }
#container #address { color:#999999; height:2.7em; width:100%; padding:10px 0 0 0; margin:0; text-align:center; }
#screen { width:100%; height:100%; }
#flower, #flower2, #flower3 { position:absolute; top:0; left:50%; width:50%; height:700px; background:url(img/fixedbg.png) top left no-repeat ; }
#flower2 { position:absolute; top:0; left:50%; width:50%; height:1200px; background:url(img/fixedbg2.png) top left no-repeat ; }
#flower3 { position:absolute; top:0; left:50%; width:50%; height:1700px; background:url(img/fixedbg2.png) top left no-repeat ; }
/**/

#top { margin:0; height:19px; width:800px; margin:0; background: url(img/topbg.png) top left; }
#middle, #middle2 { float:left; width:800px; height:auto; margin:0px; padding:0px; background: url(img/background.png) bottom left no-repeat; }
#middle2 {
   background: url(img/background2.png) bottom left no-repeat;  
}
#middle-bg {
    float:left; width:800px; height:auto; margin:0px; padding:0px; 
    background:#fff url(img/background-verlauf.png) top left repeat-y;  
}

#content { width:480px; margin:0; padding:0; }
#content h1 { font-weight:normal; margin:0px 0 10px 0; padding:25px 0px 12px 0px; color:#46718a; border-bottom:1px solid #46718a; background:url(img/branch.png) top right no-repeat; }
#content a { border-bottom:1px solid #333333; }
#content a:hover{ font-weight:bold; border-bottom:1px solid #333333; }
#content abbr, span.abbr { border-bottom:1px dashed #333333; cursor:help; }
#content h2 { font-weight:bold; padding:0 0 7px 0; color:#46718a; border-bottom:1px solid #C7D4DB; }

#content a.back { border:none; background:url(img/back2.gif) 0 0 no-repeat; padding:0 0 2px 20px; }

#bottom { position:relative; width:100%; height:500px; margin:0; padding:0; float:left;
background-color: #fff}
#bottomLeft { float:left; width:49.9%; margin:0; height:151px; background:url(img/bottom_left.png) top right no-repeat; }
#bottomRight { float:left; width:49.9%; margin:0; height:151px; background:url(img/bottom_right.png) top left no-repeat; }

#copyright { position:absolute; bottom:0px; right:0px; margin:0px 20px 10px 0; color:#999999; }

#content .quote { height:200px; }
#content img { float:right; }
#content table { color:#333333; border:none; width:100%; }
#content table tr td.first { width:35%; } 
#content table tr td.second { width:65%; } 
#content .important { font-weight:bold; font-size:1.5em; color:#CC0000; }

/* NAVIGATION ---------------------------------------------------------------------------------------------*/

#navigation { width:220px; margin: 42px 0 0 0; padding:0px; }
#navigation ul { margin:0px 0 90px 0; padding:0px; list-style: none; font-size: 1em; }
#navigation ul li { margin:0px 0px 1px 0px; list-style: none; background: url(img/navbg.png) top left repeat-y; }
#navigation ul li a { display:block; height:2em; width:auto; margin:0; padding:6px 0 0 40px; list-style: none; text-decoration:none; color:#fff; font-weight:bold; background: url(img/listbullet-inactive.png) 6px 8px no-repeat; }
#navigation ul li a:hover { display:block; height:2em; width:auto; margin:0; padding:6px 0 0 40px; list-style: none; text-decoration:none; color:#fff; font-weight:bold; background: url(img/listbullet.png) 6px 8px no-repeat; }
#navigation ul li a:active { display:block; height:2em; width:auto; margin:0; padding:6px 0 0 40px; list-style: none; text-decoration:none; color:#f9e0ac; font-weight:bold; background: url(img/listbullet-hover.png) 6px 8px no-repeat; }
#navigation ul li a#aktiv{ display:block; height:2em; width:auto; margin:0; padding:6px 0 0 40px; list-style: none; text-decoration:none; color:#f9e0ac; font-weight:bold; background: url(img/listbullet-hover.png) 6px 8px no-repeat; }

#left { float:left; height:auto; }
#right { float:left; height:auto; width:480px; }