/* BODY
-------------------------------------------------------------------- */
body {
	background-color: #325BAD;
	font-size: 12px;
	font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	color: #19408D;  
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
	text-align: center;
	BACKGROUND-IMAGE: url(images/bg.jpg);
	BACKGROUND-REPEAT: repeat;
	BACKGROUND-ATTACHMENT: fixed;
}

/* CONTAINER - bildet den Rahmen
-------------------------------------------------------------------- */
#container {
	width: 680px;
	background-color: #ffffff;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto; 
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/* HEADER
-------------------------------------------------------------------- */
#header {
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 10px;
}

/* HAUPTNAVI - falls vorhanden
-------------------------------------------------------------------- */
#topnavi {
	background-color: #384F4F;
	margin: 0px;
	padding: 2px 0px 2px 35px;
}
#topnavi a { 
	color: #dde7e9;
	text-decoration: none; 
	font-weight:bold;
	margin: 0px;
	padding: 2px 15px;
}
#topnavi a:visited {color:#dde7e9;}
#topnavi a:hover {color: #5F9EA0;}
#mainnavi a:active { color:#dde7e9;}

#container  #topnavi a.selected {
background-color: #ffffff;
color: #5F9EA0;
}

/* INHALT
	Container zum Zusammenfassen von Textinhalt & rechter Spalte
	beschreibt gleichzeitig die Hintergrundfarbe	der rechten Spalte
-------------------------------------------------------------------- */
#inhalt {
	width: 680px;
	padding: 0px;
	margin: 0px;
	background-color: #DBE7FF; /* 96B1E5 */
	BACKGROUND-IMAGE: url(images/bg-inhalt.gif);
	BACKGROUND-REPEAT: repeat-y;
}

/* CONTENT
-------------------------------------------------------------------- */
#content {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	width: 460px;
}
* html #content {  /* nur fuer Internet Explorer */
	width: 457px;
  	w\idth:457px;    /* Version 6 */
}

#content h1{
	background-color: #B61A28;
	padding: 5px 10px;
	margin: 0px;
	color: #ffffff;
	font-size: 14px;
	border: 0;
}

/* SEITENINHALT
-------------------------------------------------------------------- */
#seite {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}

/* RECHTE SPALTE
-------------------------------------------------------------------- */
#right {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #DBE7FF;  /* */
}
#right p {
   margin-bottom: 0px;
}
#right ul{
	list-style: none;
	margin: 0px;
	padding: 5px;
}
#right li {
	padding: 0px; 
	margin: 0px;
}
#right li a {
	color: #19408D; 
	font-size: 11px;
	display:block;
   padding: 2px 15px 2px 5px;
   text-decoration: none;
   margin: 0px;
	border: 0px;
	border-bottom: 1px dotted #C7D7F7;
}
#right li a:hover {
   text-decoration: none;
	background-color: #C7D7F7;
}

/* FOOTER
-------------------------------------------------------------------- */
#footer {
	clear: both;
	padding: 3px 10px;
	color: #FFFFFF;
	margin: 0px;
	background-color: #325BAD;
	border-top: 4px solid #DBE7FF;
   COLOR: #19408D;	
   FONT-SIZE: 10px;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
}
#footer a {color: #FFFFFF;}
* html #footer {  /* nur fuer Internet Explorer */
	width: 680px;
  	w\idth:680px;    /* Version 6 */
}

/* FORMULAR ELEMENTE
-------------------------------------------------------------------- */
RADIO{
	COLOR: #19408D;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;;
   FONT-SIZE: 9pt;
}
INPUT{
	background-image: url(images/innershadow.gif);
	border-color:#96B1E5;
	border-width: 1px;
	background-color:#ffffff;
	border-style:solid;
   COLOR: #19408D;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;;
   FONT-SIZE: 9pt;
}
INPUT.button{
	border: 1px solid #B61A28;
	width: 250px;
	background: #B61A28;
   COLOR: #FFFFFF;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;;
   FONT-SIZE: 9pt;
}
SELECT{
	border-color:#96B1E5;
	border-width: 1px;
	background-color:#ffffff;
	border-style:solid;
   COLOR: #19408D;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;;
   FONT-SIZE: 9pt;
}
textarea{
	border-color:#96B1E5;
	border-width: 1px;
	background-color:#ffffff;
	border-style:solid;
   COLOR: #19408D;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;;
   FONT-SIZE: 9pt;
	background-image: url(images/innershadow.gif);
}

/* FORMATIERUNGEN ALLGEMEIN
-------------------------------------------------------------------- */
li{
   FONT-SIZE: 9pt;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
	color: #19408D
}
P{
   FONT-SIZE: 9pt;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
	color: #19408D
}
P.klein{
   FONT-SIZE: 8pt;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
	color: #19408D
}
P.gross{
   FONT-WEIGHT: bold;
   FONT-SIZE: 11pt;
   COLOR: #B51928;
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
}
A{
   COLOR: #B51928;	
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
	text-decoration: none
}
A:hover{
   COLOR: #19408D;	
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
	text-decoration: none;
}
A.ref{
	 height: 15px;
	 border: 1px solid #A8C5FF;
	 background-color: #DBE7FF;
	 COLOR: #B51928;
	 text-decoration: none;
	 display: inline;
	 padding: 0px 7px 0px 7px;
	 margin-right: 1px;
}
A.ref:hover{
	 background-color: #A8C5FF;
}
A.ref:visited{
	 background-color: #CADCFF;
}
h1{
	font-size: 14px;
	color: #B61A28; 
	margin : 5 0 5 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B61A28;
}
h2{
	font-size: 13px;
	color: #B61A28; 
	margin : 5 0 5 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B61A28;
}
h3{
   font-size: 16px;
	color: #B61A28; 
	margin : 5 0 5 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B61A28;
}
h4{
   font-size: 14px;
	color: #234486; 
	margin : 5 0 5 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8C5FF
}
#right h3.navi {
	font-size: 14px;
	color: #ffffff; 
	margin: 0px;
	padding: 5px 10px;
	border: 0;
	background-color: #19408D;
}

/* TABELLEN
-------------------------------------------------------------------- */
TABLE{
   FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica;
}
TABLE.hell{
   Background: #E7EDF9;	
}
TABLE.mittel{
   Background: #96B1E5;	
}
TR.mittel{
   Background: #96B1E5;	
}
TR.hell{
   Background: #E7EDF9;	
}
TH{
   FONT-SIZE: 11pt;
   COLOR: #B51928;
}
TD{
   FONT-SIZE: 9pt;
	color: #19408D;
}
TD.trenner_vertikal{
   Background: #ffffff;	
	background-image: url(images/trenner_vertikal.gif);
}

/* PROJEKT
-------------------------------------------------------------------- */
#projekt {
	border: 1px solid #A8C5FF;
	background-color: #DBE7FF;
	padding: 10px;
}
#projekt img {
	float: right;
}
#projekt h2 {
   font-size: 12px;
	color: #B51928; 
	margin : 0 0 5 0px;
	padding: 0 0 0 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8C5FF;
	background: 0;
}

/* REFERENZEN
-------------------------------------------------------------------- */
.referenz {
	padding: 0px;
	margin-bottom: 10px;
	height: 110px;
	border-bottom: 1px dotted #A8C5FF;
}
.referenz img {
	margin-right: 5px;
}

/* KONTAKT
-------------------------------------------------------------------- */
div.kontaktbox span.left {
	float: left;
	width: 120px;
	display: block;
	background-image: url(images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	padding-left: 15px
}
div.kontaktbox span.right {
	display: block;
}
div.formular span.left {
	float: left;
	width: 120px;
	display: block;
	margin-bottom: 3px;
}
div.formular span.right {
	display: block;
	margin-bottom: 3px;
}
form {
	padding: 5px;
}

/* SEITE HOME
-------------------------------------------------------------------- */
div.leistung {
}
* html div.leistung {  /* nur fuer Internet Explorer */
	height: 1em;
}

div.leistung span.left {
	float: left;
	width: 200px;
	padding: 5px;
	display: block;
}
div.leistung span.right {
	float: right;
	width: 200px;
	padding: 5px;
	display: block;
}
div.leistung span.left:hover {
	background-image: url(images/bg-leistung.gif); 
	background-repeat: repeat; 
}
div.leistung span.right:hover {
	background-image: url(images/bg-leistung.gif); 
	background-repeat: repeat; 
}
div.leistung span.left p{
	margin-top: 5px;	
}
div.leistung span.right p{
	margin-top: 5px;	
}

/* SITEMAP
-------------------------------------------------------------------- */
ul.sitemap {
	list-style: none;
	margin: 0px;
	padding: 5px;
}