/* ALLGEMEINE ANGABEN */
html { height: 100% }

body {
	margin:0;
	padding:0;
	font-size: 12px;
	line-height:17px;
	color:#555;
	background:url(../images/bknd.gif) repeat-x top center;
	height:100%;
    *height: 100%;
}

.invisible {
	display:none;
}

    
img {
    border: 0;
}

#document {
  position: relative;
	min-height: 100%;
	*height: 100%;
	text-align: center;
}

#wrap {
	width:800px;
	margin:0 auto;
	text-align:left;
	background: url(../images/bknd.gif) repeat-x;
  padding-bottom: 76px;
}

ul{
	margin:0 0 0 5px;
	padding:0;
}


li{
	margin:0;
	padding:0;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/* HEADBEREICH mit Headlines, Subheadlines und Bildern */

	#head {
		float:left;
	}    
	
    h1 {
        float:left;
        margin: 38px 0 0 0px;
        padding: 0;
        width: 322px;
        height: 61px;
        display: block;
        background: url(../images/logo.gif) no-repeat;
    }
    
        .homelink {
            display: block;
            text-decoration: none;
            width: 322px;
         	height:60px;
        }
        

    h2 {
        margin: 0 0 -6px 0;
        padding: 0;
        width: 100%;
        height: 26px;
        float:left;
		font-size:17px;
    }


	h3{
		font-size:12px;
		font-weight:bold;

	}
	
.head_image{
	margin:10px 0 0 0;
	padding:0;
    width:800px;
	height:240px;
	float:left;
}
	
	
/* NAVIGATION */

#navigation {
	width:394px;
	height:70px;
	margin: 58px 0 0 78px;
	overflow: hidden;
	float:left;
}
 

#navigation ul li {
	float: left;
	list-style: none;
	margin-right:4px;
	padding:0;
	display:block;
}


#navigation a {
	color: #555;
    font: normal 12px arial, sans-serif;
    height: 16px;
    text-decoration: none;
	display:block;
	padding: 1px 5px 0 5px;
	float:left
}

#navigation a:hover,
#navigation ul li:hover,
#navigation .nav_active a{
	color: #fff;
	display:block;
}	



#navigation li:hover .oben, 
#navigation li.ieHover .oben,
#navigation li.nav_active .oben{
	float:left;
	display:block;
	color:#fff;
	background:url(../images/roundedbox_lo.gif) no-repeat top left;
	text-align:right;
}


#navigation li:hover .inhalt, 
#navigation li.ieHover .inhalt,
#navigation li.nav_active .inhalt{
	float:left;
	margin:0;
	display:block;
	background:url(../images/roundedbox_ro.gif) no-repeat top right;
	color: #fff;
	text-align:right;

}


#navigation li:hover .unten, 
#navigation li.ieHover  .unten,
#navigation li.nav_active .unten {
	float:left;
	display:block;
	padding: 0;
	color:#fff;
	background:url(../images/roundedbox_lu.gif) no-repeat bottom left;
	text-align:right;	
}

.sub_inactive{
	display:none;
	margin:0;
	padding:0;
}

.sub_active {
  	display: block;    
	margin:0;
	padding:0;
}

.sub_active li{
  	display: block;    
	clear:both;
	list-style:none;
	text-align:right;
}

#navigation .sub_active a:link,
#navigation .sub_active a:visited {
	margin:0;
	display: block;   
	padding:0 0 0 5px;
	color: #fff;
}

#navigation .sub_active a:hover,
#navigation .sub_active a:active,
#navigation .sub_active .sub_active_marked a
{
	margin:0;
	display: block;   
	padding:0 0 0 5px;
	color: #06C6FF;
}




/* CONTENTBEREICH - Spalten Inhalt */

#cont_col_1{
	margin:50px 0 0 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	padding:0;
	float:left;
	width:560px;	
	text-align:left;
}            

#cont_col_2{
	margin:50px 0 0 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	text-align:left;
	width:200px !important;
	width:200px;
	float:left;
	padding:0;
}  

#cont_col_3{
	margin:50px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	text-align:left;
	width:200px !important;
	width:200px;
	float:left;
	padding:0;
}  

#cont_col_all{
	margin:50px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	text-align:left;
	width:800px;
	float:left;
	padding:0;
} 


#cont_col_links{
	margin:50px 8px 0 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	padding:0;
	float:left;
	width:250px;	
	text-align:left;
}            

#cont_col_mitte{
	margin:50px 8px 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	text-align:left;
	width:250px !important;
	width:250px;
	float:left;
	padding:0;
}  

#cont_col_rechts{
	margin:50px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#555;
	text-align:left;
	width:250px !important;
	width:250px;
	float:left;
	padding:0;
}  	

.content_img{
	top:0px;
	margin:0;
	padding:0;
}


#cont_col_1 li,
#cont_col_2 li,
#cont_col_all li
{
margin:3px 0 0 15px;
padding:0;
}





span.num{
       	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;	
		font-weight:bold; 
		margin:0;
		padding:0;
		color:#00B5E5;
}

p.impr {
       	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;	
		font-weight:normal; 
		margin:0;
		padding:0px 0 20px 0;
}

.logo1{
margin:0;
		padding:0;
	font-weight:bold;
}

.logo2{
	font-weight:bold;
		color:#00B5E5;
		margin:0;
		padding:0;
}

.impr_tel {
font-weight:bold;
		color:#555;
		margin:0;
		padding:0;
		width:45px;
		float:left;
}

a:link.email ,
a:active.email,
a:visited.email{
	font-weight:normal;
		color:#00B5E5;
		text-decoration:none;
		
}


a:hover.email {
font-weight:normal;
		color:#FF1849;
		text-decoration:none;
}

a:link,
a:active,
a:visited {
	font-weight:normal;
	color:#00B5E5;
	text-decoration:none;
}

a:hover {
	font-weight:normal;
	color:#FF1849;
	text-decoration:none;
}


/* Our Work Styles */
.recent_wrapper
{
	position: relative;
	clear: both;
	margin: 5px 0 5px 0px;
}

.not_first
{
	margin-top: 30px;
}

.recent_scroll_wrapper
{
	width: 400px;
	height: 165px;
	overflow: hidden;
}

.recent_links
{
	position: absolute;
	top: 258px;
	left:328px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	background: #06C6FF;
	display: none;
	width: 72px;
}


.recent_links a
{
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 3px;
}

.recent_links a.active_link
{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;	
	padding: 0 0 0 3px;
}


.recent_links_print
{
	position: absolute;
	top: 370px;
	left:328px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	background: #06C6FF;
	display: none;
	width: 72px;
}


.recent_links_print a
{
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 3px;
}

.recent_links_print a.active_link
{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;	
	padding: 0 0 0 3px;
}



.recent_scroll 
{
	width: 2212px;
}

.recent_item
{
	float: left;
	display: block;
	width: 400px;
	height: 283px;
}

.recent_item_print
{
	float: left;
	display: block;
	width: 400px;
	height: 400px;
}




.recent_work_info
{
	overflow: hidden;
}

.recent_work_links
{
	float: right;
	width: 72px;
	padding-right: 0px;
	overflow: hidden;
}


.control
{
	float: right;
	text-align: right;
}

.close_button
{
	padding-top: 10px;
}

.site_name
{
	color: #000;
	font-size: 13px;
	font-weight: bold;
}







.headline_date{
 font-size:12px;
 font-weight:bold;
 color:#FF1849;
}


.headline_text{
 font-size:12px;
 font-weight:bold;
 color:#555;
}

.aktuelles{
 font-size:12px;
 color:#555;
 text-align:left;
 margin: 25px 0 0px 0;
}



.ref_list, x:-moz-any-link {
	 width:345px;
	 float:right;	
}


.ref_list li, x:-moz-any-link {
	 margin:0 0 0 -10px;	
}

.alph_num, x:-moz-any-link{ 
 clear:both;
 }


.alph_num {
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 color:#00B5E5;
 width:12px;
 float:left;
 padding:0;
 margin:0;
}



.ref_list{
	list-style:none;
	 text-align:left;
	 color:#555;
	 margin:0 5px 0 -15px;
	 padding:0 0 0 32px;	
}



.ref_kunde{
 font-size:12px;
 font-weight:bold;
}

.ref_ort{
 font-size:12px;
 font-style:italic;
}


.trennlinie, x:-moz-any-link {
	top:10px;
	position:relative;
}


.trennlinie {
	margin: 14px 0 20px 0;
	height:4px;
	width:100%;
	background:url(../images/trennlinie.gif) repeat-x;
	clear:both;
}





.recent_title{
font-size:12px;
 font-weight:bold;
 color:#555555;
 width:65px;
 float:left;
}

.ref_link {
font-size:12px;
font-weight:normal;
color:#00B5E5;
text-decoration:none;
}

.ref_link:hover{
font-size:12px;
font-weight:normal;
color:#FF1849;
text-decoration:none;
}


.bild_name {
font-size:11px;
 color:#555;

}

.bild_ort{
font-size:11px;
 color:#555;
 font-style:italic;
}

.bild_link{
font-size:11px;
font-weight:normal;
color:#555;
text-decoration:none;
}

.bild_link:hover{
font-size:11px;
font-weight:normal;
color:#FF1849;
text-decoration:none;
}



#formwrap { 
width:390px;
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 0px 0px; 
    font-weight:normal;
} 
#form { 
   padding: 0px 0px 10px 0px; 
   margin: 0px 0px 0px 0px; 
   text-align: left; 
} 

fieldset { 
   border:0; 
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 0px 0px; 
   float:left;
} 
legend { 
   border: 0px solid #fff; 
   float:left;
} 

label { 
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif; 
   padding:4px 0 0 0px; 
   font-weight:bold;
   margin-left: 0px; 
   float:left;
   width:104px;
} 
.inpt { 
   width: 276px; 
   height:18px;
   border-top:3px solid #f2fcff;
   border-left:0px;
   border-right:0px;
   border-bottom: 1px dashed #AAA; 
   background-color: #f2fcff; 
   color: #666666; 
   font-family: Arial, Sans-Serif; 
   font-size: 12px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
   float:right;

} 
.inpt2 { 
   border-top:3px solid #f2fcff;
   border-left:0px;
   border-right:0px;
   border-bottom: 1px dashed #AAA; 
   background-color: #f2fcff; 
   color: #666666; 
   font-family: Arial, Sans-Serif; 
   font-size: 12px; 
   word-spacing: 0.2em; 
}
.txt { 
   width: 276px; 
   border-top:0px;
   border-left:0px;
   border-right:0px;
  	border-bottom: 1px dashed #AAA; 
   background-color: #f2fcff; 
   color: #666666; 
   font-family:Arial, Sans-Serif; 
   font-size: 12px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
   float:right;
   line-height:16px;
} 
.txt2 { 
   width: 276px; 
   border-top:0px;
   border-left:0px;
   border-right:0px;
  	border-bottom: 1px dashed #AAA; 
   background-color: #f2fcff; 
   color: #666666; 
   font-family:Arial, Sans-Serif; 
   font-size: 12px; 
   padding: 1px 1px 1px 3px; 
   margin: 0px 0px 5px 0px; 
   word-spacing: 0.2em; 
   float:right;
   line-height:16px;
}

input.inpt:focus, textarea.txt:focus { 
   color: #000; 
  /* border:1px dotted #555;*/
    font-size:12px;
   font-family:  Arial, Sans-Serif; 
} 
.senden { 
   width: 84px;
   height:20px; 
   font-weight: bold; 
   font-size: 12px; 
   margin: 15px 0px 0px 296px; 
   padding: 1px 0px 3px 0px;  
   background-image: url(../images/sende_button.gif); 
   color: #fff; 
   text-align: center; 
   border: 0; 
   clear:both;
   float:right;
   cursor: pointer; 
} 

.send_message{
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif; 
   color:#FF1849;	
}

label, 
select, 
input[type=checkbox], 
input[type=radio], 
input[type=button], 
input[type=submit] { 
   cursor: pointer; 
} 




/* ANZEIGE DER TABELLE */


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 16px;
font-size: 12px;
width: 100%;
border: 0px;
}



.table_header
{
text-align: left;
vertical-align: top;
color: #555;
padding:3px 5px 3px 5px;
border:0px;
font-size: 12px;
}

tr{
border-bottom: 1px dashed #aaa;
}

td {
text-align: left;
vertical-align: top;
border-right:1px solid #aaa;
padding:3px 5px 3px 5px;
}

.table_blue{
background:#E5F7FC;
}

.table_blue_bottom{
background:#E5F7FC;
border:0;
}


.table_bottom{
border:0;
}


.table_border{
border-right:0px;
}

.footer{
width:90%;
height:35px;
}

#footer-wrap {
 /* position: absolute; */
  bottom: 0;
  width: 100%;
  height: 76px;
  background: #555;
  text-align:center;
}

#footer {
  width: 800px; 
  margin: 0 auto; 
  text-align: center;
  position: relative; 
}

#footlogo, #fgn2 { position: absolute; }
#footlogo {
  left: 0;
  width: 247px;
  height: 70px;
} 
#ftop {
  width: 45px;
  height: 70px;
  margin: 0 auto;
}
#fgn2 {
  right: 0;
  width: 123px;
  height: 70px;
}

/* weblog */


#sidebar {}
#sidebar h2 {margin: 5px 0 0; /* padding: 0; */ font-weight:normal;font-size:15px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}

#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}

			#sidebar ul p, #sidebar ul select {
				margin: 5px 0 8px;
				}

			#sidebar ul ul, #sidebar ul ol {
				margin: 5px 0 0 10px;
				}

			#sidebar ul ul ul, #sidebar ul ol {
				margin: 0 0 0 10px;
				}

			ol li, #sidebar ul ol li {
				list-style: decimal outside;
				}

			#sidebar ul ul li, #sidebar ul ol li {
				margin: 3px 0 0;
				padding: 0;
				}
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {}
	
	.postmetadata {
		font-weight: bold;
	}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
		}
	
	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

	.commentlist li {
		font-weight: bold;
		}

	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

	.commentlist p {
		font-weight: normal;
	    line-height: 1.5em;
		}

	#commentform p {
		font-family: 'Arial';
		}

	.commentmetadata {
		font-weight: normal;
		}
	
		/* Begin Comments*/
		.alt {
			margin: 0;
			padding: 10px;
			}

		.commentlist {
			background-color: #f2fcff;
			padding: 10px 10px 10px 0;
			text-align: justify;
			}

		.commentlist li {
			margin: 15px 0 3px;
			padding: 5px 10px 3px;
			list-style: none;
			}

		.commentlist p {
			margin: 10px 5px 10px 0;
			}

		#commentform p {
			margin: 5px 0;
			}

		.nocomments {
			text-align: center;
			margin: 0;
			padding: 0;
			}

		.commentmetadata {
			margin: 0;
			display: block;
			}
		/* End Comments */
	
		#commentform input {
			width: 170px;
			padding: 2px;
			margin: 5px 5px 1px 0;
			}

		#commentform textarea {
			width: 100%;
			padding: 2px;
			}

		#commentform #submit {
			width: 84px;
			height:20px; 
			font-weight: bold; 
			font-size: 12px; 
			margin: 15px 0px 0px 296px; 
			padding: 0px 0px 3px 0px; 
			background-image: url(../images/sende_button.gif); 
			color: #fff; 
			text-align: center; 
			border: 0; 
			clear:both;
			float:right;
			cursor: pointer; 
			}
.post {margin: 0 0 20px;text-align: left;}			

.posttrennlinie {background:url(../images/trennlinie.gif) repeat-x;height:5px;
margin:0 0 20px;
width:100%;}