body { margin: 0; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #206050; background: #fff url(images/background.gif) repeat-y top left; }
img { border: 0; }

h1 { font-size: 18px; margin: 0; }
h2 { margin: 0; width: 172px; height: 24px; padding-top: 8px; padding-left: 8px; background-image: url(images/box-info.gif); font-size: 16px; }
h3 { margin: 0; width: 510px; height: 23px; padding-top: 18px; padding-left: 15px; background-image: url(images/box-full.jpg); font-size: 16px; font-weight: bold; color: #fff; }
h3.half { width: 244px; background-image: url(images/box-half.jpg); }
h4 { font-size: 14px;	margin: 5px 0 0 0; }
h5 { font-size: 12px;	margin: 5px 0 0 0; }
a { font-size: 12px; color: #206050; }
a:hover { color: #12473A; text-decoration: none; }

img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }

#page { width: 796px; }

#header { width: 796px; height: 112px; background-image: url(images/header.jpg); }
#header a img { padding-top: 11px; padding-left: 19px; float: left; }
#header strong { font-size: 19px; font-weight: normal; float: left; padding-top: 30px; padding-left: 10px; }
#header #slogan { font-size: 18px; color: #14452f; padding-top: 20px; padding-left: 250px;}
#header ul { margin: 0; margin-top: 24px; padding: 0; padding-right: 11px; list-style-type: none; float: right; }
#header ul li { float: left; margin-left: 1px; }
#header ul li a { display: block; height: 19px; padding-top: 6px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; }
#header ul li a.home { width: 75px; background-image: url(images/btn-home.gif); }
#header ul li a.about { width: 81px; background-image: url(images/btn-about.gif); }
#header ul li a.news { width: 100px; background-image: url(images/btn-referenzen.gif); }
#header ul li a.glossar { width: 70px; background-image: url(images/btn-glossar.gif); }
#header ul li a.support { width: 107px; background-image: url(images/btn-support.gif); }
#header ul li a.agb { width: 58px; background-image: url(images/btn-agb.gif); }
#header ul li a.impressum { width: 81px; background-image: url(images/btn-impressum.gif); }


#left { padding: 26px 33px 26px 26px; width: 180px; float: left; }
#left ul { border-left: 1px solid #2d7f5b; border-right: 1px solid #2d7f5b; margin: 0; padding: 0; list-style-type: none;}
#left ul li { border-bottom: 1px solid #2d7f5b; width: 168px; border-top: 0; padding: 5px; background-color: #fff; }


#content { padding-top: 16px; width: 525px; float: left; }
#content.agb { text-align: justify; }
#content a.top { float: right; }
#content a.glossar { text-decoration: none; border-bottom: 1px dashed #206050; cursor: help; }
#klickpfad { margin-bottom:10px; display: block; height: 14px; font-size: 9px; width: 786px; background-color: #2d7f5b; color:#fff; font-weight:bold;}
#klickpfad a { font-size:9px; color:#fff; font-weight:bold; }
#klickpfad p { margin:0; padding:0; display:inline; }
#klickpfad ul { margin:0; padding:0; display:inline; list-style-type: none; }
#klickpfad ul li { display:inline; }

div.about { width: 259px; float: left; }
div.about div { width: 257px; border: 1px solid #206050; }
div.about div p { margin: 10px; }
div.about-line { width: 525px; padding-top: 7px; }
div.about-line div { width: 523px; border: 1px solid #206050; }
div.about-line div img { float: right; }
div.about-line div p { width: 263px; margin: 18px 0; padding: 15px 11px 15px 10px; background: url(images/dots.gif) repeat-y top right; }

#index { width: 250px; border: 1px solid #2d7f5b; padding: 5px; margin: 10px; margin-left: 0; }
#index ol { margin: 0; padding: 0; padding-left: 30px; }
#index ol ol { margin: 0; padding: 0; padding-left: 13px; }

#footer { clear: both; padding-bottom: 30px; }

.btn-73 { border: 0; width: 73px; height: 23px; background-image: url(images/btn-73.gif); color: #fff; font-size: 12px; font-weight: bold; cursor: pointer; }

#auswertung { border: 1px solid #666; background-color: #aaa; padding: 10px; color: #000; margin: 0; display: none; }
#status { border: 1px solid #666; background-color: #aaa; padding: 2px; color: #000; }

#ueberschrift{width: 530px; float: left; padding-bottom: 5px; border-bottom:solid 1px; }
#ueberschrift ul{margin:0; padding: 0; font-weight: bold;}
#ueberschrift ul li{ float: left; list-style:none; list-style-position: outside;}

#homepage{ width: 140px; float: left; }
#homepage dl{ margin:0; height: 150px; }
#homepage dd {margin:0; padding-left: 5px;}
#homepage dd a{font-size:9px; color:#CC3300;}
#homepage dt { padding-left: 8px; padding-top: 3px;}

#keywords1{  width: 285px;  float: left; }
#keywords1 ul{ margin: 0; padding: 0; height: 150px; }
#keywords1 ul li{ list-style-position: inside; list-style: none; line-height: 18px;}

#page{ width: 40px;  float: left; }
#page ul {list-style: none; margin: 0; padding: 0; padding-left: 20px; line-height: 18px; height: 150px;}
#pageul li{ text-align:right;}

#position{ width: 60px;  float: left; }
#position ul {list-style: none; margin: 0; padding: 0; line-height: 18px; height: 150px; }
#position ul li{ text-align:right; padding-right: 15px;}

.dunkel{ background-color: #CAFFCA; height: 130px;}
.hell{ background-color: #D9FFD9; height: 130px; }
.grau{ background-color: #CCCCCC; height: 130px;}
.hellgrau{ background-color:#E9E9E9; height: 130px; }