/*
blau: #008AB4
hellblau: #71B4D0
lauftext: #000000
links: #B4B4B4
*/

body {
	background-color: #FFFFFF;
	width: 95%;
}

p, td, th, tr, li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 18px; 
	letter-spacing: 1px;
	text-decoration: none;
	color: #71B4D0;
}

a:hover {
	color: #008AB4;
}

.tools  a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #71B4D0;	
	line-height: 12px;
	text-decoration: none;	
	text-transform: none;
}

a:hover.tools {
	color: #008AB4;	
	line-height: 12px;
}

a.active.tools {
	color: #008AB4;	
	line-height: 12px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px; 
	padding-bottom: 8px;
	color: #000000; 
	text-transform: none;
}

*html h1 {
	line-height: 18px; 
	padding-bottom: 3px;
	margin-top: 5px; 
}

html* h1 {
	line-height: 18px; 
	padding-bottom: 3px;
	margin-top: 5px; 
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px; 
	padding-top: 5px;
	color: #000000; 
	text-transform: none;
}

html* h2 {
	padding-top: 14px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px; 
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	color: #000000; 
	text-transform: none;
}

*html h3 {
	line-height: 12px; 
	padding-top: 5px;
	padding-bottom: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px; 
	padding: 0px;
	margin: 0px;
	color: #B4B4B4; 
	text-transform: none;
}

ul {
	list-style-type: disc;
	margin-left: 2em;
	padding-left: 0.10em;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

li {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}


form input {
	 border: 1px solid #666666;
	 font-size: 11px;
}

form textarea {
	border: 1px solid #666666;
}


.antifloat {
	clear: both;
	visibility: hidden;
}

/* 	layout  */


#page {
	width: 960px;
	padding: 40px 0px 0px 40px;
	text-align: left;
}

/*  kopf  */


#kopf {
	width: 960px;
	height: 135px;
	margin: 0px;
}

#logo {
	width: 960px;
	height: 50px;
	border-bottom: 2px solid #008AB4;
}

#claim  {
	width: 960px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	color: #008AB4;	
	text-decoration: none;	
	text-transform: none;
}

#claim2  {
	width: 960px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	color: #008AB4;	
	text-decoration: none;	
	text-transform: none;
}


/*  inhalt  */


#linkespalte {
	width: 170px;
	margin-right: 40px;
	float: left;
}

#sprachen  {
	width: 170px;
	height: 20px;
	margin-top: 6px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	color: #71B4D0;	
	text-decoration: none;	
	text-transform: none;
}

*html #sprachen  {
	margin-top: 3px;
}

html* #sprachen {
	line-height: 15px;
	padding-top: 0px;
}

#sprachen a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #71B4D0;	
	text-decoration: none;	
	text-transform: none;
}

#sprachen a:hover {
	color: #008AB4;	
}

#navcontainer {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	margin-top: 13px;
	color: #71B4D0;	
	text-decoration: none;	
	text-transform: uppercase;
}

html* #navcontainer {
	margin-top: 8px;
}

#inhaltspalte {
	width: 350px;
	padding-top: 6px;
	margin: 0px;
	float: left;
} 

#text {
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

#textteam {
	width: 740px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

*html #textteam {
	padding-top: 0px;
}

#projektliste ul {
	width: 350px;
	margin: 0px;
	padding-top: 18px;
	list-style-image: none;
	list-style-type: none;
}

*html #projektliste ul {
	padding-top: 0px;
}

html* #projektliste ul {
	padding-top: 0px;
}


#projektliste ul li {
	width: 350px;
	margin: 0px;
	padding-top: 2px;
	list-style-image: none;
	list-style-type: none;
	border: 1px solid #FFFFFF;
}

html * #projektliste ul li {
	padding-top: 0px;
}

#projektliste ul li a {
	list-style-image: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 2px 0px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	color: #71B4D0;	
}

#projektliste ul li a:hover {
	color: #008AB4;
}

#projektliste ul li a.active {
	color: #008AB4;
}

#rechtespalte {
	width: 350px;
	padding-left: 40px;
	float: left;
}

#foto {
	width: 350px;
	padding-bottom: 18px;
	padding-top: 10px;
}

#legendenews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	color: #000000;	
	text-decoration: none;	
	text-transform: none;
	list-style-type: none;
	list-style-image: none;
}

#legendenews a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	color: #000000;	
	text-decoration: none;	
	text-transform: none;
	list-style-type: none;
}

#legendenews a:hover {
	color: #B4B4B4;	
}

#legendenews a.active {
	color: #B4B4B4;	
}

#legende ul {
	padding: 0px;
	margin: 0px;
	text-decoration: none;	
	text-transform: none;
	list-style-type: none;
}

#legende ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	color: #71B4D0;	
	text-decoration: none;	
	text-transform: none;
	list-style-type: none;
}

#legende a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	color: #71B4D0;	
	text-decoration: none;	
	text-transform: none;
	list-style-type: none;
}

#legende a:hover {
	color: #008AB4;	
}

#legende a.active {
	color: #008AB4;	
}

/*   navigation  */

/*	stufe 1  */

#navcontainer ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

#navcontainer ul li {
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
}

#navcontainer ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 18px;
	text-decoration: none;
	color: #71B4D0;
}

#navcontainer ul li a:hover {
	color: #008AB4;
}

#navcontainer ul li a.active {
	line-height: 52px;
	color: #008AB4;
}

#navcontainer ul li a:hover.active {
	color: #008AB4;
}

/*	stufe 2  */

#navcontainer ul ul {
	margin: 0px;
	padding-bottom: 18px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
}

#navcontainer ul ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
}

#navcontainer ul ul li a {
	color: #71B4D0;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: none;
	padding: 0px;
}

#navcontainer ul ul li a.activechild {
	color: #008AB4;
}

#navcontainer ul ul li a:hover.activechild {
	color: #008AB4;
}


/* projektnavi: rollover-dropdown */

#projektnavi { 
	width: 350px;
	background-color:#FFFFFF;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 0px;
}

* html #projektnavi {
	padding-top: 1px;
}


/*  projektnavi */

#projektnavi ul {
	margin: 0px;
	padding-top: 2px;
	list-style-image: none;
	list-style-type: none;
}

#projektnavi ul ul li {
	padding: 0px;
	margin: 0px;
	display: block;
}

#projektnavi li.first {
	padding: 0px;
}

/* projektnavi 1. stufe*/

.menu a {
	background-color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	color: #008AB4;
	border-bottom: 1px solid #FFFFFF;
}

.menu a:hover {
	color: #B4B4B4;
}

.menu a.active {
	color: #008AB4;
}

.menu a.parentactive {
	color: #B4B4B4;
}


/* projektnavi 2. stufe*/

#smenu1, #smenu2, #smenu3, #smenu4 #smenu5 {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	color: #71B4D0;
	border-bottom: 1px solid #FFFFFF;
	display: none;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a #smenu5 a {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: left;
	color: #71B4D0;	
	padding-top: 0px;
	border-bottom: 1px solid #FFFFFF;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover {
	color: #008AB4;
}

#smenu1 a.active, #smenu2 a.active, #smenu3 a.active, #smenu4 a.active, #smenu5 a.active {
	color: #008AB4;
}