* {
 margin: 0;
 padding: 0;
 font-family: sans;
}

html {
 background: #fff url(/grafiken/bg_html.gif);
 font-size: 12px;
}

body {
 margin: auto;
 width: 920px;
 background: url(/grafiken/bg_body.png) repeat-y;
 padding: 10px;
 padding-top: 0em;
}

h1 {
 display: none;
}

h2 {
 color: #444;
 border-bottom: 1px dotted #999;
 font-size: 14px;
 font-style: italic;
 margin-bottom: 2em;
 margin-left: 10px;
}

a img {
 border: none;
}

div#header {
 display: none;
 width: 900px;
 background: url(/grafiken/bg_header.png) repeat-x bottom;
 color: #fff;
}

div#header table {
 width: 900px;
}

div#header table tr th {
 text-align: left;
}

div#header table tr td {
 text-align: right;
}

div#header table tr td input[type=text], div#header table tr td input[type=password] {
 background: url(/grafiken/bg_header_textfelder.png) repeat-x;
 border: none;
 height: 17px;
 width: 188px;
 font-size: 12px;
 color: white;
 padding-left: 4px;
 padding-right: 4px;
}

div#header table tr td input[type=submit] {
 background: url(/grafiken/button_header_submit.png) repeat-x;
 border: none;
 width: 42px;
 height: 20px;
 padding-bottom: 4px;
 color: white;
 font-size: 12px;
 margin-left: 5px;
}


div#titel {
 width: 900px;
 height: 127px;
 background: url(/grafiken/banner_top.jpg) no-repeat;
}

div#hauptmenu {
 width: 850px;
 margin-left: 25px;
 height: 53px;
 margin-top: 18px;
 background: url(/grafiken/bg_hauptmenu.png) bottom;
}

div#hauptmenu ul {
 list-style: none;
 margin-left: 20px;
}

div#hauptmenu ul li{
 border-right: 1px solid #666;
 float:left;
}

div#hauptmenu ul li.aktiv{
 background: #ddd; 
 text-decoration: underline;
 color: #99f;
}

div#hauptmenu ul li a {
 display: block;
 margin-top: 7px;
 padding: 10px;
 padding-bottom: 15px;
 color: #33f;
 font-weight: bold;
 text-decoration: none;
}

div#hauptmenu ul li a:hover {
 color: #22f;
 text-decoration: underline;
}

div#suche {
 text-align: right;
 height: 35px;
 padding-top: 5px;
 padding-right: 10px;
}

div#suche input[type=text] {
 width: 195px;
 height: 31px;
 margin-top: -10px;
 border: none;
 background: url(/grafiken/bg_navi_suche.png) center no-repeat;
 padding: 0;
 padding-left: 5px;
}

div#suche input[type=submit] {
 padding: 0;
 margin-left: -10px;
 width: 32px;
 height: 34px;
 border: none;
 background: url(/grafiken/suchbutton.png) bottom no-repeat;
}

div#hauptseite {
 width: 900px;
 background: #fff;
 padding-top: 25px;
 color: #444;
}

div#linkes_feld {
 margin-left: 5px;
 background: url(/grafiken/menu_links_oben.png) no-repeat;
 width: 245px;
 padding-top: 10px;
 float: left;
}

div#breites_fenster {
 padding-right: 20px;
}

div#breites_fenster h3 {
 margin: 20px;
 margin-top: 40px;
}

div#linkes_feld h3 {
 background: url(/grafiken/menu_links_mitte.png);
 width: 222px;
 padding-left: 15px;
 padding-bottom: 15px;
 color: #115;
 padding-bottom: 0;
}

div#linkes_feld div, div#linkes_feld ul{
 background: url(/grafiken/menu_links_mitte.png);
 padding-left: 5px;
 color: #fff;
 width: 231px;
 font-family: sans;
}

div#linkes_feld ul {
 padding-top: 20px;
 color: #003;
 list-style: none;
 padding-left: 30px;
 width: 206px;
 line-height: 40px;
}

div#linkes_feld ul li {
 background: url(/grafiken/feld_rechts_liste.png) 0px 5px no-repeat;
 padding-bottom: 10px;
 font-size: 15px; 
 padding-left: 50px;
}

div#linkes_feld div p {
 padding: 20px;
 color: #000;
 line-height: 20px;
}

div#linkes_feld div#unten {
 background: url(/grafiken/menu_links_unten.png);
 height: 10px;
 width: 231px;
}

div#rechtes_feld {
 width: 600px;
 margin-left: 260px;
 padding: 5px;
}

div#rechtes_feld p {
 margin: 15px;
 font-family: sans;
 line-height: 20px;
}

div#rechtes_feld p img {
 margin-left: 20px;
 margin-bottom: 10px;
}

div#feeder {
 clear: both;
 height: 10px;
}

hr {
 border: none;
 border-top: 1px dotted #444;
 margin-top: 20px;
}

div#breites_fenster ol#referenzen {
 margin: 20px;
 margin-left: 40px;
}

div#breites_fenster ol#referenzen dt {
 padding: 5px;
 padding-left: 0;
 margin-top: 50px;
 background: url(/grafiken/bg_liste.png);
}

div#breites_fenster ol#referenzen dt a {
 font-size: 20px;
 font-weight: bold;
 color: #222;
}

div#breites_fenster ol#referenzen dt a:hover {
 color: #444;
}


div#breites_fenster ol#referenzen dd {
 background: #ccc;
 padding: 10px;
 border-bottom: 1px solid #666;
}

div#breites_fenster ol#referenzen dd a img {
 border: none;
}

div#breites_fenster ol#referenzen dd p {
 padding: 20px;
}

div#breites_fenster p {
 margin-left: 20px;
 line-height: 20px;
}

div#breites_fenster p:first-letter, div#rechtes_feld p:first-letter {
 font-size: 20px;
 color: #003;
 font-family: serif;
}

div#breites_fenster fieldset {
 margin-top: 20px;
 margin-left: 13px;
 margin-right: 10px;

}

fieldset#kontakt_links {
 width: 320px;
 height: 180px;
 float: left;
 display: inline;
 padding: 5px;
}

fieldset#kontakt_links table {
 margin-top: 10px;
}

fieldset#kontakt_links table tr th, fieldset#kontakt_rechts table tr th, fieldset#kontakt_links table tr td, fieldset#kontakt_rechts table tr td {
 vertical-align: top;
 padding: 5px;
}

fieldset#kontakt_links input[type=text] {
 width: 194px;
 padding: 3px;
 border: 1px solid #000;
}

fieldset#kontakt_links select, fieldset#kontakt_rechts select{
 padding: 3px;
 width: 99px;
 border: 1px solid #000;
}


fieldset#kontakt_rechts {
 padding: 5px;
 width: 470px; 
 height: 180px;
}

fieldset#kontakt_rechts input[type=text] {
 width: 324px;
 border: 1px solid #000;
 padding: 3px;
}

fieldset#kontakt_rechts textarea {
 width: 324px;
 height: 110px;
 border: 1px solid #000;
 padding: 3px;
}

fieldset#kontakt_gesamt table tr th {
 text-align: left;
 vertical-align: top;
 color: #003;
}

div#breites_fenster p.warnung {
 font-size: 15px;
 color: red;
 border: 1px solid #f99;
 background: #fcc;
 width: 825px;
 text-align: center;
}

div#breites_fenster p.warnung:first-letter {
 font-size: 1em;
 color: red;
}

div#breites_fenster p.information {
 font-size: 15px;
 color: green;
 border: 1px solid #9f9;
 background: #cfc;
 width: 825px;
 text-align: center;
 padding: 5px;
}

div#breites_fenster p.information:first-letter {
 font-size: 1em;
 color: green;
}

fieldset#kontakt_links input[type=text].hinweis, fieldset#kontakt_rechts input[type=text].hinweis, fieldset#kontakt_rechts textarea.hinweis, fieldset#kontakt_links select.hinweis, fieldset#kontakt_rechts select.hinweis{
 border: 1px solid red;
}

table#hosting {
 margin-top: 20px;
 width: 100%;
 margin-left: 20px;
}

table#hosting tr th {
 text-align: left;
 padding: 5px;
}

table#hosting tr td {
 padding: 5px;
}

div#feeder {
 text-align: center;
}

div#impressum {
 margin-left: 20px;
 margin-right: 20px;
}

div#impressum p {
 margin: 10px;
}

div#impressum h4 {
 margin: 5px;
}

div#impressum table {
 text-align: right;
 float: right;
 margin: 10px;
}

div#impressum table tr th {
 padding-right: 10px;
}

dl#referenzen dt a:link {
 margin-left: 20px;
 padding: 20px;
 display: block;
 font-size: 20px;
 color: #444;
}

dl#referenzen dd p {
 margin-left: 60px;
 width: 450px;
 padding-top: 20px;
}

dl#referenzen {
 margin-bottom: 20px;
}