/* reset all 
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,
p,form,ul,li,td  								
{ 	
		margin: 0; 
		padding: 0;
}

html, body
{
    width: 100%;
    overflow: auto;
    background-color: #FFFFFF;          
}

html, body, p, td
{
    font-family: Verdana, Helevetica, sans-serif;
    font-size: 13px;
    color: #666666;
}


h1, h2, h3, h4, h5, h6            
{ 
		margin:0 0 20px 0;
		color: #FFB84E;
		background-color: transparent; 
} 

a:link 			{ text-decoration:none; font-weight:bold; color:#339999; background-color: transparent; }
a:visited 	{ text-decoration:none; font-weight:bold; color:#339999; background-color: transparent; }
a:hover 		{ text-decoration:underline; font-weight:bold; color:#339999; background-color: transparent; }
a:active 		{ text-decoration:underline; font-weight:bold; color:#339999; background-color: transparent; }
a:focus 		{ text-decoration:underline; font-weight:bold; color:#339999; background-color: transparent; }

.footer a:link 			{ font-size: 0.8em; text-decoration:none; font-weight:normal; color:#FFB84E; background-color: transparent; }
.footer a:visited 	{ font-size: 0.8em; text-decoration:none; font-weight:normal; color:#FFB84E; background-color: transparent; }
.footer a:hover 		{ font-size: 0.8em; text-decoration:underline; font-weight:normal; color:#FFB84E; background-color: transparent; }
.footer a:active 		{ font-size: 0.8em; text-decoration:underline; font-weight:normal; color:#FFB84E; background-color: transparent; }
.footer a:focus 		{ font-size: 0.8em; text-decoration:underline; font-weight:normal; color:#FFB84E; background-color: transparent; }

img
{
		border: 0;
}

#startseite                      
{ 	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    width: 900px;
    margin-top: -250px;
    height: 500px; 
    text-align: center;
    cursor: pointer;
}

#main
{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 900px;
		margin-left: -450px;
    top: 0;
}

#trenner
{
		position: absolute;
		top: 150px;
		left: 0;
		width: 700px;
		height: 1px;
		background-image: url(images/trenner.gif);
		background-repeat: repeat-x;
}		

#linkeSpalte
{
    position: fixed;
    top: 0;
    width: 200px;
    height: 100%;
		background-color: #FFF5E5;
		background-image: url(images/bkg_navi.gif);
		float: left;
		border-bottom: 1px solid #FFB84E;
}

#pic
{
    width: 200px;
    height: 150px;
		float: left;
}


#rechteSpalte
{
    width: 700px;
    background-color: #FFFFFF;
		float: right;		
}


#logo
{
   	position: fixed;
    width: 700px;
    height: 150px;
    float: right;
    z-index: 10;
}


/* Navigation */

#navigation                       
{
		width: 200px;
		height: 2.5em;
  	line-height: 2.5em;
  	margin: 0;
		padding: 0;
		text-align: left;
		float: left;
}

#navigation ul
{	
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#navigation li
{
		width: 200px;
		float: left;
		margin: 0;
		padding: 0;
		white-space: nowrap;		
}

#navigation li a
{
		display: block;
		padding: 0 13px 0 13px;
		margin: 0;
		color: #666666;
		background-color: #FFF5E5;
		font-weight: bold;
		text-decoration: none;
		white-space: nowrap;
		border-bottom: 1px solid #FFB84E;
		background-image: url(images/navi_norm.gif);
		background-repeat: repeat-y;
}
																	  
#navigation a.selected,
#navigation a:hover
{
		color: #FFFFFF;
		background-color:#FFB84E;
		border-bottom: 1px solid #FFF5E5;
		background-image: url(images/navi_high.gif);
		background-repeat: repeat-y;		
}																	  

#navigation a.aktiv
{
		color: #666666;
		border-bottom: 1px solid #FFF5E5;
		background-image: url(images/navi_active.gif);
		background-repeat: repeat-y;		
}																	  

#navigation a.aktiv:hover
{
		color: #FFFFFF;
		background-color:#FFB84E;
		border-bottom: 1px solid #FFF5E5;
		background-image: url(images/navi_high.gif);
		background-repeat: repeat-y;		
}																	  

																	
#navigation li.sub a
{
		display: block;
		padding: 0 15px 0 15px;
		margin: 0;
		color: #777777;
		background-color: #FFE3B7;
		font-weight: bold;
		text-decoration: none;
		white-space: nowrap;
		border-bottom: 1px solid #FFF5E5;
		background-image: url(images/navi_sub_norm.gif);
		background-repeat: repeat-y;
}
																	  
#navigation .sub a.selected,
#navigation .sub a:hover
{
		color: #FFFFFF;
		background-color:#FFB84E;
		border-bottom: 1px solid #FFF5E5;
		background-image: url(images/navi_sub_high.gif);
		background-repeat: repeat-y;		
}																	  
																		
#content
{
		position: relative;
		top: 151px;
		width: 700px;	
		text-align: left;
		float: right;
		background-image: url(images/bkg.gif);
}

.pad20
{
		padding: 20px;
}		

#content h1

{
		font-size: 1.5em;
}

#content h2

{
		font-size: 1.3em;
}

#content h3

{
		font-size: 1.1em;		
}

#content p

{
		padding: 0 0 20px 0;
}

#content ul

{
		margin: 0 0 20px 40px;
}

#content ul li

{
		list-style-type: square;
		margin: 0 0 10px 0;
}