/* --------------- Einstellung für alle Elemente ---------------*/
html * { 
			margin: 0; 
			padding:0; 
			font-size: 100.01%;
		}

body {
	/*background: url(images/bg_body.jpg) left top repeat-x #c8c5c8;*/
	/*background:  #c8c5c8;*/
	background:  #000;
	text-align: center;
	font-size: 65%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #7e7e7e;
}

/* --------------- logo ---------------*/
#logo {
	width: 710px;
	height: 0px;

}

/* --------------- page ---------------*/
#page {
	width: 710px;
	margin: 0px auto 0px auto;
	text-align: left;
}



/* --------------- Header ---------------*/
#cheader {
	clear: left;
	float: left;
	width:710px;
	height: 169px;
	background: url(images/header7.gif) left top no-repeat;
}

#hm {
	clear: left;
	float: left;
	width: 145px;
	margin: 38px 0px 0px 23px;
	display: inline;
}
#hm ul{
	list-style-type: none;
}
#hm ul li{
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #7b8a9c;
	list-style-type: none;
}
#hm ul li a{
	padding: 0px 0px 0px 20px;
	color: #4b5c73;
	text-decoration: none;
	font-weight: bold;
	background: url(images/bg_hm.gif) 4px 3px no-repeat;
}
#hm ul li a.active{
	background: url(images/bg_hm_active.gif) 4px 3px no-repeat;
}


#slogan {
	float: left;
	width: 340px;
	margin: 125px 0px 0px 145px;
		display: inline;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	overflow: hidden;
		/*für ie6*/
		display: inline;
}
#slogan h1{
		margin: 0px 10px 0px 10px;
	font-size: 160%;
	font-weight: bold;
	text-align: center;  
	
	color: #7e7e7e;

}
#slogan p{
	/*font-size: 82.50%;*/
	color: #7e7e7e;
font-style: italic;
}


/* --------------- Content ---------------*/
#ccontent {
	clear: left;
	float: left;
	width:710px;
	background: url(images/bg_ccontent7.gif) left top repeat-y;
}
#leftmenue {
	clear: left;
	float: left;
	width: 100px;
	margin: 20px 0px 0px 16px;
	padding: 0px 0px 0px 10px;
	color: #3b4c63;
	/*für ie6*/
	font-size: 120.00%;
	display: inline;
}
#leftmenue h2{
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #eee;
/*	font-size: 100%;*/

	font-weight: bold;
	
	color: #eee;
}
#leftmenue ul{
	list-style-type: none;
	font-weight: bold;
}
#leftmenue ul li{
	padding: 6px 0px 6px 0px;
	border-bottom: 0px solid #eee;
	list-style-type: none;
}
#leftmenue ul li a{
font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#leftmenue ul li a.active{
	font-weight: bold;
	color: #FCA604;
}


#content {
	float: left;
	width: 565px;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 1.7em;
	display: inline;
}
#content h1{
	margin: 0px 0px 20px 10px;
	font-size: 130.00%;
	font-weight: bold;
	text-transform: none;
	color:#000;
text-align: center;
}
#content h2{
padding: 0px 0px 0px 0px;
	font-size: 100%;
	color: #394b62;
	text-transform: none;
	
}
#content h3{
padding: 20px 0px 0px 0px;
	font-size: 150%;
	color: #c8c5c8;
	text-transform: none;
}

#content h4{
	margin: 0px 0px 10px 0px;
		padding: 10px 0px 0px 0px;
	font-size: 100.00%;
	font-weight: bold;
	text-transform: none;
	color: #394b62;
text-align: center;
}


#content p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	font-weight: normal;
}
#content a{
	color: #fca604;
}
#content hr {
    color: #fff;
    background:transparent;
    margin:0 0  0.5em 0;
   padding: 0px 20px 0px 20px;
    border:0;
    border-bottom: 1px #eee solid;
  }

#content #links {
	clear: left;
	float: left;
	width: 171px;
	margin: 0 0px 0px 27px ;
    padding: 0px 0px 0px 0px;
     
    display: inline;
   
}

#content #ressourcen {

	float: left;
	width: 282px;
	margin: 0 0 0 10px ;
    padding: 0px 0px 0px 0px;
	 display: inline;
		
}


#content  ol ,
#content #links ul ,
#content #ressourcen ul{
padding: 10px 15px 0px 10px;
	list-style-type: none;
}
#content  ol li,
#content #links ul li,
#content #ressourcen ul li{
	list-style-type: none;
}
#content  ol li
{
	padding: 0px 0px 0px 14px;
	background: url(images/point.gif) left 7px no-repeat;
}
#content #links ul li a,
#content #ressourcen ul li a
{
	padding: 0px 0px 0px 20px;
	background: url(images/pointer01.gif) left 5px no-repeat;
}

/* --------------- footer ---------------*/
#cfooter {
	clear: left;
	float: left;
	width:710px;
	background: url(images/bg_ccontent4.gif) left bottom repeat-y;
}
#footer {
	clear: left;
	float: left;
	width: 710px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #ccc;
	font-size: 100%;
	text-align: right;
	display: inline;
}

#footer a{
	color: #FCA604;
	}

#hpv24 {
	clear: left;
	float: left;
	width:710px;

	padding: 46px 50px 10px 190px;
	background: url(images/bg_cfooter7.gif) left top no-repeat;
	color: #7e7e7e;
	font-size: 100%;

	display: inline;

}
#hpv24 a{
	color: #7e7e7e;
}



/* --------------- Formulare ---------------*/
#kontaktform {
	clear: left;
	float: left;
	line-height: normal;
	width: 500px;
	margin: 0px 0px 30px 0px;
	padding: 0px 10px 30px 10px;
	background-color: #fff;
}
#kontaktform label {
	clear: left;
	float: left;
	width: 130px;
	margin: 10px 10px 0px 0px;
	text-align: right;
}
#kontaktform label.plabel {
	font-weight: bold;
}
#kontaktform input,
#kontaktform select,
#kontaktform textarea {
	float: left;
	width: 320px;
	margin: 10px 0px 0px 0px;
}
#kontaktform select{
	width: 325px;
}
#kontaktform input.submit {
	width: auto;
	float: right;
	margin: 10px 25px 0px 0px;
}
#kontaktform input.reset {
	width: auto;
	float: right;
	margin: 10px 0px 0px 0px;
}