@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top no-repeat #d7d7d7;
	font:14px Arial, Helvetica, sans-serif;
	color:#686868;
	line-height:20px;
}

a:link, a:visited {
	color:#7c1d13;
	text-decoration:underline;
}

a:hover, a:active {
	color:#7c1d13;
	text-decoration:none;
}

p {
	margin:0 0 14px 0;
}

img {
	border:0;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

h2 {
	text-indent:-9999px;
	margin:0 0 15px -35px;
	height:60px;
	width:615px;
}

h3 {
	margin:0 0 10px 0;
	line-height:24px;
	font-size:19px;
	font-weight:bold;
}

span.highlight {
	color:#7c1d13;
	font-weight:bold;
		}

h4 {
	font-size:1.1em;
	margin:0 0 0 0;
	color:#ddf0dd;
	font-weight:bold;
}

dl {
	width:440px;
	margin-bottom:20px;
}

dt {
	width:190px;
	float:left;
	font-weight:bold
}

dd {
	width:250px;
	float:left;
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	clear:both;
	float:none;
}

.line {
	height:5px;
	line-height:0.1em;
	font-size:0.1em;
	border-top:1px solid #6a8267;
	margin:0px 26px 0 19px;
	
}

.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	}

.image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
   margin:0px 0px 14px 0;
}

.kontakt-image {
   outline: none;
   margin:0px 20px 0 0px;
   border:1px solid #d2f8cc;
}


.image-border {
   cursor: url(../images/icon-zoomin.cur), pointer;
   border:1px solid #fff;
   float:left;
   margin:0 9px 9px 0;
}

.image-box {
   float:left;
   width:110px;
   font-size:0.9em;
}

.image-box img {
   border:1px solid #fff;
}

.border {
   	border:1px solid #fff;	
}

.margin-stop {
	margin:0!important;
}

.marginBottom {
	margin-bottom:15px;}



.align-center {
	text-align:center;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/



div#container {
	width:960px;
	margin:0 auto;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:960px;
	height:563px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
	z-index:1;
}

h1#branding a {
display:block;
height:234px;
left:17px;
outline:medium none;
position:absolute;
text-indent:-9999em;
top:11px;
width:262px;
}



/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
height:226px;
left:10px;
list-style:none outside none;
position:relative;
top:243px;
width:310px;
z-index:2;
}

ul#navi li {
	float:left;
	}

ul#navi li a {
	display:block;
	outline:none;
	height:55px;
	width:310px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi.jpg);
}

ul#navi li a:hover {
	background:none;
}



ul#navi li a.leistungsprofil {
	background-position: 0px 0px;
}

ul#navi li a.angebote {
	background-position: 0px -55px;
}

ul#navi li a.projektmanagement {
	background-position: 0px -110px;
}

ul#navi li a.gutachter {
	background-position: 0px -165px;
}







/*==================================================
    => navi-add    
==================================================*/

ul#navi-add {
height:24px;
list-style:none outside none;
position:absolute;
right:0;
top:31px;
width:280px;
}

ul#navi-add li {
	float:left;
	}

ul#navi-add li a {
	display:block;
	outline:none;
	text-decoration: none;
	text-indent: -999em;
	height:24px;
	background:url(../images/bg-navi-add.jpg);
}

ul#navi-add li a:hover {
	background:none;
}



ul#navi-add li a.index {
	width:97px;
	background-position: 0px 0px;
}


ul#navi-add li a.kontakt {
	width:100px;
	background-position: -97px 0px;
}

ul#navi-add li a.anfahrt {
	width:83px;
	background-position: -197px 0px;
}












/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:960px;
	position:relative;
	min-height:470px;
    height:auto !important;
    height:470px;

}
/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar1 <<<------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:320px;
	height:595px;
	background:url(../images/bg-sidebar.jpg) no-repeat;
}


p.kontakt {
height:105px;
left:53px;
position:absolute;
top:339px;
width:190px;
}

form#quickContact {
	width:290px;
	margin-top:110px;
	position:relative;
} 

form#quickContact label {
	width:92px;
	height:30px;
	text-indent:-5000px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

form#quickContact label.name {
	background: url(../images/bg-name.png) no-repeat;
	float: left;
}

form#quickContact label.email {
	background: url(../images/bg-mail.png) no-repeat;
	float: left;
}

form#quickContact label.nachricht {
	background: url(../images/bg-message.png) no-repeat;
	width: 257px;
	float: left;
}

form#quickContact input {
	width:212px;
	height:18px;
	border: none;
	overflow: hidden;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:baseline;
}

#shortName {
	position:absolute;
	top:12px;
	left:80px;
	background:none;
}

#shortEMail {
	position:absolute;
	top:52px;
	left:80px;
	background:none;
}

#shortMessage {
	position:absolute;
	top:112px;
	left:24px;
	overflow-y: hidden;
	background:none;
	width: 265px;
	height: 85px;
	padding: 2px;
	border:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

form#quickContact input.absenden {
	position:absolute;
	top:200px;
	left:3px;
	width:100px;
	height:26px;
	border:none;
	background:none;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	margin:10px 0 0 19px;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:right;
	width:545px;
	background:#e3e3e3;
	padding:0 35px;
	min-height:500px;
}

a.newsletter {
	background:url(../images/p-newsletter.jpg);
	height:78px;
	width:252px;
	display:block;
	font-size:11px;
	color:#7c9179;
	padding:40px 10px 0 10px;
	text-decoration:none;
	}
	
a.newsletter:hover {
	background:url(../images/p-newsletter-on.jpg);
	}
	
a.gbook {
	background:url(../images/p-gbook.jpg);
	height:78px;
	width:252px;
	display:block;
	font-size:11px;
	color:#7c9179;
	padding:40px 10px 0 10px;
	text-decoration:none;
	}
	
a.gbook:hover {
	background:url(../images/p-gbook-on.jpg);
	
	}


	.col-big {
	width:545px;
	float:left;
	}

.col {
	width:265px;
	float:left;
	}
	
.col2 {
	width:265px;
	float:right;
	}
	
	
ul.liste {
	margin:0 0 0 20px;
	}
	
ul.liste li {
	margin-bottom:14px;
	}
	


/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main-h2 <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

h2#index {background:url(../images/h2/index.jpg) 0 0 no-repeat;}
h2#newsletter {background:url(../images/h2/newsletter.jpg) 0 0 no-repeat;}
h2#kontakt {background:url(../images/h2/kontakt.jpg) 0 0 no-repeat;}
h2#error {background:url(../images/h2/error.jpg) 0 0 no-repeat;}
h2#impressum_ {background:url(../images/h2/impressum.jpg) 0 0 no-repeat;}
h2#danke {background:url(../images/h2/danke.jpg) 0 0 no-repeat;}
h2#anfahrt {background:url(../images/h2/anfahrt.jpg) 0 0 no-repeat;}
h2#gutachter {background:url(../images/h2/gutachter.jpg) 0 0 no-repeat;}
h2#leistungsprofil {background:url(../images/h2/leistungsprofil.jpg) 0 0 no-repeat;}
h2#projektmanagement {background:url(../images/h2/projektmanagement.jpg) 0 0 no-repeat;}




/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer-container {
	width:100%;
	height:135px;
	position:relative;
	background:url(../images/bg-footer-container.jpg);
	margin-top:35px;
}

div#footer {
	height:135px;
	margin:0 auto;
	position:relative;
	width:960px;
	background:url(../images/bg-footer.jpg);
}

.block1 {
	position:absolute;
	top:22px;
	left:34px;
	width:280px;}
	
.block2 {
left:373px;
position:absolute;
top:22px;
width:280px;
}

a#impressum {
background:url("../images/bg-impressum.jpg") repeat scroll 0 0 transparent;
display:block;
height:24px;
position:absolute;
right:100px;
text-indent:-99999px;
top:39px;
width:124px;
	}
	
a#impressum:hover {
	background:none;
	}




/*==================================================
    => liste im footer  
==================================================*/

ul#logos {
height:155px;
list-style:none outside none;
position:absolute;
right:0;
top:0;
width:980px;

}

ul#logos li {
	float:left;
	}

ul#logos li {
	height:155px;
	display:block;
	outline:none;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-logos.jpg);
}

ul#logos li:hover {
	background:none;
}



ul#logos li.bitburger {
	width:167px;
	background-position: 0px 0px;
}

ul#logos li.koestritzer {
	width:183px;
	background-position: -167px 0px;
}

ul#logos li.schluessel {
	width:179px;
	background-position: -350px 0px;
}

ul#logos li.schluessel2 {
	width:301px;
	background-position: -529px 0px;
}

ul#logos li.franziskaner {
	width:150px;
	background-position: -830px 0px;
}




	
/*==================================================
    => googlemaps   
==================================================*/

div#map a {
	background:url(../images/map.jpg);
	display:block;
	height:30px;
	text-indent:-9999px;
	width:273px;
	margin:8px 0 10px 0;
}
.iframemap {
	border:1px solid #e4d3a2;
	padding:3px;
}