@charset "utf-8";
/* CSS Document */

/* #########################-----------------------------Standarts-----------------------------######################### */

* {
	margin:0;
	padding:0; }
	
:focus {
	outline: 0;
}
	
html {
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #686868;
	font-size: 12px;
}
	
body {
	padding: 0; 
	background:white url(../images/normal/bg.jpg) center 0px repeat-x ;
	}

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

a, a:visited { color: #3d63c4; text-decoration: underline; border-bottom: none;}
a:hover { color: #3d63c4; text-decoration: none; border-bottom: none;}


/* #########################-----------------------------Head-Bereich-----------------------------######################### */

#header {background: url(../images/normal/header.jpg) no-repeat; width: 677px; height: 293px; padding: 100px 0 0 200px;}

/* #########################-----------------------------Navigation-----------------------------######################### */

#navi{
	height:40px;
	width:824px;
	visibility: visible;
	padding-left: 53px;
	color: #0530a1;
	}
	
#navi ul{list-style-type:none;}	
#navi li  {display:block; float: left; font-size: 16px; margin-right: 14px;}
#navi li a {display:block; padding:0px;text-decoration:none; color: #0530a1; padding: 8px; font-weight: bolder;}
#navi li a:hover {display:block; padding:0px;text-decoration:none; color:white; background-color: #4267c5; padding: 8px; font-weight: bolder;}

#subnavi {
	height: 40px;
	width: 165px;
	position: absolute;
	margin: -74px 0 0 469px;
	}

#subnavi ul{list-style-type:none;}	
#subnavi li  {display:block; float: left; text-indent: -9999px;}
#subnavi li a {display:block; padding:0px;text-decoration:none;}
#subnavi li a:hover {display:block; padding:0px;text-decoration:none;}

#kontrast_normal a {background: url(../images/normal/navi/kontrast_normal.jpg) 0px 0px; background-repeat:no-repeat; 
height:40px; width: 55px;}

#kontrast_gelbblau a {background: url(../images/normal/navi/kontrast_blaugelb.jpg) 0px 0px; background-repeat:no-repeat; 
height:40px; width: 55px;}

#textmodus a {background: url(../images/normal/navi/textmodus.jpg) 0px 0px; background-repeat:no-repeat; 
height:40px; width: 55px;}


/* #########################-----------------------------Content-----------------------------######################### */


#content { width: 495px; padding-left: 58px; float: left; padding-top: 20px;}

#content ul li { font-size: 15px; margin: 10px; list-style-type: none; background: url(../images/liststyle.gif) no-repeat; padding-left: 30px;}
#content li {  margin: 10px;}

#content li:hover  { background-color: #CCCCCC;}

#content ul { margin-bottom: 30px;}
#ul2 { margin-left: 25px; background-color: #FAFAFA;}
#ul2 li:hover { background-color: #CCCCCC;}



/* #########################-----------------------------Extra-----------------------------######################### */

#extra { width: 220px; height: 360px; background: url(../images/normal/extra.jpg); float:left; margin-left: 10px; padding: 105px 0 0 30px;}

#extra p { font-size: 13px; line-height: 19px; margin-bottom: 10px;}

/* #########################-----------------------------Footer-----------------------------######################### */

#footer { background: url(../images/normal/footer.jpg) no-repeat; width: 819px; height: 89px; padding: 50px 0 0 58px;}
#footer p {color: white; float:left;}

/* #########################-----------------------------Klassen-----------------------------######################### */

.nofloat {float: none; clear: both;}

.pix { float: right; border: 1px solid #666666; background-color: white; padding: 3px; margin: 8px 8px 8px 0;}
.pix2 { float: left; border: 1px solid #666666; background-color: white; padding: 3px; margin: 8px 8px 8px 0;}

.nachoben {float: left; margin-left: 140px;}
.nachoben a, .nachoben avisited { color: white;} 
.nachoben a:hover { color: white;}

.aktiv { display:block; padding:0px;text-decoration:none; color:white!important; background-color: #4267c5; padding: 8px; font-weight: bolder;}

.logo { position: absolute; margin: -24px 0 0 -151px;}

.routenplaner {display: none!important;}

 
/* #########################-----------------------------Schriften-----------------------------######################### */

h1 { font-size: 47px; color: #0530a1; font-weight: normal; position: absolute; width: 680px;}
h1 a, h1 a:visited, h1 a:hover {text-decoration: none; color: #0530a1; font-weight: normal; position: absolute;  width: 680px;}

h2 { font-size: 33px; color: #0530a1; font-weight: normal; margin-bottom: 15px;}
h3 { font-size: 13px; color: #3d63c4; font-weight: normal; margin-top:-10px; margin-bottom: 10px;}
h4 { font-size: 20px; color: #3d63c4; font-weight: normal; margin-bottom: 10px;}

p{ font-size: 15px; color: #4a4a4a; font-weight: normal; line-height: 25px; margin-bottom: 15px;}