@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

body {
   color:#737373;
   vertical-align:baseline;
   text-align: center;
   font: 14px Tahoma, Helvetica, sans-serif;
   background:#FFFFFF url(../images/bg-body.jpg) center 0 ;
}

ol,
ul,
dl {
   list-style:none;
}

a:link,
a:visited {
   color: #0078b5;
   text-decoration: none;
}

a:hover {
   color: #0078b5;
   text-decoration: underline;
}

a:active {
   color: #0078b5;
   text-decoration: none;
}

p {
	margin-bottom: 20px;
}
/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
	margin-bottom:10px;
	margin-top:10px;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.highlight {
	font-size:17px;
	font-weight:bold;
}

.trennMain {
	border-bottom:1px solid #d0edfc;
	clear:left;
	float:none;
	height:1px;
	margin-bottom:30px;
	margin-left:0;
	width:618px;
}

.noBorder {
	border:none;
}


/* =lists */

div#contentMain ul {
	margin: 0 0 10px 10px;
	padding: 5px;
	list-style: none;
}

div#contentMain ul li {
	padding: 3px 0 5px 22px;
	background:url(../images/li-contentMain.gif) no-repeat 0 6px;
	line-height: 21px;
	list-style:none;
	_height: 1%; /*IE6 Hack*/
}




/*==================================================
    => container
==================================================*/

div#container {
   width: 960px;
   position:relative;
   margin: 0 auto;
   text-align: left;
}

/*==================================================
    => header  
==================================================*/

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

/*------------------ =branding  ------------------*/

h1#branding a {
	display:block;
	width:270px;
	height:63px;
	position:absolute;
	top:114px;
	left:91px;
	text-indent:-9999px;
	outline:none;
}

/*==================================================
    => contentContainer  
==================================================*/
div#contentContainer {
   height:100% !important;
   width:960px;
	background:url(../images/bg-contentContainer.gif) repeat 0 0;

}

/*==================================================
    => contentSidebar
==================================================*/

div#contentSidebar {
	position:relative;
	float:left;
	width: 290px;
	height:auto !important;
	min-height:542px;
	height:542px;
	display: inline;
	font-size: 13px;
	line-height:21px;
	background:url(../images/bg-contentSidebar.jpg) no-repeat;
}

.kontaktbox {
	padding-top:122px;
	height:152px;
	padding-left:32px;
}

.einrueck {
	padding-left:26px;
}

.galeriebox {
	margin-top:60px;
	margin-left:20px;
}

.galerieImage{
	border: 1px solid #8c8c8c;
   padding: 2px;
   margin:0px 10px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
	float:left;
}

.galerieImageNoMargin{
	border: 1px solid #8c8c8c;
   padding: 2px;
   margin:0px 0px 0px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
	float:left;
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
   float:left;
   width: 618px;
   padding:46px 26px 0 26px;
   text-align:left;
   font-size:1em;
   line-height:21px;
   height:auto !important;
   min-height:470px;
   height:470px;
	background:url(../images/bg-contentMain.jpg) no-repeat 0 0;
}

.contentMainColumn {
	width:294px;
	float:left;
	margin-right:26px;
}

.contentMainColumn1 {
	width:296px;
	float:left;

}

/*------------------ =headlines  ---------------*/

h2 {
   background:url(../images/bg-h2.gif) no-repeat 0 0;
   height:47px;
	width:618px;
   margin-bottom:30px;
	font: 35px "Graublau Web", Arial;
	padding-top:16px;
	padding-left:14px; 
	color:#0078b5;
	text-transform:uppercase;
}

h3 {
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:15px;

}

/* =image */

.image {
   border: 1px solid #9b9b9a;
   padding: 2px;
   margin:0px 6px 6px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.imageNoMargin {
   border: 1px solid #9b9b9a;
   padding: 2px;
   margin:0px 0px 0px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

/*==================================================
    => navi   
==================================================*/

ul#navi{
	width:960px;
	height:62px;
	position:absolute;
	top:330px;
	left:0px;
	z-index:5;
}

ul#navi li {
   float:left;
}

ul#navi li a {
   height:62px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#navi li a.home {
   width:145px;
}

ul#navi li a.ueber-uns {
   width:116px;
}

ul#navi li a.leistungen {
   width:138px;
}

ul#navi li a.ansprechpartner {
   width:186px;
}

ul#navi li a.anfahrt {
   width:118px;
}

ul#navi li a.kontakt {
   width:110px;
}

ul#navi li a.impressum {
   width:147px;
}

ul#navi li a:hover {
   background:url(../images/naviHover.gif) no-repeat 0 0;
}

ul#navi li a.ueber-uns:hover {
   background-position: -145px 0px;
}

ul#navi li a.leistungen:hover {
   background-position: -261px 0px;
}

ul#navi li a.ansprechpartner:hover {
   background-position: -399px 0px;
}

ul#navi li a.anfahrt:hover {
   background-position: -585px 0px;
}

ul#navi li a.kontakt:hover {
   background-position: -703px 0px;
}

ul#navi li a.impressum:hover {
   background-position: -813px 0px;
}


/*-------------- Subnavi1 Anfang -----------------------*/

ul#navi ul.mainul {
	margin:0;
	list-style:none;
	height:auto;
	position:absolute;
	top: 60px;
	left: 260px;
	width: 210px;
	height:205px;
	background: #d2d0d0;
	font-family:Tahoma, Arial, Times New Roman !important;
	text-transform:uppercase;
	font-size:15px;
	z-index:5;
	padding: 0px 0 0 0px;
	display:none;
}

ul#navi li ul.mainul,
ul#navi li:hover ul.mainul {
	padding: 8px 0 0 20px;
}

ul#navi li:hover ul.mainul {
	display:block;
}

ul#navi ul.mainul li,
ul#navi ul.mainul li a {
	padding:0;
	margin:0;
	display:block;
	float:none;
	text-decoration:none!important;
	text-indent:0!important;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	height:auto!important;
	font-family:Tahoma, Arial, Times New Roman !important;
}

* html ul#navi ul.mainul li,
ul#navi ul.mainul li a {
	display:inline-block;
}

ul#navi ul.mainul li a {
	border: none;
	background:url(../images/sub.gif) no-repeat left center;
	width: 165px;
	height: 80px;
	padding: 13px 0 0 5px;
	color: #ffffff!important;
	position:relative;
	margin-left:5px;

}

ul#navi ul.mainul li a:hover {
	padding:13px 0 0 5px;
	text-decoration:underline !important;

}

.noBorder {
	border:none!important;
}

/*------------------- Subnavi1 Ende ------------------*/



/*==================================================
    => footer   
==================================================*/

div#footer {
   height: 215px;
   margin:0 auto 0px;
   width:100%;
   
}

div#footerContent {
   position:relative;
   margin:0 auto;
   width:960px;
   height:215px;
   text-align:left;
	background: url(../images/bg-footerContent.gif) center;
}



.top:hover {
background: url(../images/bg-top.gif) no-repeat; 
}

/*==================================================
    => googlemaps   
==================================================*/
div#map a {
background:none repeat scroll 0 0 #0078B5;
border:medium none;
color:#FFF !important;
cursor:pointer;
display:inline;
font-size:14px;
height:15px !important;
margin:9px 0 0;
padding:3px 10px;
width:220px !important;
}

.iframemap {
   border:1px solid #b1b0b0;
   padding:3px;
}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

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

.clearfix {
   display: block;
}
/* End hide from IE-mac */




/*==================================================
    => imprint  
==================================================*/


dl.imprintTypeOfBusiness,
dl.imprintAddress {
	width:100%;
	line-height:18px;
	
}

dl.contentMainImprint dt, dl dt {
display:block;
float:left;
font-weight:bold;
width:294px;
}

#datenschutz {
	display:block;
}

dl.contentMainImprint dd, dl dd {
float:left;
width:255px;
}