
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 background: #c0c0c0;

}
#wrapper { 
 margin: 20px auto;
 width: 900px;
 background: #c0c0c0;
 
}
#header {
 color: #800000;
 width: 900px;
 float: left;
 padding:0; 
 height: 162px;
 margin: 0;
 text-align: center
 background: #fff0d2;
 background-image:url(img/kopf.jpg)
 
 
 }
#navigation {
float: left;
 width: 900px;
 height: 32px;
 color: #333;
 padding:0;
 margin: 0;
 background: #e0b358;
 background-image: url(img/navi.jpg);
background-repeat:repeat-y float:left;
}
#leftcolumn { 
 color: #800000;
 border: 0px solid #ccc;
 background: #fff0d3;
 background-image: url(img/links.jpg);
background-repeat:repeat-y float:left;
 margin: 0px 0px 0px 0px;
 padding-top: 0px;
 height: 498px;
 width: 248px;
 float: left;
}
#content { 
 float: left;
 color: #800000;
 border-left: 0px dotted #e0b358;
 border-right: 0px dotted #e0b358;
 background: #fff2da;
 margin: 0px 0px 0px 0px;
 padding: 25px 19px 25px 18px;
 height: 448px;
 width: 375px;
 display: inline;
}
#content2 { 
 float: left;
 color: #800000;
 border-left: 0px dotted #e0b358;
 border-right: 0px dotted #e0b358;
 background: #fff2da;
 margin: 0px 0px 0px 0px;
 padding: 25px 19px 25px 18px;
 height: 448px;
 width: 555px;
 display: inline;
}
#rightcolumn2 { 
 color: #800000;
 border: 0px dotted #e0b358;
 background: #fff0d3;
 background-image: url(img/rechts2.jpg);
background-repeat: repeat-y float:right;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 height: 498px;
 width: 40px;
 float: left;
 text-align: left;
}
#rightcolumn { 
 color: #800000;
 border: 0px dotted #e0b358;
 background: #fff0d3;
 background-image: url(img/rechts.jpg);
background-repeat: repeat-y float:right;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 height: 498px;
 width: 220px;
 float: left;
 text-align: left;
}
#footer { 
 width: 900px;
 height: 45px;
 clear: both;
 color: #333;
 border: 0px solid #c0c0c0;
 background: #e0b358;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

div.img
{
  margin: 0px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  color:#69F
}

div.img img
  {
  display:inline;
  margin:0px;
  border:0px solid #ffffff;
  }
  
          .links {text-align: left;}
          .rechts {text-align: right;}
          .zentriert {text-align: center; font-family:arial,Times,serif; }
          .blocksatz {text-align: justify;}

ul {margin: 15px 0px 0px 50px; line-height: 1.4;}

a:link {color:#800000; text-decoration:none}      
a:visited {color:#69f; text-decoration:none} 
a:hover {color:#FF00FF; text-decoration:none}  
a:active {color:#69f; text-decoration:none}

a.karte:link {color:#095afb; text-decoration:none}
a.karte:visited {color:#488dcf; text-decoration:none} 
a.karte:hover {color:#FF00FF; text-decoration:none}
a.karte:active {color:#488dcf; text-decoration:none}

a.sonder:link {color:#095afb; text-decoration:none}
a.sonder:visited {color:#488dcf; text-decoration:none} 
a.sonder:hover {color:#FF00FF; text-decoration:none}
a.sonder:active {color:#488dcf; text-decoration:none} 

a.kontakt:link {color:#095afb; text-decoration:none}
a.kontakt:visited {color:#488dcf; text-decoration:none} 
a.kontakt:hover {color:#FF00FF; text-decoration:none}
a.kontakt:active {color:#488dcf; text-decoration:none}

p {text-align:right; font-size: 9px; line-height: 1.4;}
p.inhalt {text-align:left; font-size: 12px; line-height: 1.4;}
p.impressum {text-align:left; font-size:9pt; line-height:1.3;}
td p {text-align:left; font-size:9pt; line-height:1.3;}


.menu{margin:0px 0px 0px 16px; padding:0px 20px 0px 0px; height:30px; width:800px; display:block; background:url('img/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('img/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('img/itopMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(128,0,0);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('img/topMenuImages.png') 0px -90px no-repeat; color:rgb(96,144,240);}
.menu li a.active span, .menu li a.active:hover span{background:url('img/topMenuImages.png') 100% -90px no-repeat;}