/* 
----------------------
Farbdefinitionen
----------------------
Hintergrund body: #CCCCCC

Hintergrund Haupt-Menü Kopfbereich (dunkles Grau):    #898989 
Text Haup-Menü (helles Grau):       #DDDDDD
Text MousOver Haupt-Menü (Blau):      #81B4DB 

Hintergrund Inhaltsbereich (helles Grau):  #FAFAFA
Copy (Haupttext): #999999

Navi Breadcrump: #666666
Navi Overview
Navi Links Contnet:  #FF5500;

Text Headline (h1, h2): #99C2E1
Text Headline hover: #7DB2DB

 */
 
 * .debug {
 	background-color: fuchsia !important;
 }
 
 
 /* Grundvorgaben */

 * { 
 	margin:0; 
	padding: 0; 
} 

option {
	padding-left: 0.4em
}

body {
	background-color: #CCCCCC; 
	background-image:url(../images/bgBody.gif);
	background-position:top left;
	background-repeat:repeat-y; 
}
 
em{
font-weight:bold;
font-size:0.9em;
} 
 
textarea {
	font-family:Georgia, "Times New Roman", Times, serif; 
	padding:2px;
	font-size:0.9em;
}
 

 
 
 
/*  Hauptcontainer  */ 
/*  Seitencontainer um Elemente darin absolut positionieren zu können*/
#page {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: auto;
	background-color: #ffffff;
	background-image: url(../images/bg_1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#menue {
	position: absolute;
	left: 150px;
	top: 0px;
	width: 750px;
	background-color: #898989; /* #808080 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	color:  #DDDDDD;
	z-index: 1;
}

#menue,
#menue .mainlevel{
	height: 9.6em;
}

#logocontainer {
	position:absolute;
	left:0;
	top:0;
	width: 50em;
	min-width:825px;
	max-width:1000px;
	z-index: 2;
}


#logo {
	position: absolute;
	height: 150px;
	width: 150px;
	right: 0px;
	top: 0px;
}

#breadcrump,
#breadcrumpmeta {
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
   	margin-top:50px;
	padding-bottom:45px;
}


#breadcrump{
	margin-left:150px;
	float:left;
	margin-right:206px; 
}


/* Tags formatieren */
img {
	border: 0px;
}

table.layout {
	border: 0px;
}

#breadcrump li,
#breadcrumpmeta li{
	display:inline;
}

#breadcrump a:link,
#breadcrump a:visited,
#breadcrumpmeta a:link,
#breadcrumpmeta a:visited{
	color: #666666;
	text-decoration:none;
}

#breadcrump a:hover,
#breadcrump a:active,
#breadcrumpmeta a:hover,
#breadcrumpmeta a:active
{
	text-decoration:underline;
}

#breadcrump a.active,
#breadcrumpmeta a.active{
	text-decoration:none;
}


/* Styles für Hauptmenü */

#menue a{
	color:#DDDDDD;
	text-decoration:none;
}

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

#menue a:hover,
#menue a:active,
#menue .mainlevel li a.active,
#menue .sublevel1  li a.active {
	color: #81B4DB;
}


#menue .mainlevel{
	border-right: 1px solid #DDDDDD;
	width: 13.45em;
}

#menue ul {
	list-style:none;
}

#menue ul li {
	padding-bottom:0.25em;
}

#menue .mainlevel ul {
	margin-left: 20px;
}

#menue .sublevel1 ul {
	padding-top: 1.4em;
	margin-left: 18px;
}


#content {
	margin-top:350px;
	margin-left:225px;
	width: 600px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #999999;
	text-align:left;
	font-size: 0.8em;
	line-height:1.5em;
	vertical-align:top;
}

#content ul{
	list-style-type:square;
	margin-left:16px;
	margin-bottom:0.9em;
}

#content li{
	margin-bottom: 0.5em;
}



#content h1 {
	/* font-size: 1.65em; */
	font-size: 21px;
	color:  #99C2E1; /* heller   alt: #81B4DB  heller: #91BDDF  aktuell: #99C2E1*/  
	font-family:  Arial, sans-serif;
	margin-bottom: 0em;
	margin-top: 0em;
	font-weight:normal;
	/*letter-spacing:0.05em;*/
	line-height:1.3em;
}

#content h1 a:link,
#content h1 a:visited{	
	color:#99C2E1;
	text-decoration:none;
}

#content h1 a:hover,
#content h1 a:active{
	color:#7DB2DB; /* #b1d0e7; #7DB2DB; */
}



#content .main{
	background-color: #FAFAFA;
	padding:5px 28px 5px 28px;
	width: 394px;
	vertical-align:top;
}

#content #breadcrump ul a.active {
	background-color:fuchsia;
	text-decoration:underline;
	
}

#content .margin{
	/* background-image: url(../images/bgShadow.gif); 
	background-position: left;
	background-repeat:repeat-y; */
	color: #81B4DB;
	font-style:italic;
	font-size: 0.9em;
	vertical-align:top;
	padding:0em 0px 20px 13px;
	border-left:1px solid #A7A7A7;
}

/* Gilt für die Abstände der Margins bei unterschiedlicher Headline-Zeile Anzahl */
#content .hl1line {
	padding-top:4.1em;
}

#content .hl2lines {
	padding-top:5.6em;
}
/* ende unterschiedlicher Headline-Zeile Anzahl */


#content th.margin {
	padding:0px 0px 0px 0px; /* mit png bla di bu di blub dudidei */
	
}

#content th.main {
	padding:24px 0px 20px 28px;
}

#content th.main h3{
	font-style:italic;
	font-size: 1em;
	margin-top: .2em;
}

#content tfoot .main {
	background-color: #FFFFFF;
	padding:0px;
	width: 450px;
	
}

#content tfoot .margin{
	background-image: none;
	padding:0px 0px 0px 0px;
	border:0px;
}


#content h2 {
	font-size: 1em;
	color:#99C2E1; /* color: #81B4DB; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.9em;
	margin-top:0.8em;
}

#content h2.zwischenhl {
	margin-top:2.8em;
}

#content p {
	margin-bottom:0.9em;
}

#content .last {
	margin-bottom:3em;
}

#content p.first {
	margin-top:3em;
}

#content p a:link,
#content p a:visited {
	color:#FF5500;
	text-decoration:none;
}

#content p a:hover,
#content p a:active {
	color: #FF5500;
	text-decoration:underline;
	
}

#content .margin .nav a:link,
#content .margin .nav a:visited {
	background:url(../images/iconDownload.gif) left 0px no-repeat; 
	padding:1px 4px 0px 20px; 
	color: #FF5500;
	text-decoration:none;
	display:block;
	line-height:1.1em;
}

#content .margin .nav a:hover,
#content .margin .nav a:active {
	text-decoration:underline;
}

#content .margin .nav .notice{
	padding-left:20px;
	font-size:0.9em;
}





/* **************** */
/* Übersichtsseiten */
/* **************** */


#content.overview {
	margin-left:225px;
	line-height:1.3em;	
}

.unternehmen #content.overview tbody .content {
	height:256px;
	padding-right:5px;
	width: 135px;
}

.leistungen #content.overview tbody .content {
	height:210px;
}


#content.overview h1 {
	/* font-size: 1.65em; */
	font-size: 19px;
	/* color:  #99C2E1;  heller   alt: #81B4DB  heller: #91BDDF  aktuell: #99C2E1 
	font-family:  Arial, sans-serif;
	margin-bottom: 0em;
	margin-top: 0em;
	font-weight:normal;  */ 
	line-height:1.2em;
}

#content.overview .main{
	padding:5px 12px 5px 8px;
	width: 128px;
    vertical-align:top;
}

#content.overview th.main {
	padding:15px 0px 10px 7px;
	vertical-align:top;
}


#content.overview tfoot .main {
	padding:0px;
	width: 148px;
}


#content.overview .margin{
	padding:0px;
}


#content.overview .nav {
	padding-top:20px;
}

#content.overview p {
	margin-bottom:0.8em;
}

#content.overview .nav a:link,
#content.overview .nav a:visited {
	background:url(../images/navPfeil.gif) left 3px no-repeat; 
	padding:0px 4px 4px 20px; 
	color: #FF5500;
	text-decoration:none;
	display:block;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

#content.overview .nav a:hover,
#content.overview .nav a:active {
	text-decoration:underline;
}


#content.overview p a:link,
#content.overview p a:visited {
	color: #999999;
}

#content.overview p a:hover,
#content.overview p a:active {
	color: #FF5500;
	
}

/* *********************************** */
/* Formatierungen für die Index-Seite */
/* *********************************** */


.index #content {
	margin-left: 150px;
	width: 677px;
}

.index #content.overview  .navleft a:link{
margin-top:0px;

}

.index #content.overview .left{
	padding:5px 12px 5px 14px;
	width: 272px;
}

.index #content.overview .right{
	padding:5px 12px 5px 14px;
	width: 349px;
}


.index #content.overview th.left {
	padding:11px 0px 0px 13px;
	vertical-align:top;
}

.index #content.overview th.right {
	padding:11px 0px 0px 13px;
	vertical-align:top;
}

.index #content .nav {
	padding-left:12px;
}


.index #content.overview tfoot .main {
padding:0px;
}

.index #content.overview tfoot .right {
	width: 375px;
}

.index #content.overview tfoot .right {
	width: 298px;
}

.index #content h2 {
font-size:11px;
margin-top:2px;
margin-bottom:10px;
font-weight:normal;
}

.index #content .nav a:link,
.index #content .nav a:visited{
	background:url(../images/navPfeil.gif) left 2px no-repeat; 
	margin-top:9px;
	margin-bottom:5px;
}



.index #content.overview td.right p{
	margin-bottom:12px;
}

/* Weiterer Abstand der Breadcrump-Navigation von den Boxen */
.index #breadcrump,
.index #breadcrumpmeta{
 	margin-top:50px;
	
} 

.index #content.overview td.seperator{
    padding:0px 0px 0px 0px;
	border:0px;
	height:1px;
	background-image:none;
}


/* Logo fixieren, wenn keine Untermenüs ?? */
/* .index #logocontainer {
	width: 825px;
	max-width: 825px;
	min-width: 825px;
} */


/* ******************************** */
/* kontakt Seite mit Formular       */
/* ******************************** */

.kontakt #content th.main h1 {
	float:left;

}
.kontakt #content th.main p {
	text-align:right;
	line-height:20px;
	padding-top:6px; 
	padding-right:75px;
	font-weight:normal;

}

.kontakt #content input.textbox {
	width:225px;
	padding-top:2px;
	padding-bottom:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
}

.kontakt #content main {
	padding-right:0px;
}

.kontakt #content .margin {
	font-style:normal;
	padding-top:37px;
}

.kontakt #content tfoot .margin {
  padding:0px 0px 0px 0px;
}

.kontakt #content .margin h2 {
	margin-top:0px;
	padding-top:0px;
	font-weight:normal;
	font-size:1.4em;
	margin-bottom:17px;
}

.kontakt #content .margin p{
	color:#999999; 
}

.kontakt #content .margin .nav{
	margin-top:30px;
}

.kontakt #content form .main{
	padding:0px;
}

.kontakt #content form table{
	margin:0px;
	padding:0px;
	width: 347px;
}


.kontakt form .checkbox{
 	margin:3px;
}

.kontakt form .submit {
	width:150px;
	margin-top:18px;
}

.kontakt label {
	vertical-align: bottom;
	border-width:0;
}


.kontakt .error {
margin:0;
padding:0;
color:#FF5500;
border:1px dotted #FF5500;
width:345px;
vertical-align:top;
background:url(../images/icon_alert.gif) 8px 8px no-repeat; 
font-family:Arial, Helvetica, sans-serif;
}

.kontakt .error p{
padding: 4px 8px 4px 33px;
}

.kontakt td.withErrorIcon img{
   margin-right:3px;
   vertical-align:top;
}

.kontakt td.errorIconCheckbox img{
  margin-top:4px;
}

.kontakt #content .error a:visited {
   font-weight:normal;
   color:#FF5500;
   text-decoration:none;
}

.kontakt #content .error a:link {
   color:#FF5500;
   font-weight:bold;
}

.kontakt #content .error a:hover {
   text-decoration:underline;
}


/* ******************************** */
/* Link Seite                       */
/* ******************************** */

.links #content .main p a:link,
.links #content .main p a:visited {
	padding-top:4px;
   	font-family:Arial, Helvetica, sans-serif;
}


/* ******************************** */
/* Partner Seite                    */
/* ******************************** */

.partner #content p.titles {
	font-weight: bold;
	font-size:0.9em;
}

/* ******************************** */
/* Mitarbeiter Seite                */
/* ******************************** */


.mitarbeiter #content .main table{
	margin-bottom:0.7em;
}

.mitarbeiter #content .main td{
	vertical-align:top;
}

.mitarbeiter #content .main td img {
	margin-top:0.5em;
}

.mitarbeiter #content .main  td p {
	margin-top:0px;
	padding-top:0px;
	margin-left:14px;
	line-height:1.7em;
}

.mitarbeiter #content .last{
	margin-bottom:3em;
}





/* ******************************** */
/* Partner Seite                */
/* ******************************** */



.partner #content .main table{
	margin-bottom:0.7em;
	width:394px;
		
}

.partner #content .main td{
	vertical-align:top;
}

.partner #content .main td img {
	margin-top:0.4em;
}

.partner #content .main  td p {
	margin-top:0px;
	padding-top:0px;
	margin-left:14px;
	width: 230px;

}

.partner #content .last{
	margin-bottom:3em;
}




/* ******************************** */
/* Hintergrundbilder für den Header */
/* ******************************** */



.index  #page{
	background-image: url(../images/bg_7.jpg);
}
.kontakt #page {
	background-image: url(../images/bg_10.jpg);
}
.unternehmen #page {
	background-image: url(../images/bg_5.jpg);
}
.links #page {
	background-image: url(../images/bg_3.jpg);
}
.leistungen #page {
	background-image: url(../images/bg_1.jpg);
}
.rechtliches #page {
	background-image: url(../images/bg_11.jpg);
}
.impressum #page {
	background-image: url(../images/bg_11.jpg);
}





@media print {
	#page {
		position:relative;
		overflow:visible;
	}

	#content {
		overflow:visible;
		margin-top:120px;
	}
	
	 #content tfoot .main {
	 	visibility:hidden;
	 }

     #breadcrump,
	 #breadcrumpmeta {
		 visibility:hidden;
	 }

	 
	 #content.overview{
	 	margin-top:150px;
	 }
	 

    #menue a:hover,
    #menue a:active,
    #menue .mainlevel li a.active,
    #menue .sublevel1  li a.active {
    		text-decoration:underline;
    }
	
	 
}