/* - - - Farben - - - */

/*
	#ffe500 Gelb
	#fffdec Hellgelb
	#e8ce03 Gelbe H1
	#E4EEF9 (Hellblau, z.B. für Seiten-Navigationsbox)
*/

/* - - - Grundeinstellungen - - - */

* {
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	background-color: #293D52;
  	color: #333;
  	font-size: small;
	font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* tags */

/* - - - Ueberschriften - - - */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {}

	#primary-content h1 {
		margin: 0 0 1.3125em 0;
		font-size: 140%;
		line-height: 1.3125;
		color: #101055;
	}

h2 {}

	#primary-content h2 {
		font-size: 90%;
		line-height: 1.5em;	
		margin: 0 0 .9em 0;
	}

	#secondary-content h2 {
		margin: 0 0 .9em 0;
		font-size: 90%;
		line-height: 1.5em;
	}



/* - - - Absaetze - - - */

p {
	margin: 1em 0;
	font-size: 90%;
	line-height: 1.5em;
}

/* - - - Listen - - - */

ul {}

	#primary-content ul {
		margin: 1.5em 20px 1.5em 0;
	}
	
	#secondary-content ul {
		margin: .75em 20px 1.75em 0;
	}
	
	#secondary-content ul li {
		background: none;
		list-style: none;
		padding: 0;
	}	
	
li {}

	#primary-content li, #secondary-content li {
		background: url(images/bullet.png) no-repeat 5px 0.65em;
		padding-left: 20px;
		font-size: 90%;
	}


/* - - - Definitionslisten - - - */

dl {}

	#secondary-content dl {
		font-size: 90%;
		line-height: 1.75em;
		margin: 1.75em 21px;
	}

dt {}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* - - - IDs - - - */
#wrapper {
	background: url(../images/schatten.png) repeat-y 50% 0; 
	margin: 0 auto;
	text-align: left;
	width: 770px;
}

#container {
	margin: 0 auto;
	width: 748px;
	border-bottom: 1px solid #ccc;
}

#header {
	height: 136px;
	width: 100%;
	float: left;
	margin: 0;
	background: url(../images/blank.gif) repeat-x 0 0;
}

	#header img {
		border: 0;
		margin: 0 0 0 215px;
		float: left;
	}
	
/* Hauptnavigation */
#navigation {
	float: left;
	width: 100%;
	height: 2em;
	margin: 2px 0 0 0;
	background: #ddd;
}

#navigation ul{
	float: right;
	width: 24.3em;
	display: inline;
}

#navigation  li {
	float: left;
	width: 8em;
	border-left: 1px solid #fff;
	height: 2em;
	text-align: center;
	border-bottom: 3px solid #000000;
}

#navigation  li a {
	font-weight: bold;
	width: 8em;
	height: 2em;
	line-height: 2em;
	color: #000;
	display: block;
	text-decoration: none;
}

#navigation  li a:hover{
	background: #ccc;
}

	
/* Primäre Content-Spalte */
#primary-content {
	float: left;
	display: inline;
	margin: 3em 0 20px 20px;
	width: 470px;	
}

#primary-content .bildblock {
	float: left;
	display: inline;
	margin: 0 0 20px 0;
}

#primary-content .bildblock img{
	float: right;
	border: 2px solid #101055;
	padding: 5px;
	margin: 0 15px 15px 0;
}

#primary-content .bildblock p{
	margin: 0 0 1.5em 0;
}

#primary-content ul.leistungen {
	font-size: 100%;
	font-weight: bold;
	float: left;
	width:230px;
	margin: 0 0 1.5em 0;
}

#primary-content ul.leistungen li{
	margin: 0 0 .5em .5em;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
}


#primary-content #map {
	color: ;
	
}


/* Sekundäre Content-Spalte */
#secondary-content {
	float: left;
	display: inline;
	margin: 3em 0 20px 30px;
	width: 215px;
}

/* Fußbereich mit grauem Abschlussbalken */
#footer {
	background: #ddd;
	clear: both;
	height: 2em;
	text-align: right;
	margin: 0 0 2px 0;
}

#footer p {
	padding: 5px 15px 0 0;
	font-size: 90%;
}

#footer a {
	color: #000;
	text-decoration: none;

}

#footer a:hover {
	text-decoration: underline;
}



/* Seite Referenzen */
.screens {
	float: left;
	width: 210px;
}

.screens img {
	padding: 5px;
	border: 1px solid #d6d6d6;
}

.floatleft {
	float: left;
}