*{
	margin: 0;
  	padding: 0;
}
.clearfix{ clear: both; }
#content ul li{margin-left: 15px;}
a{ text-decoration: none; color: #1A69AC}
a img{ border: none;}
p{ margin-bottom: 5px; }
h1{ font-size: 18px; color: #1A69AC; margin-bottom: 15px; clear: both;}
h2{ font-size: 15px; color: #1A69AC; margin-bottom: 10px; clear: both;}
h3{ font-size: 14px; color: #1A69AC; margin-bottom: 5px; clear: both;}
h2.headlineRed{ color: #CC0000; font-size: 14px; }
body{
	background: #EEEEEE;
  	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  	font-size: 14px;
  	color: #333;
    	/*color: #1D629F;*/
}
#page_wrapper{
	width: 995px;
  	position: relative;
  	min-height: 500px;
  	margin: 15px auto;
}
#header{
  	border: 1px solid #1A69AC;
}
#banner{
	height: 130px;
  	background: url(http://www.geruchsbehandlung.spreewaldgruen.de/level9_cms/layout/images/header_BG_Geruchsbehandlung_970.jpg) no-repeat #FFF 10px 10px;
  	padding: 5px;
}
#banner a{
  	display: block;
	width: 100%;
  	height: 100%;
}
#mainarea{
    	border: 1px solid #1A69AC;
  	border-top: none;
  	background: #FFF;
  	overflow: auto;
  	margin-bottom: 5px;
}
#content{
  	float: right;
 	width: 730px;
  	overflow: hidden;
  	padding-top: 20px;
}
#newsarea{
	width: 240px;
  	min-height: 550px;
  	padding-bottom: 40px;
  	background: #91C0EC;
  	position: relative;
}
#newsarea .newsabsatz{
	position: absolute;
  	bottom: 15px;
  	border-top: 1px dashed #FFF;
  	padding-top: 5px;
  	width: 200px;
  	margin-left: 10px;
  	color: #333;
  	font-size: 12px;
  	letter-spacing: 1px;
}
#footer{
	text-align: center;
  	margin: 0 auto;
}
#footer address{
	font-size: 11px;
  	line-height: 18px;
}
/*	-	Absätze		-		*/
#content .absatz{
	margin-bottom: 20px;
  	clear: both;
}
#content .absatz2spaltig{
  	overflow: hidden;
}
#content .absatz2spaltig .absatz_links{
	width: 350px;
  	margin-right: 20px;
  	float: left;
  	overflow: hidden;
}
#content .absatz2spaltig .absatz_rechts{
	clear: none !important;
  	overflow: hidden;
}
.bannerSkizze{
	margin-bottom: 20px;
  	display: block;
}
/*	-	teaserBoxWrap	-	*/
.teaserBoxWrap div.teaserBox{
	width: 220px;
  	float: left;
  	margin: 0 14px 15px 0;
  	padding: 0px;
  	border: 1px solid #074F6F;
  	position: relative;
}
.teaserBoxWrap div.teaserBox .teaserBoxHeadline{
  	background: #0371A4;
  	color: #FFF;
  	font-size: 12px;
  	padding: 2px 3px 8px 2px;
  	margin: 0;
  	text-align: center;
	border-bottom: 1px solid #1A69AC;
}
.teaserBoxWrap div.teaserBox a.zoom{
  	display: block;
  	width: 100%;
  	height: 145px;
	background: #91C0EC;
  	margin: 0 auto;
  	text-align: center;
}
.teaserBoxWrap div.teaserBox a.zoom img{
  	max-width: 175px;
    	max-height: 130px;
  	border: 1px solid #1A69AC;  
  	margin-top: 20px;
}
.teaserBoxWrap div.teaserBox .teaserContent{
	height: 120px;
  	overflow: hidden;
  	font-size: 12px;
  	line-height: 16px;
  	padding: 5px;
}
.teaserBoxWrap div.teaserBox .teaserMoreLink{
	text-align: center; 	
    	padding-bottom: 3px;
  	height: 24px;
}
.teaserBoxWrap div.teaserBox .teaserMoreLink a{
  	background: #91C0EC;
  	background: -moz-linear-gradient(19% 96% 90deg,#1A69AC, #91C0EC, #91C0EC 100%);
  	color: #FFF;
  	font-weight: bold;
  	padding: 3px 10px;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    	border-radius: 3px;
  	font-size: 12px;
  	border: 1px solid #1A69AC;
}
.teaserBoxWrap div.teaserBox .teaserMoreLink a:hover{
  	color: #CCC;
  	-moz-box-shadow: 0 1px 8px #333;
}
.teaserBox img.fadeOut{
	position: relative;
  	top: -25px;
  	height: 25px;
  	width: 100%;
  	z-index: 3;
  	margin-bottom: -15px;
}
.teaserBox .details{
	position: absolute;
  	bottom: 30px;
  	right: 10px;
  	height: 28px;
   	z-index: 3;
}
/*	-	teaserFloatBoxenWrap	-	*/
.teaserFloatBoxenWrap{
	width: 160px;
  	height: 220px;
  	margin-bottom: 10px;
  	margin-right: 15px;
  	overflow: hidden;
  	float: left;

}
.teaserFloatBoxenWrap .teaserBox{
	font-size: 12px;
  	line-height: 18px;
  	text-align: center;
}
.teaserFloatBoxenWrap .teaserBox .teaserThumb{
  	max-width: 120px;
	max-height:120px;
  	border: none;
}

.teaserFloatBoxenWrap .teaserBox .teaserThumb:hover{
  	opacity: 0.8;
  	filter: alpha(opacity=80);
}
/*	-	downloadList	-	*/
.downloadList{
	clear: both;
  	overflow: hidden;
  	margin-bottom:15px;
}
.downloadList .downloadItem{
	width: 300px;
  	float: left;
  	margin-right: 50px;
  	color: #0070A2;
}
.downloadList .downloadItem a{
    	color: #0070A2;
  	display: block;
  	overflow: hidden;
  	font-size: 11px;
}
.downloadList .downloadItem .pdfDownloadIcon{
	width: 50px;
  	margin-right: 10px;
  	float: left;
  	overflow: hidden;
}
.downloadList .downloadItem h3{
  	font-size: 12px;
  	text-decoration: underline;
}
/*   -    Kontaktform    -   */
.kontakt_formular{
       margin: 0 0 20px 0;
       width: 338px;
       color: #444;
       overflow: hidden;
}
.kontakt_formular fieldset{
        border: none;
        padding: 20px 0;
}
.kontakt_formular legend{
        background-color: #4A2788;
        color: #FFF;
        line-height: 22px;
        margin-left: 65px;
        width: 320px;
        text-align: center;
        font-size: 13px;
        border: 1px solid #CCC;
        margin-bottom: 20px;
}
.kontakt_formular input[type="text"]{
        background: url(http://spreewaldgruen.spreewaldgruen.de/level9_cms/layout/images/input_BG.jpg) repeat-x;
        height: 21px; line-height: 20px;
        width: 304px;
        vertical-align: middle;
        margin: 1px;
        border: none;
        padding: 0 3px;
        color: #444;
}
.kontakt_formular input[type="text"]:focus{
        outline: 1px dashed #12A824;
        color: #444;
        background: #FFF;
}
.kontakt_formular .message_col{
       padding-top: 5px;
       vertical-align: top;
}
.kontakt_formular textarea,
.kontakt_formular2 textarea{
        margin-top: 10px;
        margin-left: 1px;
        width: 310px;
        border: 1px inset #CCC;
        background: rgb(210,227,245); /* Old browsers */
        background: -moz-linear-gradient(28% 100% 90deg,#EFEFEF, #D9D9D9, #FFFFFF 84%);
}
.kontakt_formular textarea:focus{
        background: #FFF;
        outline: 1px dashed #12A824;
}
.kontakt_formular input[type="submit"],
.kontakt_formular2 input[type="submit"]{
        margin: 5px 0 10px 0;
        background: rgb(210,227,245); /* Old browsers */
        background: -moz-linear-gradient(28% 100% 90deg,#EFEFEF, #D9D9D9, #FFFFFF 84%);
        -moz-border-radius: 3px;
        width: 140px;
        height: 28px;
        color: #1A69AC;
        border: none;
  	font-size: 13px;
  	font-weight: bold;
}
.kontakt_formular input[type="submit"]:hover,
.kontakt_formular2 input[type="submit"]:hover{
        color: #444;
        background: #EFEFEF;
        cursor: pointer;
}
.kontakt_formular label{
        float: right;
        padding: 3px 10px;
        font-size: 12px;
}
.kontakt_formular #txtHausnummer{
        width: 60px;
        vertical-align: middle;
}
.kontakt_formular #plz{
        margin-top: 2px;
        width: 60px;
}
.kontakt_formular #strasse{
        width: 150px;
        vertical-align: middle;
}
.kontakt_formular #ort{
        margin-top: 2px;
        width: 150px;
}
.kontakt_formular h2{
        font-size: 14px;
        color: #a9a8a4;
        font-weight: normal;
}
/*   -    Kontaktform    -   */
.kontakt_formular2{
      margin: 20px 0;
}
.kontakt_formular2 fieldset{
        border: none;
        padding: 20px;
}
.kontakt_formular2 legend{
        background-color: #4A2788;
        color: #FFF;
        line-height: 22px;
        margin-left: 65px;
        width: 320px;
        text-align: center;
        font-size: 13px;
        border: 1px solid #CCC;
        margin-bottom: 20px;
}
.kontakt_formular2 input[type="text"]{
        background-color: #EFEFEF;
        border: 1px solid #999;
        height: 20px;
        width: 300px;
        vertical-align: middle;
        margin: 1px 0;
}
.kontakt_formular2 input[type="text"]:focus{
        background-color: #FFF;
        border: 1px solid #294F01;
}
.kontakt_formular2 .message_col{
       padding-top: 5px;
       vertical-align: top;
}
.kontakt_formular2 textarea{
        margin-top: 10px;
        width: 300px;
        background-color: #EFEFEF;
        border: 1px solid #999;
}
.kontakt_formular2 textarea:focus{
        background-color: #FFF;
        border: 1px solid  #294F01;
}
.kontakt_formular2 input[type="submit"]{
        margin: 20px 0 0 163px;
}
.kontakt_formular2 label{
        float: right;
        padding: 3px 10px;
        font-size: 12px;
}
.kontakt_formular2 #txtHausnummer{
        width: 60px;
        vertical-align: middle;
}
.kontakt_formular2 #plz{
        margin-top: 2px;
        width: 60px;
}
.kontakt_formular2 #strasse{
        width: 233px;
        vertical-align: middle;
}
.kontakt_formular2 #ort{
        margin-top: 2px;
        width: 233px;
}
.kontakt_formular2 h2{
        font-size: 14px;
        color: #a9a8a4;
        font-weight: normal;
}
/*    -   Galerien Lightbox  -  */
div.absatz_galeriebilder{
     padding:0 0 0 15px;
     float: left;
     width: 245px;

}
div.absatz_galeriebilderBig{
     width: 650px;
     mrgin: 10px 5px;
}

a.tump{ 
      float: left;
      margin: 0 18px 20px 0;
      height: 130px;
      width:  200px;
      display: block;
      overflow:hidden;
      cursor: pointer;
      border: 1px solid #008800;
      padding: 1px;
}
a.tump6{ 
      float:right; 
      margin: 0 5px 20px 0;
      height: 140px;
      width: 245px;
      overflow:hidden;
      cursor:pointer;
      border:1px solid #008800;
      padding:1px;
}
a.tump6big{ 
      float:right; 
      margin: 0 5px 0px 20px;
      height: 433px;
      width: 650px;
      overflow:hidden;
      cursor:pointer;
      border:1px solid #008800;
      padding:1px;
}
/*    Bildstreifen Zoom-Box   -  */
.clearfix{
      clear: both;
}
.bilderStreifen .zoomLink{
      display: block;
      width: 140px;
      padding: 5px;
      height: 100px;
      margin: 0 10px 10px 0;
      float: left;
      overflow: hidden;
}
.bilderStreifen .thumb{
      max-width: 140px;
      max-height: 100px;
      border: 1px solid #FFF;
      -moz-box-shadow: 0 2px 7px #999;
      box-shadow: 0 2px 7px #999;
}
.bilderStreifen .thumb:hover{
      opacity: 0.8;
      filter: alpha(opacity=80);
      -moz-box-shadow: 0 2px 8px #666;
      box-shadow: 0 2px 8px #666;
}
