body {
background-image: url(01_layoutpict/HG.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;}

a:link, a:visited, a:hover, a:active { color: #003333; text-decoration: none;}


/***************************************** FONTS * ************************************************************/
/*TITEL Rot Spez*/
h1, h2 {
font: 1.1em "arial narrow", arial, sans-serif;
color: #8B0000;
text-transform:uppercase;
background-color: #transparent;
padding:0 0 10px 0;
margin:0px; }

/*UNTERTITEL Rot, Spez*/
h3 {
font: 0.9em "arial narrow", arial, sans-serif;
color: #8B0000;
text-transform:uppercase;
background-color: #transparent;
padding:0 0 10px 0;
margin:0px; }


/*UNTERTITEL DGrau, Courier*/
h4 {
font-family: courier, "courier new", monospace;
font-size: 0.8em;
font-weight: bold;
color:#003333;
padding:0px;
margin:0px; }


/*HINWEISE, SPEZIFIKATIONEN HGrau, Courier*/
h5 { 
font-family: courier, "courier new", monospace;
font-size: 0.8em;
font-weight: inherit;
color: #336666;
padding:5px 70px 5px 0;
margin:0px; }

/*LAUFTEXT DGrau, No*/
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
line-height: 1.4em;
color: #003333;
padding:5px 60px 0 0;
margin:0px;}

p.mitPunkt{ 
border-bottom: 1px dotted #8B0000;
padding:0 0 0 0;
margin:5px 60px 10px 10px;}

p.mitPt{ 
border-bottom: 1px dotted #8B0000;
padding:0 0 0 0;
margin:5px 150px 10px 150px;}

/*****************************************  CONTAINER * ************************************************************/
#container {
/*border: 1px solid #000;*/
width: 950px;
margin: 0px;
margin-left: auto;
margin-right: auto;}

/***************************************** NAV TOP ICONS * ************************************************************/
#topic { 
/*border: 1px solid #ff6600;*/
text-align:right;
padding: 20px 0 0;
margin: 0px;}
	
#topic a img { 
border:1px solid transparent;
padding: 0;
margin: 0 0 0 10px;	
width:22px;
height:20px;}

#topic a:hover img{
border: #8B0000 1px dotted;}

/***************************************** HAUPTNAV DGRAU* ************************************************************/
#mainnav{
/*border:1px solid #999;*/
width: 250px;
margin: 0 0 0 10px;}

#mainnav li{
font: 1.3em "arial narrow", arial, sans-serif;
color: #003333;
font-weight:bold;
letter-spacing: 1px;
background-color: #fff;
list-style-type: none;
padding: 1px;}

#mainnav a {
display: block;
border:1px solid transparent;
padding: 1px;
width: 160px;}
  
#mainnav a:visited {
color: #003333;
text-decoration: none;}

#mainnav a:hover, #mainnav a:active {
border: 1px solid #8B0000;
margin-left: 10px;}

a#current {
margin-left: 10px;
border: 1px solid #8B0000;}

/***************************************** UNTERMENU - LEFT ROT* ************************************************************/
#leftnav {
float:left;
width: 200px;
background-color: #fff;
margin: 15px 5px 0 100px;
padding: 0px;
/*border: 1px solid #cc0099;*/}

#leftnav a{
font: 0.8em "arial narrow", arial, sans-serif;
color:#8B0000;
line-height: 1.4em;
letter-spacing: 2px;
padding: 1px;}

#leftnav a:visited {color: #8B0000;text-decoration: none;}
#leftnav a:hover, #leftnav a:active {color:#003333; text-decoration: underline;}

/***************************************** INHALT * ************************************************************/
#content {
overflow:auto;
margin: 0 0 0 10px;
padding:10px;
width: 600px;
height:530px;
background-color: #fff;
/*border: 1px solid #cccc99;*/}

#content a {
font: 1em "arial narrow", arial, sans-serif;
color:#8B0000;
line-height: 1.4em;
list-style-type: none;
padding: 1px;}

#content a:visited {color: #8B0000; text-decoration: none;}
#content a:hover, #content a:active {color:#003333; text-decoration: underline;}

/***************************************** BILDER * ************************************************************/
.kasten1 { 
padding: 0px;
margin: 0px;
/*border: 1px solid #cccc99;*/}

.bild1 { 
float: none; 
width:500px;
padding: 5px;
margin: 0px;}

.bild1a { 
float: left; 
width:200px;
padding: 5px;
margin: 0px;}

.bild2 {  
float: left; 
width: 22px;
height: 20px;
padding: 0px 5px 0px 10px;
}


.bild3 {  
float: none; 
width: 22px;
height: 20px;
padding: 0px 0px 0px 0px;
}


.antifloat { clear: left; }

/***************************************** FUSSZEILE * ************************************************************/
#footer{ clear: left;}