/* CSS Document */

html {
		}
	
body {
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	/*font-size: 62.5%;*/
	background: #d9d9d9 url(../images/body_bg.jpg) 0 200px repeat-x ;
	color: #333;
	text-align:center
	
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

a {
	color: #003366;
	outline:none;
}

a:hover {
	color: #888888;
}

p, li, td {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

th {
	font-size: 16px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
	}

th a {
	text-decoration:none
	}

h1 {
	font-size: 11px;
	padding: 0;
	font-weight:normal;
	width: 940px;
	padding: 0 20px 0 0px;
	text-align:right;
	line-height: 25px;
}

h2 {
	font-size: 22px;
	
	margin: 0 0 0.3em 0;
	font-weight:normal
}
body#dachdecker h2 {
	color: #F1550C;
}

body#zimmerer h2 {
	color: #784038;
}

h3 {
	font-size: 18px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
}
h4 {
	font-size: 16px;
	font-weight:normal;
	margin: 0 0 0.5em 0;
	
}

h4 a {
   text-decoration:none
}

hr {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border:0;
	color: #ccc;
	background: #ccc;
	margin: 5px 0 5px 0;
	clear: both
	
}

img {border:0;}
/* Klassen ########################################################## */
.logo_print {
	display:none;
}


.bild {
	border: 1px solid #ccc;
	padding: 1px;
}

.bild_text_ohne {
	float:left; 
	margin: 0 10px 10px 0
}

.bild_text_re {
	float:right;
	border: 1px solid #ccc;
	margin: 0 0 0 10px
}

.btn_azubi-dating {
	background: url(../images/azubi-speed-dating_221.jpg) 0 0 no-repeat;
	display: block;
	width: 221px;
	height: 110px;
	margin: 0 0 0 13px;
	text-indent: -9999px
}

.btn_dachtag {
	background: url(../images/btn_dachtag.png) 0 0 no-repeat;
	display: block;
	width: 300px;
	height: 140px;	
	position: absolute;	
	top: 17px;
	left: 20px;
	text-indent: -10000px !important;
	text-align: left;

	
	}

.btn_dachtag:hover {
	background: url(../images/btn_dachtag.png) 0 -160px no-repeat;
}

/* Layout ########################################################## */
#header {
	height: 200px;
	padding: 0px 0 0 0;
	
}

#header p {
	font-size: 20px;	
	padding: 65px 0 0 0;
	margin:0;
}

#header_content {
	width: 960px;
	text-align:right;
	margin:auto;
	height: 150px;
	padding: 25px 20px 0 0px;	
	position: relative;
	
	}



body#dachdecker #header {
	background: url(../images/header_dd_bg.jpg) top center no-repeat;
}

body#dachdecker #header p {
	background: url(../images/logo_dachdecker.gif) top right no-repeat;
}

body#dachdecker #header p a{
	color: #fff;
	text-decoration:none
}

body#zimmerer #header {
	background: url(../images/header_zi_bg.jpg) top center no-repeat;
}
body#zimmerer #header p {
	background: url(../images/logo_zimmerer.gif) top right no-repeat;
}
body#zimmerer #header p a{
	color: #000;
	text-decoration:none
}

body#beidez #header {
	background: url(../images/header_be_bg.jpg) top center no-repeat;
}
body#beidez #header p {
	background: url(../images/logo_ddzi.gif) top right no-repeat;
}
body#beidez #header p a{
	color: #000;
	text-decoration:none
}

body#start #header {
	background: url(../images/header_be_bg_start.jpg) top center no-repeat;
}
body#start #header p {
	background: url(../images/logo_ddzi.gif) top right no-repeat;
}
body#start #header p a{
	color: #000;
	text-decoration:none
}



#container {
	width: 980px;
	text-align:left;
	background: url(../images/container_bg.jpg) repeat-y;
	margin:auto;
	
}
#container_start {
	width: 980px;
	text-align:left;
	background: url(../images/container_start_bg.jpg) repeat-y;
	margin:auto
}







#content_wrap {
	background: url(../images/content_wrap_bg.jpg) no-repeat;
	min-height: 400px;
	overflow:hidden;
}
#content_wrap_start {
	background: url(../images/content_wrap_start_bg.jpg) no-repeat;
	min-height: 400px;
	overflow:hidden;
	padding: 20px;
}

.col_start {
	width: 228px;
	height: 264px;
	
}
.col_start p {
	height: 120px;
	border-bottom: 1px solid #ccc
}
.col_start a {
	text-decoration:none;
	color: #003366
}

.col_start li.head2 {
	color: #F1550C;
}
.col_start li.head3 {
	 color: #784038;
}
#col1 {
	width: 197px;
	float:left;
	background: url(../images/col1_bg.jpg) no-repeat;
	padding: 70px 10px 0 30px;
}

#col2 {
	width: 198px;
	float:left;
	background: url(../images/col2_bg.jpg) no-repeat;
	padding: 70px 20px 0 20px;
}




#col3 {
	width: 197px;
	background: url(../images/col3_bg.jpg) no-repeat;
	float:left;
	padding: 70px 20px 0 20px;
}




#col4 {
	
	float:right;
	height: 334px;
}

.btn_azubi {
	background: url(../images/btn_start_azubi.jpg) no-repeat;
	width: 218px;
	height: 70px;
	padding: 102px 0 0 10px
}

.btn_azubi h3{
color: #fff;
margin: 0 0 20px 0
}

.btn_azubi ul {
	margin: 0px;
	padding: 0
}

.btn_azubi ul  li{
float: left;
margin: 0px;
	padding: 0
}

.btn_azubi ul  li a{
background: url(../images/sb_box_a_bg.gif) left center no-repeat;
padding: 0 0 0 10px;
margin: 0 20px 0 0;
}

#news {
	float:left;
	width: 710px;
	margin: 15px 0 0 20px
}

#news ul {
list-style: none;
margin: 0 0 20px 0
}

#news ul  li a{
background: url(../images/sb_box_a_bg.gif) left center no-repeat;
padding: 0 0 0 20px;
margin: 0 20px 0 0;
text-decoration: none;
}

#news a.mehr {
	font-size: 12px;
	text-decoration:none;
	color: #fff;
	background: #777;
	padding: 5px;

}

#news a.mehr:hover {
	color: #ccc;

}



.btn_ref {
	background: url(../images/btn_start_ref.jpg) no-repeat;
	width: 228px;
	height: 162px;
	display: block;
	text-indent: -99999px;
}

.col_start ul {
	
	list-style-type: none;
	float:left;
	margin: 0 10px 0 5px;
	

}
.col_start ul li{
	line-height: 1.3em;
	margin: 0 0 0.5em 0
}


.col_start ul li span {
	display:block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

a.kont_start {
	display:block;
	background: url(../images/sb_a_bg.gif) 0px 8px no-repeat;
	padding: 0 0 0 25px;
	text-decoration:none;
	float:right;
	font-size: 12px;
	margin: 20px 10px 0px 10px;
}


a.kont_start span{
	display:block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

#content {
	width: 710px;
	float:right;
	padding: 0 10px 0 0;
}

#inhalt {
	padding: 20px;
}

#inhalt ul{
	margin: 0 0 30px 15px;
}


#inhalt p span {
	width: 200px;
	display:block;
	float:left;
	font-weight: bold
}
#inhalt p span.none {
	display:inline;
	text-transform: uppercase;
	float:none;
	width:auto;
	font-weight:normal
}

#inhalt p span.caps {
	display:inline;
	float:none;
	width:auto;
	font-weight:normal
}

#inhalt.vk {
	height: 320px;
	}

#map {
	width: 350px;
	height: 280px;
	float:right;
	background: #fff;
	border: 1px solid #ccc;
	padding: 1px
	}

/*Referenzen #######################*/
/*Liste*/
	
.ref_teaser {
	width: 200px;
	height: 230px;
	float:left;
	margin: 20px 22px 20px 0
}	

.ref_teaser img {
	width:200px;
	height:150px;
	display:block;
	margin: 0 0 10px 0;
	padding: 1px;
	border: 1px solid #ccc
}

.ref_teaser p {
	margin:0;
}

.ref_teaser h4 {
	width: 200px;
	display: block;
	font-size:14px;
}

.ref_details {

background: #e1e1e1; 
padding: 10px;

}

h3.clear { 
	clear: both
}

.ref_details a img{

width:100px;
height:75px;
padding: 1px;
border: 1px solid #ccc

}


/*Referenzliste Paginierung*/

ul.rsx-page-num-list {
	list-style-type:none;
	margin: 0px 0 0 0px ;
	text-align: center;
}
ul.rsx-page-num-list li {
	display:inline;
	margin: 0px 10px 0 0px;
	font-family: 'Lora', serif;
	font-size: 14px;
	text-align:center;

}

ul.rsx-page-num-list li a {
	color: #fff;
	padding: 6px 10px;
	background: #aaa;
	/*border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
}

ul.rsx-page-num-list li a:hover {
	background: #ccc;
	color: #000
	
}

ul.rsx-page-num-list li span.unlinked {
	background: #ccc;
	/*border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
	margin: 0 0px 0 0;
	padding: 5px 10px;
	color: #fff
}

/*News #######################*/
/*Liste*/
	
.news_teaser {
	margin: 20px 0 20px 0
}	

.news_teaser img {
	width:200px;
	height:150px;
	display:block;
	margin: 0 0 10px 20px;
	padding: 1px;
	border: 1px solid #ccc;
	float:right
}







	
/*teaser Adresse*/


td.col1 {
	width: 30%;
	}

td.col2 {
	width: 5%;
	}
td.col3 {
	width: 20%;
	}
td.col4 {
	width: 37%;
	}
td.col5 {
	width: 8%;
	
	}
td.col5 {
	text-align:right;
}
h4 a {
	font-weight:bold
}

.teaser {
	height: 90px
}

.teaser p {
	float:left
}

.teaser a {
	text-decoration: none
}

p.col1 {
	width: 180px;
}
p.col2 {
	width: 180px;
}
p.col3 {
	width: 200px;
}
pp.col4 {
	width: 100px;
}

a.standort {
	background: url(../images/flag.jpg) top left no-repeat;
	padding: 0 0 0 20px;
	
	
}

#sidebar {
	width: 248px;
	float:left;
	padding: 0 0 10px 10px
}

#sidebar .box {
	background: #fff;
	border: 1px solid #ccc;
	width: 220px;
	margin: 10px 10px 10px 12px;
	
}

#dachd {
	height: 120px;
}
#zimm {
	height: 120px;
}

#dialog {
	height: 190px;
	padding: 10px 0 0 0;
}



#box_ref {
	padding: 10px 0 0 0;
}
#box_ref h4, #dialog h4 {
	text-transform:uppercase;
	color: #626262;
	font-size: 19px;
	margin: 0 0 15px 15px
}
#sidebar a {
	text-decoration:none;
	color: #003366
}

#sidebar a:hover {
	color:#757575
}

#sidebar ul {
	float:left;
	margin: 0 10px 0 0px;
	list-style-type:none;
	padding: 0 0 0 15px
}

#sidebar ul li {
	margin:0 0 0.3em 0;
	}
	
#sidebar ol {
	list-style-type: none;
	margin:0 0 20px 15px
}

#sidebar ol li {
	margin:0 0 0.3em 0;
}

#sidebar ol li a {
	font-size: 11px;
	background: url(../images/sb_box_a_bg.gif) left center no-repeat;
	padding: 0 0 0 10px
}

#dachd h4 {
	color: #F1550C;
	text-transform:uppercase;
	font-size: 19px;
	padding: 13px 0 0 60px;
	background: url(../images/sb_h4_dd_bg.jpg)  15px 3px no-repeat;
	height: 20px;
}
#zimm h4 {
	color: #784038;
	text-transform:uppercase;
	font-size: 19px;
	padding: 13px 0 0 60px;
	background: url(../images/sb_h4_zi_bg.jpg)  15px 3px no-repeat;
	height: 20px;
}

 ul li.head {
	text-transform:uppercase;
	/*font-size: 14px;*/
	font-weight:bold;
	color: #626262;
}

 .box ul li a {
	font-size: 11px;
	background: url(../images/sb_box_a_bg.gif) left center no-repeat;
	padding: 0 0 0 10px
}

.box ul.inn {
	margin: 10px 0 0px 15px;
	padding: 10px 0 10px 0;
	list-style-type: none;
	float:none;
}

#sidebar ul.inn li {
	line-height: 1.3em;
	margin: 0 0 0.5em 0
	}

#sidebar ul.inn li span {
	display:block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	
}

#sidebar ul.inn li a {
	background: url(../images/sb_a_bg.gif) 0px 8px no-repeat;
	padding: 0 0 0 25px;
	display:block;
	margin: 0 0 0 0px;
	
}





#nav_start {
	padding: 10px;
	clear:both
}

#nav_start a {
	text-decoration:none;
	color: #333;
}

#nav_start a:hover {
	color: #F1550C
}

#nav_start a.sb_home {
	margin: 0px 0 0 42px;
	padding: 3px;
	display:block;
}

#nav_start ul {
	margin: 5px 0 0 20px;
	list-style-type: none;
}

#nav_start li {
	float:left;
	margin: 5px
}

#nav_start ul li span {
	display:block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

#nav_start ul li a {
	background: url(../images/sb_a_bg.gif) 0 5px no-repeat;
	padding: 0 0 0 25px;
	display:block;
}

#footer {
	clear:both;
	width: 920px;
	margin:auto;
	text-align:left;
	background: url(../images/footer_bg.jpg) no-repeat;
	height: 100px;
	padding: 40px 30px 0 30px;
}

#suche {
	width: 500px;
	float:left;
	}

#suche input.suchfeld {
	background: #fff;
	border: 1px solid #a4a4a4;
	font-size: 11px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding:2px 2px;
	margin: 0 5px 0 5px;
	height: 16px;
	width: 200px
	}
#suche input.suchbtn {
	font-size: 11px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
	
p.impressum {
	float:right
	}

#footer_start {
	clear:both;
	width: 920px;
	margin:auto;
	text-align:left;
	background: url(../images/footer_start_bg.jpg) no-repeat;
	height: 100px;
	padding: 40px 30px 0 30px;
}



/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/


/* Tabs #################################################*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0 0 0px 0;
 padding: 3px 0px 4px 0;
 border-bottom: 1px solid #778;
 
}

ul.tabbernav li
{
 list-style: none;
 margin:0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 30px;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDD;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #333; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #ccc;
 border-color: #666;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 20px 0 0 0;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

  /*height:200px;*/ 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}