@charset "UTF-8";

body
{font-family:Arial; font-size: 12px; line-height:1.9em; margin: 0; text-align: center; margin-top: 15px; color:#000;}




/**********************************************************************************************************************************/

/*Die jeweiligen Überschriften*/

h1 {font-family:Arial; font-size:1.2em; font-weight:bold;}


/**********************************************************************************************************************************/

.csscontainer #container { 
      /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */ 	
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		background-image:url(../images/contentbg.png);
    } 

/*GesamtRahmen und -größe*/
.csscontainer #gesamt  {width:799px; margin:0px auto; text-align:left; height:auto;}


/**********************************************************************************************************************************/

/*headerbereich*/
#komheader {background-image:url(../images/header_bg.png); height:226px; width:100%;}
#header {
	text-transform:uppercase;
	height:226px;
	width:799px;
	position:absolute;
	left:50%;
	margin-left:-400px;/*HÄLFTE von der Breite, dieses divs*/
}

/**********************************************************************************************************************************/

.blackpicframe {border:4px solid #000000; }

/*Fußbereich*/
#komfooter { height:97px; width:100%;}
.footertext {font-weight:normal; color:#333; font-size:10px;}
.footer {
	height:87px;
	width:799px;
	margin:0px;
	position:absolute;
	left:50%;
	margin-left:-400px;	
}
	

/**********************************************************************************************************************************/

h2 {font-size:16px; color:#c00;}
h3 {font-size:14px; color:#c00;}


/**********************************************************************************************************************************/

/*Allgemeine Links im Content-Bereich*/
a:link, a:visited, a:active, a:hover {font-weight:normal; color:#c00; text-decoration:none;}
a:active, a:hover {color:#000;}

/**********************************************************************************************************************************/

/*Links Oben in der HL*/
a.menuhl:link, a.menuhl:visited, a.menuhl:active, a.menuhl:hover {font-weight:normal; color:#fff; text-decoration:none;}
a.menuhl:active, a.menuhl:hover {color:#fff; text-decoration:underline;}

/**********************************************************************************************************************************/

/*oberes Menü*/

.mentop { font-family:Arial; font-weight:bold;  font-size: 11px; padding-top:10px; padding-left:14px; 
text-transform:uppercase; background-image:url(../images/menubg.png); height:22px; width:786px; text-align:left; /*letter-spacing:0.08em; *//*border-bottom:solid #ccc 1px;*/}
	
.mtline {border-bottom:solid #eaeaea 1px;}



/*Menü auf der linken Seite*/
a.menu {display:block; padding:2px; border-top:1px solid #b7c700;   
color:#000; text-decoration:none; text-indent:17px; width:240px;}
a.menu:link, a.menu:visited {display:block; color:#000; text-decoration:none; width:240px;}
a.menu:active, a.menu:hover {display:block; color:#fff;  text-decoration:none; width:240px;}

a.menuactive {display:block; padding:2px; border-top:1px solid #b7c700; color:#c00; text-decoration:none; text-indent:17px; width:240px;}				
a.menuactive:link, a.menuactive:visited {display:block; color:#fff; background-color:#c00; text-decoration:none; width:240px;  }
a.menuactive:active, a.menuactive:hover {display:block; color:#fff; background-color:#d16161; text-decoration:none; width:240px;  }

/*UNTERMenü auf der linken Seite*/
a.umenu {display:block; padding:2px; border-top:1px solid #b7c700;  color:#000; 
text-decoration:none; text-indent:32px; width:240px; background-color:#abb903;}
a.umenu:link, a.umenu:visited { display:block; color:#000; width:240px; text-decoration:none; background-color:#abb903;}
a.umenu:active, a.umenu:hover { display:block; color:#fff; width:240px; background-color:#abb903;}

a.umenuactive {display:block; padding:2px; border-top:1px solid #b7c700; color:#c00;  text-decoration:none; text-indent:32px; width:240px; background-color:#abb903;}
a.umenuactive:link, a.umenuactive:visited {  display:block; color:#c00;  text-decoration:none;width:240px; background-color:#abb903;}
a.umenuactive:active, a.umenuactive:hover {  display:block; color:#000; text-decoration:none; width:240px; background-color:#abb903;}

a.lastmenu {display:block; padding:2px; border-top:1px solid #b7c700; border-bottom:1px solid #b7c700;   
color:#000; text-decoration:none; text-indent:17px; width:240px;}
a.lastmenu:link, a.lastmenu:visited {display:block; color:#000; text-decoration:none; width:240px;}
a.lastmenu:active, a.lastmenu:hover {display:block; color:#fff; text-decoration:none; width:240px;}

a.lastmenuactive {display:block; padding:2px; border-top:1px solid #b7c700; color:#c00; border-bottom:1px solid #b7c700; text-decoration:none; text-indent:17px; width:240px;}				
a.lastmenuactive:link, a.lastmenuactive:visited {display:block; background-color:#c00; color:#000; text-decoration:none; width:240px;}
a.lastmenuactive:active, a.lastmenuactive:hover {display:block; color:#fff; background-color:#c00;  text-decoration:none; width:240px;}



/***********TRENNER       *********************************************************************************************************/

.trenner {background-image:url(../images/trenner.gif); height:8px; width:799px;}

/**********************************************************************************************************************************/

#thenumber {display:block; font-family:Arial; font-size: 11px; font-weight:bold; color:#fff;
background-color:#000; padding-top:0px; padding-right:20px; width:200px; height:30px; float:left;}

#theheadline {display:block; font-family:Arial; font-size: 11px; font-weight:bold; color:#fff;
background-color:#000; padding-top:4px; padding-right:10px; text-transform:uppercase; width:400px; height:26px; float:right; text-align:right;}

#thetheme {display:block; background-color:#000000; padding-top:0px; padding-right:20px; text-transform:uppercase; height:30px; width:789px;}

/**********************************************************************************************************************************/



/**********************************************************************************************************************************/

/*2 Spalten für den CONTENT BEREICH*/
.left {width:250px; float:left; padding:0px 0px 0px 0px;}
.right {text-align:left; width:500px; float:right; padding:12px 30px 20px 10px;} /*padding: top right bottom left */

/**********************************************************************************************************************************/

/*Hier ist nur das Menü eingebunden*/
.menuleft{}

/*Themen auf der rechten Seite unter dem Menü*/
.themenbild {padding:0px; height:261px;}

/*Themen auf der rechten Seite unter dem Menü*/
.themenlinks { font-family:Arial; font-weight:normal; color:#fff; font-size:12px;}
.imglinks { font-family:Arial; font-weight:normal; color:#000; font-size:12px; margin-left:8px; padding-left:1px;}

a.rlink:link, a.rlink:visited { color:#000; text-decoration:none; font-weight:bold;}
a.rlink:active, a.rlink:hover { color:#666666; text-decoration:none; font-weight:bold;}

/**********************************************************************************************************************************/


/*Adresse*/

.adress {height:50px; width:760px; padding:20px; text-align:right; line-height:16px;}


a.au:link, a.au:visited, a.au:active, a.au:hover {font-weight:normal; color:#333; font-size:10px; text-decoration:none;}
a.au:active, a.au:hover {color:#fff;}



.bgblau{background-color:#D9DFFF;}

/*Eingabe Felder*/
.imputfeld {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	height:17px;
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #666666;}
	
.imputfeldfocus {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	height:17px;
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #000;}	
	
.imputfeldblur {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	height:17px;
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #ec5f01;}	
	
	
.imputfeld2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #666666;}
	
.imputfeldfocus2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #000;}	
	
.imputfeldblur2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
	background-image:url(../images/textfeldbg.gif);
	background-repeat: repeat;
	border: 1px solid #ec5f01;}	
		


.imputfeld_text {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
	background-color: #E2E2E2;
	border: 1px solid #666666;}

.formbtn {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; color:#FFFFFF; text-transform:uppercase;
	background-color: #ec5f01;
	border: 1px solid #666666;}


/**********************************************************************************************************************************/
/*ContentFormatierungen*/


/*Allgemein*/
.cgrey {  width:500px; background-color:#f6f6f6; border: 1px solid #ccc; padding:20px;}
.cgeneral{ width:97%; padding:0px 0px 40px 0px;} /*padding: top right bottom left */

.csmall { width:290px; padding:0px 20px 0px 20px; float:right; }

.textorange {font-family:Arial; font-weight:normal; color:#ec5f01; font-size:1.2em; line-height:20px; text-transform:uppercase; }

.textosmall {font-family:Arial; font-weight:normal; color:#ec5f01; font-size:12px; line-height:20px; }

.textred {font-family:Arial; font-weight:normal; color:#CC0000; font-size:12px; line-height:20px; }



h4 {color:#ec5f01; font-size:17px; /*text-transform:uppercase;*/ margin-top:-3px;}
h5 {color:#ec5f01; font-size:17px; /*text-transform:uppercase;*/ margin-top:0px; margin-left:7px;}

/**********************************************************************************************************************************/

/*Auflistungs-Tabellen*/
table.leistungen {width:202px; height:28px; float:left; font-family:Arial; font-weight:normal; text-align:left; color:#420404;  border-bottom:1px solid #dd7110;}

td.listhead { background-image:url(../images/tabhead.gif);  padding:3px 3px 3px 15px;  border-bottom:1px solid #dd7110;}
td.listline {border-bottom:1px dotted #333333;}
td.listorange {background-color:#ffe5b2; padding:3px 3px 3px 15px; border-left:1px solid #dd7110; border-right:1px solid #dd7110;}
td.listrosa {background-color:#ffefe2; padding:3px 3px 3px 15px; border-left:1px solid #dd7110; border-right:1px solid #dd7110;}
tr.yellow {background-color:#F1FF13; color:#666666;}
tr.green {background-color:#cfde21; color:#000;}


/*Aufzählungsliste*/
.infolist li {list-style: none; background: url(../images/orangearrow.gif) 0 50% no-repeat; margin-left:-40px; text-indent: 23px; line-height:20px; }



    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	
	
	/**********************************************************************************************************************************/

/*oberes Menü*/


	

a.menright {display:block; padding:4px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; background-color:#e9e9e9; color:#000; text-decoration:none; text-indent:17px; height:16px;}
a.menright:link, a.menright:visited { display:block; padding:4px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; background-color:#e9e9e9; color:#000; text-decoration:none; text-indent:17px;  height:16px;}
a.menright:active, a.menright:hover {
	display:block;
	padding:4px;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	background-color:#c6c6c6;
	color:#000;
	text-decoration:none;
	text-indent:17px;
	height:16px;
}




/**********************************************************************************************************************************/

.pic {padding:0px 10px 5px 0px;} /*ABSTAND VON BILDERN, nur rechts und unten!*/
.picmore  {padding:0px 20px 5px 0px;} /*größerer ABSTAND von Bildern zum Text*/


/******FOTOLINKS zum Beispiel Newsletter bei Webdesign Referenzen*******************************************************************/

a.piclink {display:block; border:1px solid #e1e1e1;}
a.piclink:link {border:1px solid #e1e1e1;}
a.piclink:visited {border:1px solid #666666;}
a.piclink:active, a.piclink:hover {border:1px solid #ec5f01;}




/******Erste Seite, Text unter den Fotos*******************************************************************/

.mt{ font-family:Arial; font-weight:normal; color:#666666; font-size:11px; text-align:center;}