/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 10.03.2008 (Marcel Piller)
================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}


/* HTML-Tags */

body {
color: #000;
font-size: 12px;
background-image: none;
background-repeat: repeat-y;

}


img {
	border: 0px;
	float: left;
}
	
/*Titel*/
h1 {
	font-size: 14px;

	margin-bottom: 18px;
}

h2 {
	font-size: 14px;
		margin-bottom: 18px;
}
h3 {
	font-size: 14px;
}

.bauobjekte h3 {
margin-left: 135px;

}

.bauobjekte .news-list-morelink {
margin-left: 135px;
}


.news-single-item {
margin-top: 45px;

}

.subtitel {

} 

#head-yellow {
font-size: 53px;
font-weight: bold;
margin-left: 382px;
width: 400px;
padding-top: 71px;
line-height: 40px;

}


/*Generelle Links*/
a:link {text-decoration: underline;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; }
a:active {text-decoration: none;}

/*Formulare*/
legend {

}

fieldset {
	border: 1px solid #000; /*Farben anpassen*/
	display: block;
}

label {
	width: 80px; /*Breiten anpassen*/
	float: left;
}

input {
	border: 1px solid #000; /*Farben anpassen*/
}

textarea {
	border: 1px solid #000; /*Farben anpassen*/
}


/*Wrapper DIV*/
#wrapper {

	width: 980px; /*Breite Angeben*/
background-image: none; 
	background-repeat: no-repeat;
}
	
	
	
	

 #header { 
 
 width: 980px;
display: none;
 
 
  }
  #head-yellow span {  position: relative; top: 2px;}
  #subtitel { 
	padding-left: 138px;
	font-size: 32px;	
	font-weight: bold;
	color: #fff;

	
/*	background-image:url(fileadmin/bilder-design/streifen-gelb.gif); */

margin-top: -6px;
height: 35px;
	 }
	 
 #content { width: 980px;
 
/* background-image: url(fileadmin/bilder-design/bg-seite.gif);  */
 
   }
  #navigation { 
	
	width: 160px;
float: left;
	
	 }
	 
	 
   #navigation img { 
	 
	 	
	 
	  }
		
   #mainnav { margin-top: 90px; display: none; }
    #mainnav li {  }
     #mainnav li a {  }
   #address { margin-top: 8px;  font-size: 12px; margin-bottom: 40px; width: 150px; height: 120px; float: left; }
    #address br {  }
    #address a {  }
  #main-content { float: left; width: 820px;}
   #con-text-klein { float: left; width: 185px; padding-left: 15px;}
	     #con-text-klein p { margin-bottom: 15px; }
    #con-text-klein h2 { margin-top: 45px;  }
   #con-text-gross { float: left; width: 386px; margin-left: 21px; margin-right: 20px;}
    #con-text-gross h1 { margin-top: 45px;}
    #con-text-gross p { margin-bottom: 15px; }
   #rechtespalte { float: left; width: 193px; 
 /*	 background-image:url(fileadmin/bilder-design/bg-rechts-spalte.gif); */
	 background-repeat: repeat-y;
	  }
		

    #rechtespalte img { margin-top: -4px; }
		
		#rechtespalte div {
	margin-top: -5px;	
		}
		
			.bau #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-bau.jpg);
		
		}
		

			.zimmerei #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-zimmerei.jpg);
		
		}
		
		
					.schreinerei #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-schreinerei.jpg);
		
		}
		

		.bauobjekte #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-bauprojekte.jpg);
		
		}
		
					.news #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-news.jpg);
		
		}

			.jobs #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-jobs.jpg);
		
		}

			.firmenportraet #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-firmenport.jpg);
		
		}
		
		.kontakt #rechtespalte div  {
		width: 193px;
		height: 476px;
		background-image: url(../bilder-design/sidebar-kontakt.jpg);
		
		}
		
		
		

.leitbildueberschrift {
margin-top: 0px !important;
}

.himtext {
margin-top: 0px !important;
 /* margin-bottom: 10px !important; */
}
	
	
	table {
	margin-bottom: 15px;
	
	}
	
	p.fliessttext-klein {
	margin-bottom: 0px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


/*======================================================
                Head Bereich
====================================================== */

/*Logo*/
#header img {
	
}

/*Sprachnavigation*/
#lang {
		
	}
	
/*Links Sprachnavigation*/
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #000; text-decoration: none; }




/*
==================
Navigation
==================
*/

#navigation {

}
	
#mainnav {



}	
	
#mainnav ul{

}

#mainnav li {
list-style-image:none;
list-style-type:none;
}


/*HAUPTNAVIGATION Links*/

#mainnav a   				  { font-weight: bold; padding: 4px 4px 4px 20px; text-decoration:none; display: block;  }
#mainnav li a:link    { font-weight: bold; color: #000;  display: block;  }
#mainnav li a:visited { font-weight: bold; color: #000; display: block; }
#mainnav li a:hover   { font-weight: bold; color: #fff;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#mainnav li a:active  { font-weight: bold; color: #000;  display: block; }

/*aktiver Hauptnavigationslink*/
#mainnav li.active a { color: #fff; text-decoration: none; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht 

werden)*/
#mainnav li.active a:link    {font-weight: bold; color: #fff;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#mainnav li.active a:visited {font-weight: bold; color: #fff;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#mainnav li.active a:hover   {font-weight: bold; color: #fff;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#mainnav li.active a:active  {font-weight: bold; color: #fff;  display: block; background-image: url(../bilder-design/nav-hover.gif); }


#mainnav li.activesub a:link    {font-weight: bold;  color: #fff;  text-decoration: none; }
#mainnav li.activesub a:visited {font-weight: bold;  color: #fff;  text-decoration: none; }
#mainnav li.activesub a:hover   {font-weight: bold;  color: #fff;  text-decoration: none; }
#mainnav li.activesub a:active  {font-weight: bold;  color: #fff;  text-decoration: none; }


/*SUBNAVIGATION Links*/

#mainnav li.activesub #subnav li a { font-weight: normal !important; color: #000;}
#mainnav li.activesub #subnav li a:hover { font-weight: normal !important; color: #fff;}

.active #subnav a    				{font-weight: normal !important; padding: 4px 4px 4px 20px; text-decoration:none; display: block; background-image: none; }
.active #subnav li a:link    { font-weight: normal !important; color: #000; text-decoration: none;  background-image: none; }
.active #subnav li a:visited {font-weight: normal !important; color: #000; text-decoration: none; background-image: none; }
.active #subnav li a:hover   {font-weight: normal !important; color: #fff !important; text-decoration: none;  background-image: none; }
.active #subnav li a:active  {font-weight: normal !important; color: #fff; text-decoration: none;  background-image: none;}



/*aktiver Subnavigationslink*/
#subnav li.subnavactiv a {font-weight: normal !important; color: #fff !important;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
#subnav li.subnavactiv a:link    {font-weight: normal !important; color: #fff !important;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#subnav li.subnavactiv a:visited {font-weight: normal !important; color: #fff !important;  display: block; background-image: url(../bilder-design/nav-hover.gif); }
#subnav li.subnavactiv a:hover   {font-weight: normal !important; color: #fff !important;  display: block; background-image: url(../bilder-design/nav-hover.gif);}
#subnav li.subnavactiv a:active  {font-weight: normal !important; color: #fff !important;  display: block; background-image: url(../bilder-design/nav-hover.gif); }





/*
==================
Content-Bereich
==================
*/
#content {

	}
	
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
vertical-align:top;
}


/*Für Text/Bild Elemente als Aufzählung muss die Höhe angeben werden!*/
#seite.csc-textpic-text {
height: 50px;
}
	
	
.csc-textpic-imagewrap {
border: 0px;
margin-bottom: 2px;
/*width: 580px !important; -> Falls mehrere Bilder nebeneinander aufgereiht werden müssen 

kann hier die entsprechende Breite angegeben werden*/
}

div.csc-textpic-imagerow {
float: left;
padding-right: 10px;
}

div.csc-textpic div.csc-textpic-imagerow  {
clear: none !important;
}



/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {

}

/*
==================
Footer-Bereich
==================
*/	

#footer {

	}
		









/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/


.news-list-item {
width: 580px;
float:left;
margin-bottom: 5px;
}

.news-latest-date {
color: #8da25e;
}

.news-latest-item {
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8da25e;
}

.news-single-img {
	margin-bottom: 10px;
}


/*mailformplus*/

.absendeknopf {
	border: 1px solid #8da25e;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*optional*/
	float: left;
}
.fehlertext {
	color: #000;
	font-weight: bold;
	background-color: #f99;
	padding: 2px;
	border: 1px solid #f00;
	width: 375px;
}
.formfehler {
	border: 1px solid #f00;
	margin-bottom: 5px;
}

/*optional*/
.pflichtfelder {
	margin: 12px 0px 0px 170px;
}






.bodytext {
/*float: left;*/
}

a.download img{
margin-bottom: -3px;
}


#map {
float: left;
width: 510px; 
height: 340px; 
margin: -12px 0px 0px 0px;
color:#000;
}

.foot a:link   { color: #fff; text-decoration: none; }
.foot a:visited  { color: #fff; text-decoration: none; }
.foot a:hover { color: #000; text-decoration: none; }
.foot a:active { color: #fff; text-decoration: none; }


hr {
margin: 0px;
padding: 0px;
line-height: 0px;
color: #000;

height: 1px;
margin-top: -10px;
}

.seite20 #con-text-gross, .seite10 #con-text-gross, .seite11 #con-text-gross, .seite25 #con-text-gross {

width: 592px;
}

.seite20 td {
border-bottom: solid 1px #000;
}

.bauobjekte #con-text-gross {
margin-left: 15px;
width: 592px;
}

.seite20 p {
margin-bottom: 0px;
}

.seite10 table tr td, .seite25 table tr td, .seite20 table tr td {
border-bottom: 1px solid #000; 

}

.seite10 table tr td table tr td, .seite25 table tr td table tr td, .seite20 table tr td table tr td {
border-bottom: 1px solid #babbbf; 

}


.fliessttext-fett {
font-weight: bold;

}


li {
list-style-type: none;
}


.clearer {
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.news-single-img {
	float: left;
	width: 208px;
}
.news-single-img img{
	margin-bottom:10px;
}
.news-single-content {
	float: left;
	width: 380px;
}
.news-single-content th {
	vertical-align:top;
	text-align:left;
	font-weight: normal;
}
.news-single-content li{
	list-style-type:square;
	list-style-position: inside;	
}

.clearer {
margin: 4px 0 4px 0;

}

#rechtespalte {
display: none;

}

#prbl {
display: block;
width: 120px;
float: left;
height: 100%;
}