@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => import additional CSS
==================================================*/

    @import url("lightbox.css");
    @import url("cms.css");
    @import url("clearfix.css");

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

* {
   padding:0;
   margin:0;
}

html {
	background:#fff url(../images/html.jpg) center top no-repeat;
   height:100%;
}

body {
   color:#808080;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px "Verdana", Arial, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
	background:url(../images/body.gif) 0 top repeat-x;
   height:100%;
}

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

a, .escape span {
   text-decoration: underline;
   color:#00a497;
   /*white-space:nowrap;*/
}

a:hover, a:hover span {
   color:#00a497;
   text-decoration:none;
}

a {
   outline:none;/* disable dotted active-link borders */
}

p {
   margin:0 0 15px 0;
}

img, img a {
   border:none;
}

/*==================================================
    => global classes
==================================================*/
.hr { 
   height:21px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:20px 0 0 0;
 }
.clear {
   clear:left;
   float:none;
   height:0;
   line-height:0.0em
}

.highlight-1 {
	background:url(../images/p-highlight-1.jpg) 0 6px no-repeat;
	padding-left:15px;
}

.highlight-2 {
   background:#f0f0f0 url(../images/p-highlight-2.jpg) 13px 16px  no-repeat;
   padding:10px 20px 10px 30px;
}

.highlight-3 {
   background:#f0f0f0 url(../images/p-highlight-3.jpg) 10px 12px  no-repeat;
   padding:10px 20px 10px 30px;
}

.floatLeft {
   float:left;
}

.marginRight10px {
   margin:0 10px 0 0;
}

.floatRight {
   float:right;
}

.externerlink {
   background:url(../images/icon-external-link.gif) no-repeat right center;
   padding:0px 20px 0px 0px;
}

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
   padding-left:20px;
   line-height:28px;
}

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

div#container {
   width:860px;
   text-align:left;
   min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px auto;
}

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

div#header {
	height:469px;
}

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

h1#branding a {
	width:326px;
   height:122px;
   float:left;
   text-indent:-9999px;
   background:url(../images/h1-branding.jpg);
}

div#slideShow {
	height:314px;
   width:524px;
   clear:right;
   float:right;
   overflow:hidden;
   background:url(../images/div-slideshow.jpg);
   position:relative;
   top:23px;
   *margin-top:9px;
   padding:5px;
}

/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
	padding:40px 0;
}

div#contentContainer h2 {
   color:#00a497;
   font:bold 18px/28px "Verdana", Arial, Helvetica, sans-serif;
   text-transform:uppercase;
}

div#contentContainer h3 {
   color:#311c76;
   font:bold 14px/24px "Verdana", Arial, Helvetica, sans-serif;
}

div#contentContainer h4 {
   color:#00a497;
   font:bold 12px/22px "Verdana", Arial, Helvetica, sans-serif;
   margin-bottom:10px;
}
/*------------------ =contentMain  ---------------*/

div#contentMain {
	width:534px;
   float:right;
}

div#contentMain div.colLeft {
	width:250px;
   float:left;
}

div#contentMain div.colRight {
	width:250px;
   float:right;
}

div#contentMain span.top a {
	float:right;
   position:relative;
   top:-18px;
   font-size:10px;
   text-transform:uppercase;
   height:14px;
   line-height:14px;
   color:#9f9f9f;
}

div#contentMain span.top a:hover {
	color:#00a497;
}

/* =imagesTypes */

.imagesType1 {
   border:5px solid #e5e5e5;
   background:#fff url(../images/layout/progress.gif) no-repeat center center;
   outline:none;
}

.imagesType1:hover, a:hover img.imagesType1 {
   border:5px solid #b5b5b5;
}

.imagesType2 {
   border:5px solid #e5e5e5;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
}

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {

}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:50%;
   float:left;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd {
   clear:right;
}

#btnImprint {
	display:none;
}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {
	width:272px;
   padding-left:20px;
   float:left;
}

/*==================================================
    => navigation    
==================================================*/

ul#navigation-1 {
	width:332px;
   height:29px;
   float:right;
   margin-top:84px;
   background:url(../images/ul-navigation-1.jpg);
}

ul#navigation-1 li {
	text-indent:-9999px;
   float:left;
}

ul#navigation-1 li a {
	height:29px;
   display:block;
}

ul#navigation-1 .startseite a {
	width:89px;
}

ul#navigation-1 .ueber-uns a {
	width:79px;
}

ul#navigation-1 .kontakt a {
	width:75px;
}

ul#navigation-1 .impressum a {
	width:89px;
}

ul#navigation-1 .startseite a:hover, ul#navigation-1 .startseite-active a {
	width:89px;
	background:url(../images/ul-navigation-1.jpg) 0 -29px;
}

ul#navigation-1 .ueber-uns a:hover, ul#navigation-1 .ueber-uns-active a {
	width:79px;
	background:url(../images/ul-navigation-1.jpg) -89px -29px;
}

ul#navigation-1 .kontakt a:hover, ul#navigation-1 .kontakt-active a {
   width:75px;
	background:url(../images/ul-navigation-1.jpg) -168px -29px;
}

ul#navigation-1 .impressum a:hover, ul#navigation-1 .impressum-active a {
	width:89px;
	background:url(../images/ul-navigation-1.jpg) -243px -29px;
}

ul#navigation-2 {
	clear:both;
   float:left;
	width:326px;
   height:197px;
   background:url(../images/ul-navigation-2.jpg);
   position:relative;
   top:59px;
   padding-top:31px;
}

ul#navigation-2 li {
	text-indent:-9999px;
   padding-left:20px;
}

ul#navigation-2 li a {
	width:272px;
   height:28px;
   display:block;
}
ul#navigation-2 .bad-und-wohnbereich a {
	background:url(../images/ul-navigation-2-li.jpg);
}

ul#navigation-2 .bad-und-wohnbereich a:hover, ul#navigation-2 .bad-und-wohnbereich-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px 0;
}

ul#navigation-2 .balkon-und-terrassen a {
	background:url(../images/ul-navigation-2-li.jpg) 0 -28px;
}

ul#navigation-2 .balkon-und-terrassen a:hover, ul#navigation-2 .balkon-und-terrassen-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px -28px;
}

ul#navigation-2 .cotto a {
	background:url(../images/ul-navigation-2-li.jpg) 0 -59px;
}

ul#navigation-2 .cotto a:hover, ul#navigation-2 .cotto-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px -59px;
}

ul#navigation-2 .naturstein a {
	background:url(../images/ul-navigation-2-li.jpg) 0 -87px;
}

ul#navigation-2 .naturstein a:hover, ul#navigation-2 .naturstein-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px -87px;
}

ul#navigation-2 .schwimmbad-und-wellness a {
	background:url(../images/ul-navigation-2-li.jpg) 0 -116px;
}

ul#navigation-2 .schwimmbad-und-wellness a:hover, ul#navigation-2 .schwimmbad-und-wellness-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px -116px;
}

ul#navigation-2 .gewerbe-und-industrie a {
	background:url(../images/ul-navigation-2-li.jpg) 0 -144px;
}

ul#navigation-2 .gewerbe-und-industrie a:hover, ul#navigation-2 .gewerbe-und-industrie-active a {
	background:url(../images/ul-navigation-2-li.jpg) -272px -144px;
}
div#footer ul {
	clear:both;
}

div#footer ul li {
	float:left;
   color:#9a9a9a;
}

div#footer ul li a {
	margin:0 3px;
   color:#9a9a9a;
}

div#footer ul li a:hover, div#footer ul .active a {
	color:#00a497;
   text-decoration:underline;
}

ul.navigation-3-1 {
   margin:0 auto;
   width:760px;
   padding-top:9px;
}

ul.navigation-3-2 {
   margin:0 auto;
   width:284px;
   padding-top:10px;
}
div#footer span {
	width:860px;
   margin:0 auto;
   display:block;
   position:relative;
   top:-21px;
}
div#footer span a {
	float:right;
	width:73px;
   height:21px;
   text-indent:-9999px;
   display:block;
   background:url(../images/a-top.jpg);
}

div#footer span a:hover {
   background:url(../images/a-top.jpg) 0 -21px;
}

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

div#footer, .push {
	height:110px;
}

div#footer {
   background:#eee;
   text-align:left;
}

div#footer div#contentFooter {

}
/*==================================================
    => standarts   
==================================================*/

ul.list {

}

ul.list li {
	background:url(../images/p-highlight-1.jpg) 13px 16px no-repeat;
	padding:10px 20px 10px 30px;
   _height:20px;
}

ul.list li:hover {
   background:#f0f0f0 url(../images/p-highlight-2.jpg) 13px 16px  no-repeat;
}

ul.list li a.active {
	font-weight:bold;
}