body  {
margin : 8px ;
padding : 0px ;
font: inherit;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/* font: normal 13px Verdana, Helvetica, sans-serif;*/
color: #000;
font-size: 10pt;
background:url('../images/hintergrund_sommer.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
} 

img {
border: 0px;
border-color: #ffdf55;
}

#hauptcontainer  {
width : 780px ;
margin : 0 auto ;
background-color:#F8F7DB;
/* background-color:#B7C977;*/
background-repeat: no-repeat;
border:10px solid #F8F7DB;
} 

#container  {
width : 780px ;
margin : 0 auto ;
} 


#header  {
text-align : center ;
height:220px;
/*background-image: url(../images/header-01.png);
background-repeat: no-repeat; */
}

h1 {
font-size : 1.2em ;
} 

#menueoben  {
width : 100%;
height: 29px;
border: 0px solid black;
background-color:#fff8dc; 
}



#menu  {
float : left ;
width : 200px ;
height: 100%;
border: 0px solid black;
}


#content {
float : left ;
width : 579px ;
border: 0px solid black;
/*height:6800px;
overflow:auto; */
border-left:1px dotted #D9D7AE;
}


/*
#menueoben ul {
margin : 10px ;
padding : 5px ;
font: menu;
}
#menuoben li {
list-style-type : none ;
font: menu;
} 
*/

#mainfooter  {
clear:both;
height:40px;
text-align : center;
color:#000000;
background-color:#D9D7AE;
border:0px solid #000;
}

#footer  {
text-align : center ;
height: 98px;
/* background-color:#87ceeb; */
}

#footer a {color: #000;}
#footer a hover {color: #green;}



/* Pseudo-Klassen */
a:link { font-weight:normal; color:black; text-decoration:none; }
a:visited { font-weight:normal; color:#d47f55; text-decoration:none; }
a:focus { font-weight:normal; color:#A40000; text-decoration:underline; }
a:hover { font-weight:normal; color:#A40000; text-decoration:none; }
a:active { font-weight:normal; color:#A40000; text-decoration:underline; }

h1:focus { background-color:red; }
h1:hover { background-color:silver; }
h1:active { background-color:green; }


/* Klassen */

.innenabstand {
 padding:5px;	
}

.innenabstand-menue {
 padding:5px;	
}

.box-1 {
width:180px;
padding: 00px;
margin-left:10px;
margin-bottom: 10px;
border: 1px dotted #D9D7AE;
background-color:#FEFDEB;
}


.box-menue {
width:190px;
padding: 00px;
margin-left:00px;
margin-bottom: 10px;
border: 0px dotted black;
}


.markermenu{
width: 200px; /*width of menu*/
color:#A40000;
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
color:#A40000;
}

.markermenu ul li a{
background: url(../../templates/images/liststyle.jpg) no-repeat 2px center;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #A40000;
}

.markermenu ul li a:hover{
color: #000;
background-color: #FEFDEB; 
background-image:url(../../templates/images/liststyle.jpg); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */





#mainmenu {
width : 100%;
height:34px;
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
border-top: 1px solid #d3bdbe;
border-bottom: 1px solid #d3bdbe;
background-image:url(../../templates/images/pinkbg.gif)
}

#mainmenu li{
display: inline;
}

#mainmenu li a{
float: left;
color:#A40000;
padding: 8px 11px 8px 15px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../../templates/images/pinkbg.gif) top right no-repeat;
border-top: 0px solid #d3bdbe; /*top border style*/
border-bottom: 0px solid #ffa1a3; /*thick bottom border below tabs*/
}

#mainmenu li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#mainmenu li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#mainmenu li a:visited{
color: #A40000;
}

#mainmenu li a:hover{
color: black;
background-image: url(../../templates/images/pinkbgover.gif); /*background image swap on hover*/
}

   
form {margin:0px;}

/* Rahmen um Bilder unterdrücken */
img {border: 0px none;}

/* Klassen */
.formular_header 	{ 
color: #000000; 
font: 10px verdana, arial, sans-serif; 
font-weight: normal;
background-color: #F0F8FF; 
}

input  {
font-size : 13px;
line-height: 12px;
font-family : verdana,arial,tahoma,trebuchet ms;
color : #959595;
border-bottom : 1px solid #B2B2B2 ;
border-left: 1px solid #B2B2B2;
border-right: 1px solid #B2B2B2;
border-top: 1px solid #B2B2B2;
/*background-color: #F5F5F5;*/
background-image: url("formulare/picts/shadeform-grau.gif");
}

.dropdown {	
color : #959595;
font-size : 11px;
line-height: 18px;
font-family : verdana,arial,tahoma,trebuchet ms;
}

textarea  {
font-size : 11px;
font-family : verdana,arial,trebuchet ms;
color : #000000;
border-bottom : 1px solid #E0E3B3 ;
border-left: 1px solid #E0E3B3;
border-right: 1px solid #E0E3B3;
border-top: 1px solid #E0E3B3;
background-image: url("picts/shadeform-grau.gif");
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#EEEEEE;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#808080;
scrollbar-track-color:#F5F5F5;  
}


.submitbutton { 
font: 9pt verdana, arial,  sans-serif;
font-weight: bold;
color: #000000;
border: #f6f6f6 1px dotted;
padding-top: 2px;
padding-bottom: 2px;
background-color:#FFFFFF; 
}



.submitbuttonon { 
font: 9pt verdana, arial,  sans-serif;
font-weight: bold;
color: #FFFFFF;
border: #f6f6f6 1px dotted;
padding-top: 3px;
padding-bottom: 2px;
background-color:#1F356E; }