@charset "UTF-8";

body
{	font-family: Arial; font-size: 12px; line-height: 1.7em; letter-spacing: 0.04em; color: #333333; margin: 0; background-image:url(../images/bg_korn.png);}


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

h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
h4 {color:#ff6600; font-size:17px; margin-top:20px; margin-bottom:10px;}
h5 {font-size:14px; font-weight:bold; padding:8px; background-color: #ff6600; color:#FFFFFF;}
.hlblock {font-size:14px; font-weight:bold; padding:5px; background-color: #666666; color:#FFFFFF; margin-left:0px;}



/*headerbereich*/


#komheader {height:116px; width:100%;}
#header {text-transform:uppercase; background-color:#CC6600; height:116px; width:930px; position:absolute; left:50%; margin-left:-467px;}

/*Dreierverteilung Kopf, Menu, Content*/
#headcontent {height:250px; width:894; padding: 0px 8px 0px 8px;}
#menu2 {height:10px; width:930; padding-left:30px; padding-right:30px; margin-top:8px;}
#maincontent {height:auto; width:930; padding:18px; margin-top:8px;}


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


/*THEMA*/
.lds_thema {width:500px; height:auto; padding:10px;  border:#e1e0df solid 4px;}
.lds_thumb {width:auto; height:auto; padding:3px;  border:#e1e0df solid 4px;}


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




/*SUCHEN*/

.search { float:left; width:210px; height:116px; background-image:url(../images/buttons/suchen.png);}
#suchbereich {margin-top:88px; margin-left:40px; height:16px; width:134px; float:left;}
.suchfeld {height:14px; border:#ffffff 1px solid; font-family: Arial; font-size: 11px; color:#666666;}
#go {margin-top:88px; margin-left:4px; height:18px; width:18px; float:left}


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



/*Fußbereich*/
#copyright {height:125px; width:100%; background-color:#FFFFFF; text-align:center;}
#komfooter {background-image:url(../images/bgfooter.png); height:380px; width:100%;}
.footertext {font-weight:normal; color:#333; font-size:10px;}
.footer { height:380px; width:910px; margin-bottom:0px; position:absolute; left:50%; margin-left:-455px;}


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


/*Container*/
.csscontainer #container {margin: 0 auto; text-align: left;} 

/*GesamtRahmen und -größe*/
.csscontainer #gesamt  {width:930px; margin:0px auto; text-align:left; height:auto; background-image:url(../images/whitebg.png); background-repeat:no-repeat;}
 
.csscontainer #startgesamt  {width:930px; margin:0px auto; text-align:left; height:auto; background-image:url(../images/startwhitebg.png); background-repeat:no-repeat;}
 
.content { text-align:right;}
 
 
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

/*Drei Spalten für den CONTENT BEREICH*/
#left { width:276px; margin-top:0px; margin-left:12px; float:left; padding:15px 0px 15px 15px; background-color:#f2f1ee;} 
#mid {width:508px; float:right; padding:20px; margin-right:14px; margin-top:0px; border:#f2f1ee solid 4px;}
#right {text-align:left; width:180px; margin-top:0px; margin-left:8px; float:right; padding:0px;}
#searcharea{width:680px; padding:40px; margin-top:0px; margin-left:60px;}

#startoben {width:760px; padding:10px 20px 100px 40px; height:230px;}
#startunten {width:820px; padding:20px 10px 100px 40px; height:auto;}



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


/*Allgemein*/
.cgrey {width:500px; background-color:#f6f6f6; border: 1px solid #ccc; padding:20px;}
.cgeneral{color:#FF6600; font-size:17px; font-weight:bold; margin-bottom:20px; line-height:50px; text-transform:uppercase; text-align:justify;} 
.themenhl {font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; color:#333333; font-size:1.2em; line-height:20px; text-transform:uppercase;}
.textorange {font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; color:#FF6600; font-size:12px; line-height:20px;}

.textorange2 {font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; color:#999999; font-size:1.2em; line-height:16px;}
.textosmall {font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; color:#333333; font-size:12px; line-height:20px; }
.textred {font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; color:#CC0000000; font-size:12px; line-height:20px; }

.big{color:#666666; font-size:19px; font-weight:bold; line-height:25px;} 

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



/*Adresse*/

.adress {height:120px; width:800px; text-align:left; line-height:16px; padding:80px 20px 20px 20px;} /*padding: top right bottom left */
.adleft {height:120px; width:240px; padding:2px; text-align:left; line-height:16px; float:left;}
.admid {height:120px; width:240px;  padding:2px; text-align:left; line-height:16px; float:left;}
.adright {height:120px; width:240px; padding:2px; text-align:left; line-height:16px; float:left;}



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

/*Hier ist nur der SHOP eingebunden*/


.workhead{padding:0px; width:250px; height:auto; border:5px solid #ffffff;}
.workcontent{width:250px; height:270px; background-color:#f2f1ee; border-left:5px solid #ffffff; border-right:5px solid #ffffff; border-bottom:5px solid #ffffff;}

.shophead{padding:0px; width:250px; height:auto; border:5px solid #ffffff;}

.shopcontent{padding:10px; width:230px; height:114px; background-color:#f2f1ee; border-left:5px solid #ffffff; border-right:5px solid #ffffff; border-bottom:5px solid #ffffff;}



/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
      
       
.headlinemain {font-size: 14px; font-weight:bold; color:#666666; text-decoration:none; text-transform:uppercase;}
.headlineunder{font-size: 13px; font-weight:bold; color:#999999; text-decoration:none; line-height:2.1em; margin-top:10px;}

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


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




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


/*Aufzählungsliste*/
.infolist li {list-style: none; background: url(../images/orangearrow.gif) 0 50% no-repeat; margin-left:-20px; 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;
    }
	


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

  

td.listhead {padding:0px; border-bottom:5px solid #ffffff; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
td.leistung {padding:3px;  font-weight:bold; color:#333333; text-transform:uppercase; font-size:10px;}
.reihe {padding:4px 3px 4px 15px; border-bottom:1px dotted #CCCCCC;}
.reihe2 {padding:4px 3px 4px 15px;}
.kopf {padding:0px; width:250px; height:28px; font-family: Arial, Trebuchet MS, sans-serif; font-weight:normal; font-size: 10px; text-align:left; border:5px solid #ffffff;}  
  
tbody tr.liste:hover {
  background-color:#EAEAEA;
  border: 1px solid #000000;
  color: #FFFFFF;
  }
tbody tr.liste:hover th,
tbody tr.odd:hover th {  
  color: #000000;}
  
td, th {}
  
/*Links in den Tag Clouds*/
a.tc:link, a.tc:visited, a.tc:active, a.tc:hover {font-weight:normal; color:#666666; text-decoration:none;}
a.tc:active, a.tc:hover {color:#333333;}

/*Linksfooter*/
a.lf:link, a.lf:visited {font-weight:normal; color:#FF6600; text-decoration:none; text-transform:uppercase;}
a.lf:active, a.lf:hover {color:#000000; text-decoration:underline; text-transform:uppercase;}



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

.bgblau{background-color:#D9DFFF;}

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


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

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


.adressform {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
	}


/**********************************************************************************************************************************/
/*Portfolio Tabellen*/

.bigtabpf {background-color:#f2f1ee; padding:5px; width:432px;}
.tabpf {background-color:#f2f1ee; padding:5px; width:432px;}

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

.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:4px solid #ccc;}
a.piclink:link {border:4px solid #ccc;}
a.piclink:visited {border:4px solid #ccc;}
a.piclink:active, a.piclink:hover {border:4px solid #333333;}

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

a.piclink80 {display:block; border:4px solid #cccccc; height:80px; width:80px;}
a.piclink80:link {border:4px solid #cccccc; height:80px; width:80px;}
a.piclink80:visited {border:4px solid #cccccc; height:80px; width:80px;}
a.piclink80:active, a.piclink80:hover {border:4px solid #333333; height:80px; width:80px;}


a.piclink100 {display:block; border:1px solid #cccccc; height:100px; width:158px;}
a.piclink100:link {border:1px solid #cccccc; height:100px; width:158px;}
a.piclink100:visited {border:1px solid #cccccc; height:100px; width:158px;}
a.piclink100:active, a.piclink100:hover {border:1px solid #333333; height:100px; width:158px;}


a.piclink120 {display:block; border:4px solid #cccccc; height:140px; width:220px;}
a.piclink120:link {border:4px solid #cccccc; height:140px; width:220px;}
a.piclink120:visited {border:4px solid #cccccc; height:140px; width:220px;}
a.piclink120:active, a.piclink120:hover {border:4px solid #333333; height:100px; width:220px;}


/***********LINK GREEN***/


a.textgreen {font-family: Arial, Trebuchet MS, sans-serif;  font-size: 11px; font-weight:normal; color:#006600;}
a.textgreen:link {font-family: Arial, Trebuchet MS, sans-serif; font-size: 11px; font-weight:normal; color:#006600;}
a.textgreen:visited {font-family: Arial, Trebuchet MS, sans-serif; font-size: 11px; font-weight:normal; color:#006600;}
a.textgreen:active, a.textgreen:hover {font-family: Arial, Trebuchet MS, sans-serif; font-size: 11px; font-weight:normal; color:#006600;}



/***********HOMELINK***/

#homelink {
	position:absolute;
	width:210px;
	height:48px;
	top:5px;
	right:0px;
}