
*{/*global reset*/
  list-style: none;
  margin: 0;
  padding:0;
  text-decoration: none;
  background: none;
 }
a:link {color:#252e7d;}
a:visited {color:#8389cb;}
a:focus {color:#4355fd;}
a:hover {color:#4355fd;}
a:active {color:#4355fd;}
html {
   background: #fff;
   }
body{
  font: 12px Helvetica, Arial, Verdana, sans-serif;
  color: #646464;
  line-height: 150%;
  }
h1, h2, h3, h4, h5{

  font-weight: bold;
  color: #252e7d;
  }
h1 { font-size: 17px;}
h2 { font-size: 16px;}
h3 { font-size: 15px;}
h4 { font-size: 14px;}
h5 { font-size: 13px;}

td {padding-left:5px;padding-right:5px;}
th {background: #6081bf; color: #fff;}
td.hell{
   background:#e3e5e8;
   }
td.dunkel{
   background:#c9d4e5;
   }
hr { width: 340px;
    margin-left: 10px;
	border: 1px dotted #ababab;
	}
/***Hauptpositionierung***/
#wrapper{
   width: 900px;
   height: 700px;
   border: 1px solid #ababab;
   }
#linker_bereich{
   margin-left: 50px;
   margin-top: 50px;
   width: 400px;
   float: left;
   display: inline;
   }
#schatten_oben1{
   background: url(../images/schatten_oben1.gif) no-repeat;
   height: 17px;
   width: 400px;
   }
#schatten_rechts1{
   background: url(../images/schatten_rechts1.gif) no-repeat;
   height: 400px;
   width: 17px;
   float: left;
   display: inline;
   }
#header{
   width: 380px;
   float: left;
   display: inline;
   background: #fff;
   }
#inhalt{
   width: 360px;
   margin-left: 10px;
   margin-top: 10px;
   border: 1px solid #ababab;
   margin-bottom: 20px;
   }
#inhalt h2, h3, h4, h5, p, ul {
   padding: 10px 10px 0px 10px;
   }
#inhalt h1{
   background: #3e187c;
   color: #fff;
   margin: 5px;
   padding: 5px;
   }
#inhalt li{
   list-style-type: disc;
   list-style-position: inside;
   padding-left: 10px;
   }
#rechter_bereich{
   margin-left: 50px;
   margin-top: 170px;
   width: 350px;
   height: 400px;
   float: left;
   display: inline;
   }
#navigation{
   width: 330px;
   height: 400px;
   float: left;
   display: inline;
   background: #fff;
   }
#nav_inhalt{
   width: 310px;
   height: 395px;
   margin-left: 10px;
   margin-top: 10px;
   border: 1px solid #ababab;
   }
#nav_links{
   width: 130px;
   height: 250px;
   margin-top: 10px;
   padding-left: 5px;
   text-align: right;
   float:left;
   display: inline;
   }
#nav_links a{
   display: block;
   padding: 3px;
   font-size: 15px;
   }
#nav_links a:hover{
   background: #eeeeff;
   }
#nav_links li{
   border-bottom: 1px dotted #ababab;
   }
#nav_links a.current{
   background: #eeeeff;
   color: #252e7d;
   }
#nav_bild{
   width: 152px;
   height: 250px;
   margin-left: 145px;
   margin-top: 10px;
   border: 1px solid #ababab;
   }
#kasten{
   border: 1px solid #ababab;
   background: #eeeeff;
   margin: 10px;
   }
#footer{
   text-align: center;
   }
#ref{
   height: 150px;
   margin-top: 10px;
   }

/*Kontaktformular*/

#kontaktinhalt{
   text-align:left;
   width:340px;
   height:540px;
   margin-left:10px;
   }
#kontaktformular{
    padding:5px;
    margin:0px;
    height:470px;
    background: #d8dae9;
    border:1px solid #252e7d;
   }
.kontaktlinks{
   width:120px;
   clear:both;
   float:left;
   display:inline;
   margin:5px;
   text-align:right;

   }
.kontaktrechts{
   width:185;
   float:right;
   display:inline;
   text-align:left;
   margin:5px;
   }
.inputfield{
   border: 1px solid #252e7d;
   width:180px;
   height:20px;
   background: #fff;
   color: #646464;
   }
.errorfield{
   border: 1px solid #b70000;
   background:#fff;
   width:180px;
   height:20px;
   }
.textarea{
   border:3px solid #252e7d;
   width:180px;
   height:120px;
   background: #246593;
   }
.button{
   width:170px;
   background: #f0f0f0 url(../images/button.jpg) no-repeat;
   color: #fff;
   font-weight:bold;
   padding:4px;
   border: 0px;
   height:30px;
   }
label{
   padding: 2px 5px 2px 5px;
   color: #646464;
   font-weight: bold;
   background: #d8dae9;
   }