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

/* -------- CSS Reset --------- */

* { padding: 0px;
	margin: 0px;
}

li {
	list-style:none;
}

ul.hasBullets li{background : url('../pics/style/bullet.gif') 0 20px no-repeat;padding:10px 0 10px 8px;}
b, strong {
	font-weight : bold;
}
img, a img {
	border : none;
}

a:link, a:visited {
	color : #ffffff;
	text-decoration : none;
}

 a:hover, a:focus, a:active {
 	color: #999999;
	text-decoration:none;
 }

/* -------- Allgemein --------- */ 

body {
	background:#CCCCCC;
	font-family :  Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

#container {
	width: 1024px;
	margin: 10px auto 0;
}

p.kursiv {
	font-style:italic;
}


p.fett {
	font-weight:bold;
}

p.logos{text-align:center}
p.logos img{margin:5px}

.fl {
	float: left;
	padding-right: 10px;
}

.fr {
	float: right;
}

.clearFloat {
	clear:both;
}

.hr {
	border:none;
	height: 1px;
	background-color:#666666;
	
}


/* -------- Schrift-Styles --------- */

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-transform:none;
	color : #ffffff;
	white-space:nowrap;
	margin-bottom:20px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#FFFFFF;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	text-transform:none;
	color:#ffffff;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999999;
}


/* -------- Layout --------- */



/* -------- Header --------- */


#header {
	background-color:#e7e7e7;
	width:1024px;
	height: 260px;
}



#headerPic {
	width: 735px;
	height: 165px;
	float:left;
	padding: 20px 0px 0px 0px;
}

#headerPic img.Outline {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left:none;
}

#headerLogo{
	float: right;
    padding: 60px 0 0;
    width: 220px;display:block
}

#headerWords {
	width: 190px;
	height: 215px;
	float:right;
	padding: 0px;
}


ul#Schlagworte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	padding: 70px 0px 0px 20px;
}


ul#Schlagworte li {
	padding: 0px 0px 25px 0px;
}



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


#navi {
	background-color:#FFFFFF;
	width:874px;
	height:30px;
	padding: 0 0 0 150px;
}


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


#content {
	width: 1024px;
	padding: 50px 0px 30px 0px;
	background-color:#666666;
}


#contentTextLeft {
	width: 590px;
	padding: 20px 40px 30px 150px;
	float:left;
}


#contentLogoRight {
	width: 160px;
	padding: 220px 20px 30px 40px;
	float:right;
}


/*------------------- NAVIGATION OBEN ---------------
---------------------------------------------------*/

ul#hdMenu {
	font-family:Arial, Helvetica, sans-serif;
	width : 874px;
	font-size : 10px;
}


ul#hdMenu li {
	display : inline;
	text-transform : uppercase;
	position:relative
}



ul#hdMenu li a:link, ul#hdMenu li a:visited {
	color:#666666;
	font-weight : bold;
	text-decoration : none;
	padding : 0 20px 0 20px;
}

ul#hdMenu > li a:hover, ul#hdMenu > li a:focus, ul#hdMenu > li a:active, ul#hdMenu > li:hover, ul#hdMenu > li:focus, ul#hdMenu > li:active {
	color:#33ccff;
}

li.aktiv {
	color :#33ccff;
	font-weight : bold;
	text-decoration : none;
	padding : 0 20px 0 20px;
}

.submenu{
	display: none;
    height: 60px;
    position: absolute;
    top: -57px;
	left:0;
}

ul#hdMenu li:hover .submenu{display:block}
ul#hdMenu li:hover .submenu li{display:block;line-height:22px}

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

#footer {
	background-color:#e7e7e7;
	width:1024px;
	height:30px;
}


#footerWrapper {
	width: 874px;
	float:left;
	padding: 10px 0px 0px 150px;
}

#footerLeft {
	width:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#666666;
	padding: 0px 0px 10px 0px;
	display:inline;
}


#footerRight {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#666666;
	padding: 0px 0px 10px 610px;
	display:inline;
}


ul#kontakt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}


ul#kontakt li {
	display:inline;
	padding: 0px 20px 0px 20px;
}


ul#kontakt li a:link,
ul#kontakt li a:visited {
	color:#666666;
}

ul#kontakt li a:hover,
ul#kontakt li a:focus
ul#kontakt li a:active {
	color:#33ccff;
}




ul#kontakt li.home {
	padding: 0px 0px 0px 0px;
}


ul#kontakt li.kontakt {
	padding: 0px 30px 0px 672px;
}


ul#kontakt li.impressum {
	padding: 0px 20px 0px 0px;
}