﻿body
{
font-family: "sans-serif", Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#FFFFFF;
font-size:11px;
padding:0;
margin:0;

}

a
{
color: #FF0000;
}

h1,h2,h3
{
font-family: "sans-serif";
font-size: 12px;
}

p
{
 margin:15px 0 15px 0;
 line-height:17px;
}


img
{
 border:0;
}


/*
###################################################
Container
###################################################
*/


#container
{
width:950px;
border-right: 0px solid #ccc;
border-left: 0px solid #ccc;
margin:0 auto;
background:#FFFFFF;
}


/*
###################################################
Hauptnavigation
###################################################
*/

#vpnavigation
{
	text-transform:none;
	font-size:10px;
}

#vpnavigation ul.first
{
	clear:both;
	list-style:none;
	margin:0 0 0 -5px;
	margin:0;
	padding:0;
}

#vpnavigation div.submenu
{
	position: absolute; 
	display:block;
	margin:0 0 0 -1px;
	padding:0;
	overflow:hidden;
	z-index:9050;
	
	
	left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */ 
}

/* Listen 2. Ebene */
#vpnavigation ul.second 
{
	list-style:none;
	margin:0px;
	padding:3px 0 0 0;
	display:inline;
	float:left;
	background:#FFFFFF;
	opacity:0.75;
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	filter:Alpha(opacity=75);
}

/* alle Listenelemente */ 
#vpnavigation li 
{
	padding:0 5px 0 0;
	background: #FFFFFF;
	float:left;
	display:inline;
	margin:0px;
	
}

/* Listen 2. Ebene */
#vpnavigation ul.second li 
{
	clear:left;
	background:none;
	padding:0 15px 4px 2px;
	position:relative;
	
}

/* Listenelemente mit Unterpunkten */
#vpnavigation a.parent 
{
}

#vpnavigation a.banner
{
color:#5f7884; white-space: nowrap;}

#vpnavigation a.mail
{ text-decoration: underline;
}

#mail
{ text-decoration: underline;
}

#mail a.mail
{ text-decoration: underline;
}

/* Listen 3. Ebene und weiter */
#vpnavigation li div div
{
}

#vpnavigation li:hover div div, 
#vpnavigation li.sfhover div div 
{
	left: -999em;
}

/* Listen, die unterhalb von "gehoverten" Menüpunkten liegen */
#vpnavigation li:hover div, 
#vpnavigation li li:hover div, 
#vpnavigation li.sfhover div, 
#vpnavigation li li.sfhover div 
{
	left: auto; 
} 

#vpnavigation li.activepath
{
	color:#5f7884;

}

#vpnavigation li.activepath a 
{
	color:#5f7884;
}

#vpnavigation li.activepath div a 
{
	color:#5f7884;
}

/* Listen zur aktuellen Kategorie */ 
#vpnavigation li.active 
{
color:#5f7884;
} 

/* Listen zur aktuellen Kategorie */ 
#vpnavigation ul.second li.active 
{
color:#5f7884;
} 

/* Listen zur aktuellen Kategorie */ 
#vpnavigation ul li.active a 
{
	color:#5f7884;

}

/* Unterhalb der aktuellen Kategorie */ 
#vpnavigation ul li.active div ul li a 
{
	color:#5f7884;
}

#vpnavigation ul li.active li a:hover
{
	color:#5f7884;
}


/* Aktuelle Itemfarbe */

#vpnavigation a 
{ 
	color:#9f9f9f;
;
	margin:0 0 0 10px;
	text-decoration:none; 
} 

#vpnavigation a:hover 
{
	color:#0067ab;
}

#vpnavigation a:active 
{
	color:#000000;
}

#vpnavigation div.submenu a 
{
	color:#white;


}

#vpnavigation div.submenu a :hover
{
	color:#5f7884;


}


#banner a
{
	color:#5f7884;

}



/*
###################################################
Top
###################################################
*/


#top
{
height:105px;
background:#FFFFFF;
color:#000;
padding:5px 310px 200px 0px;
}

#top-box
{
height:25px;
margin-bottom:50px;
display:inline;
float:left;
width:100%;
}

#top-box div
{
line-height:25px;
height:25px;
}

#top li.first, #footer li.first
{
float:left;
padding:0 5px 0 0;
background:url(../images/li.gif) no-repeat right;
}

/*
###################################################
Line Bottom
###################################################
*/


#line-bottom
{
border-top:1px solid #000;
border-bottom:1px solid #000;
width:950px;
}


#line-bottom img
{
display:block;
}


/*
###################################################
Content
###################################################
*/

#content
{
padding:0 50px 50px 50px;
height:100%;
background:#fff;
color:#000;
background:url(../images/content_bg.gif);
margin:15px 0 15px 0;
}


#content div.content-box
{
 line-height:17px;
 padding-left:10px;
}


#content div.content-headline
{
font-weight:normal;
font-size:14px;
margin:10px 0 15px 0;
padding:0 0 0 10px;
}

#content hr
{

margin:20px 0 20px 10px;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #ccc;

}

#content h1
{
background:url(../images/h1_content.gif) no-repeat 0px 3px;
font-weight:normal;
font-size:14px;
margin:10px 0 15px 0;
padding:0 0 0 10px;
}


#content-right
{
float:right;
width:264px;
overflow:hidden;
}

#content a
{
color:#FF8000;
text-decoration:none;
}

#content a:hover
{
color:#000;
text-decoration:underline;
}


/*
###################################################
Diverses
###################################################
*/

div.textarea
{
font-family: "sans-serif";
font-size:11px;
background:url(../images/textarea_bg.gif) no-repeat;
width:432px;
height:120px;
padding:5px;
}

input.button
{
background:#999999;
color:#fff;
border:0;
margin-right:10px;
}

.bild_links
{
margin:0 10px 2px 0;

}

.clearer
{
clear:both;
}






