﻿a            { font-family: Trebuchet MS; font-size: 10pt; color: yellow }
a:link       { font-family: Trebuchet MS; font-size: 10pt; color: yellow; text-decoration: none}
a:visited    { font-family: Trebuchet MS; font-size: 10pt; color: white; text-decoration: none }
a:hover      { font-family: Trebuchet MS; font-size: 10pt; color: red }
a:active     { font-family: Trebuchet MS; font-size: 10pt; color: #009933; text-decoration: none}
p            { font-family: Trebuchet MS; font-size: 10pt; color: #E0AC3E; text-align:left }
h1		     { font-family: Trebuchet MS; font-size: 12pt; color: #E0AC3E; }
h2			 { font-family: Trebuchet MS; font-size: 11pt; color: #E0AC3E; }
h3		     { font-family: Trebuchet MS; font-size: 10pt; color: #E0AC3E; }
.Rahmen      { border:1px solid #800; padding-left: 8px; padding-right: 8px; 
               padding-top: 8px; padding-bottom: 8px; background-color: #FF9;
               margin:6px}
.Tabelle     { border-color:#800; background-color:yellow; 
               border-collapse: collapse; padding-left: 8px; padding-right: 8px; 
               padding-top: 8px; padding-bottom: 8px; width:480px}
img          { border-right: #800000 1px solid; border-top: #800000 1px solid; 
               border-left: #800000 1px solid; border-bottom: #800000 1px solid; margin:6px }

     
/*Seitenaufbau */

#body, html{
background-color:#00589f; 
background-image:url(images/bg-page.jpg);
background-position: center;
margin:0;
padding:0;
line-height: 1em;
}


#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: transparent;

}

#topsection{
background-image:url('images/bg-top.jpg');
background-repeat:no-repeat;
height: 400px; /*Height of top section*/
}


#contentwrapper{
float: left;
width: 100%;
background-color:transparent;

}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:transparent;

}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: transparent;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: transparent;
}

#footer{
clear: left;
width: 100%;
background: transparent;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 1px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*Menueaufbau*/	
ul { 
		margin: 0px;
		padding: 0px;
		list-style: none;
		width: 130px;

	}
	
li { 	
		font-family: Verdana;
          font-size: 8pt;
          text-align: left;
         float:left;
          
  
  /* Hoehe vom Menue */
  line-height: 15px;
  
  /* Breite vom Menue */
  width: 118px;
		
		background-color: transparent;		
		margin-left: 0px;
}
	
li ul { 
	display: none;
    position: absolute;
    
  
  /* Muss die Breite vom Menue sein (fuer Firefox) */

         margin-left: 116px;

  
  /* Muss die -Hoehe vom Menue sein (fuer Firefox) */
         margin-top: -21px;


}
	
li a {
		display : block;
		width: 10em;
		color : black;
		text-decoration : none;
		
}
	
li a:hover {
		background-color : #84AFD2;
    color: #003B87;
	}
	
li.sfhover ul {
  display: block;
  position: absolute;

  /* Muss die Halbe Breite vom Menue sein (fuer Internet Explorer) */
  margin-left: 115px;

  /* Muss die -Hoehe vom Menue sein (fuer Internet Explorer) */
  margin-top: -20px;
}
li:hover ul {
  display: block;
}
ul:hover {
}


input#Name,
input#Strasse,
input#Ort,
input#Telefon,
input#Email {
  width: 367px;
}

