/* generated by csscreator.com */ 
html, body{
	margin:0px;
	padding-top:0px;
	
} 
body {
	text-align:center;
	background: #f3f3f3;

	font: 0.9em Arial, Helvetica, sans-serif;
	color: #333333;
	}
	 
#pagewidth{
	width:926px;
	text-align:center;
	background: url(layout/footer-rand.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px auto 0px;

} 
 

 
#header{

 background-image: url(layout/header.png);
 background-repeat: no-repeat;
 background-position: center top;
 


	height:260px;
	width:926px;

} 

	
	
#HauptfeldUebersicht{
	margin-right: 25px;
	margin-left: 25px;
	text-align: center;
} 

#maincol{
	margin-right: 25px;
	margin-left: 25px;

}
#maincolindex{
	margin-right: 20px;
	margin-left: 25px;
}



#navHorizontal {
	position: relative;
	height: 80px;
	width: 564px;
	margin-top: 0px;
	margin-bottom: 10px;
    top: 190px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left:181px;
	margin-right:181px;

}
#navHorizontal a {
	display: block;
	width: 141px;
	text-decoration: none;
	height: 40px;
	float: left;
	margin-right: 0px;
}

#horihome a:link {
	background: url(layout/buttons/homeboth.gif) no-repeat left top;
}
#horihome a:visited {
	background: url(layout/buttons/homeboth.gif) no-repeat left top;
	}
#horihome a:hover {
	background: url(layout/buttons/homeboth.gif) no-repeat left bottom;
	}
#horihomeActive a {
	background: url(layout/buttons/homeboth.gif) no-repeat left bottom;
	}
#horireferences a:link {
	background: url(layout/buttons/referencesboth.png) no-repeat left top;
	
}
#horireferences a:visited {
	background: url(layout/buttons/referencesboth.png) no-repeat left top;
	
}
#horireferences a:hover {
	background: url(layout/buttons/referencesboth.png) no-repeat left bottom;
	
}
#horireferencesActive a {
	background: url(layout/buttons/referencesboth.png) no-repeat left bottom;
	
}
#horigraphics a:link {
	background: url(layout/buttons/graficsboth.png) no-repeat left top;
	
}
#horigraphics a:visited {
	background: url(layout/buttons/graficsboth.png) no-repeat left top;
	
}
#horigraphics a:hover {
	background: url(layout/buttons/graficsboth.png) no-repeat left bottom;
	
}
#horigraphicsActive a {
	background: url(layout/buttons/graficsboth.png) no-repeat left bottom;
	
}
#horiphotoart a:link {
	background: url(layout/buttons/photoartboth.png) no-repeat left top;
	
}
#horiphotoart a:visited {
	background: url(layout/buttons/photoartboth.png) no-repeat left top;
	
}
#horiphotoart a:hover {
	background: url(layout/buttons/photoartboth.png) no-repeat left bottom;
	
}
#horiphotoartActive a {
	background: url(layout/buttons/photoartboth.png) no-repeat left bottom;
	
}

#OberkanteHome {

	height: 53px;
	padding-top: 0px;
    background: url(layout/Oberkantehome.png) no-repeat;

}
#Oberkante {

	height: 53px;
	padding-top: 0px;
    background: url(layout/Oberkante.jpg) no-repeat;
	margin-top: 0px;

}
#OberkanteFoto {

	height: 53px;
	padding-top: 0px;
    background: url(layout/Oberkantefoto.png) no-repeat;
	margin-top: 0px;

}
#OberkanteFotoArt {

	height: 53px;
	padding-top: 0px;
    background: url(layout/OberkantefotoArt.png) no-repeat;
	margin-top: 0px;

}
#OberkanteGrafik {

	height: 53px;
	padding-top: 0px;
    background: url(layout/OberkanteGrafik.png) no-repeat;
	margin-top: 0px;

}
#OberkanteNavi {
    text-align: center;
	background-color#00FFFF;
	padding-top: 10px;
	margin-left: 213px;
	margin-right: 200px;
	
	width: 500px;


}

#navHorizontalIcons {

    width: 200px;
	margin-top: 25px;
	height: 29px;
	padding-top: 0px;
    float: right;
	padding-right: 10px;
}
#navHorizontalIcons a {
	display: block;
	width: 22px;
	text-decoration: none;
	height: 29px;
	float: right;
	margin-right: 20px;
}

#links a:link {
	background: url(layout/buttons/Linksboth.png) no-repeat left top;
}
#links a:visited {
	background: url(layout/buttons/Linksboth.png) no-repeat left top;
	}
#links a:hover {
	background: url(layout/buttons/Linksboth.png) no-repeat left bottom;
	}
#linksActive a {
	background: url(layout/buttons/Linksboth.png) no-repeat left bottom;
	}
#guestbook a:link {
	background: url(layout/buttons/Gaestebuchboth.png) no-repeat left top;
	
}
#guestbook a:visited {
	background: url(layout/buttons/Gaestebuchboth.png) no-repeat left top;
	
}
#guestbook a:hover {
	background: url(layout/buttons/Gaestebuchboth.png) no-repeat left bottom;
	
}
#guestbookActive a {
	background: url(layout/buttons/Gaestebuchboth.png) no-repeat left bottom;
	
}
#contact a:link {
	background: url(layout/buttons/Kontaktboth.png) no-repeat left top;
	
}
#contact a:visited {
	background: url(layout/buttons/Kontaktboth.png) no-repeat left top;
	
}
#contact a:hover {
	background: url(layout/buttons/Kontaktboth.png) no-repeat left bottom;
	
}
#contactActive a {
	background: url(layout/buttons/Kontaktboth.png) no-repeat left bottom;
	
}
#impressum a:link {
	background: url(layout/buttons/Impressumboth.png) no-repeat left top;
	
}
#impressum a:visited {
	background: url(layout/buttons/Impressumboth.png) no-repeat left top;
	
}
#impressum a:hover {
	background: url(layout/buttons/Impressumboth.png) no-repeat left bottom;
	
}
#impressumActive a {
	background: url(layout/buttons/Impressumboth.png) no-repeat left bottom;
	
}


#footerindex{
	height:44px;
	text-align: center;
	margin-top: -3px;
	clear: both;
	top: 0px;
	background-repeat: no-repeat;
	background: url(layout/footer.jpg);
	margin-bottom:0px;
	margin-right: 0px;

 } 


	
#footer{
	height:53px;
	text-align: center;
	margin-top: 0px;
	clear: both;
	background: url(layout/footer.png);
	background-repeat: no-repeat;
	margin-bottom:0px;
	margin-right: 0px;

 } 	
 

	
#copyrightText {


	text-align: center;
	margin-bottom:0px;
	padding-bottom:0px;
}
#unterfooter{
	height:85px;
	text-align: center;
	margin-top: 0px;
	clear: both;
	text-align:center;
	background: #f3f3f3;
	margin-bottom:0px;
	margin-right: 0px;

 } 

#unternaviText{


	margin-top: 0px;
	text-align: center;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	

 }
 
#unternavi{


text-align: center;

 }

 #HintergrundHauptfeld{

    background-color: #f7f7f7;
	border: 1px #d7d7d7 solid;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
    margin-left:auto;
    margin-right: auto;
	margin-top: 0px;
    width: 740px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: center;
 }
 
  #HintergrundHauptfeldHead{

    background: #e8e8e8 URL(layout/HintergrundHAuptfeldHead.png);
	
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
    margin-left:auto;
    margin-right: auto;
	margin-top: 0px;
    width: 740px;
	height: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 10pt;
	font-weight: bold;
 }
#HintergrundHauptfeldHeadHell{

    background: #f7f7f7;
	
    margin-left:auto;
    margin-right: auto;
	margin-top: -10px;
    width: 740px;
	height: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
 }
 #Impressum{
    width: 740px;
	margin-left:auto;
    margin-right: auto;
	text-align: top;
	display: block;
 }
 
  #HintergrundIndexLinks{

    background-color: #ffffff;
	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
    margin-left:0px;
    margin-right: auto;
	margin-top: 0px;
    width: 465px;
    height: 400px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: center;
	float: left;
 }
 #HintergrundIndexRechts{

    background-color: #ffffff;
	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
    margin-left:auto;
    margin-right: 0px;
	margin-top: 0px;
    width: 235px;
    height: 400px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: top;
	float: right;
 }
  #HintergrundImpressum{

    background-color: #f7f7f7;
	border: 1px #e8e8e8 solid;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
    margin-left:0px;
    margin-right: auto;
	margin-top: 0px;
    width: 470px;
    height: 510px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: center;
	float: left;
 }
   #HintergrundImpressumHead{

    background: #e8e8e8 URL(layout/HintergrundImpressumHead.png);
	
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
    margin-left:auto;
    margin-right: auto;
	margin-top: 0px;
    width: 100%;
	height: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
 }
 #HintergrundImpressumHeadHell{

    background: #f7f7f7;
	
    margin-left:auto;
    margin-right: auto;
	margin-top: -10px;
    width: 100%;
	height: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
 }
 
  #ImpressumText{

	text-align: left;
	padding-left: 12px;
	padding-right: 20px;

 }
   #Wetter{

	text-align: left;
	padding-left: 230px;
	padding-right: 20px;

 }
   #HintergrundAdresse{

    background-color: #f7f7f7;
	border: 1px #e8e8e8 solid;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
    margin-left:auto;
    margin-right: 0px;
	margin-top: 0px;
    width: 230px;
    height: 510px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: top;
	float: right;
 }
  

	
 #Referenzenbox{

background: #ffffff url(layout/Referenzenbox.png);
text-align: center;
width: 723px;
	text-decoration: none;
	height: 151px;
	margin-top: 0px;
	margin-left: 76px;

 }
  #Referenzenbilder{

text-align: center;
	padding-top: 3px;
	padding-bottom:6px;
	margin-left: 0px;

 }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#navVertical{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
#maincol a:link img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #CCCCCC;
	background: url(layout/bildSchatten.jpg) no-repeat 10px 10px;
	filter: alpha(opacity=70); -moz-opacity:0.7;
}
#maincol a:visited img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #CCCCCC;
	background: url(layout/bildSchatten.jpg) no-repeat 10px 10px;
	filter: Alpha(Opacity=70); -moz-opacity:0.7;
}
#maincol a:hover img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #666666;
	background: url(layout/bildSchatten.jpg) no-repeat 10px 10px;
	filter: Alpha(Opacity=100); -moz-opacity:1;
}

#homeLinks a:link img{
	padding: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(%20);
}
#homeLinks a:visited img{
	padding: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#homeLinks a:hover img{
	padding: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1 {
	font-size: 0.9em;
	font-weight: bold;
}

.transparent {
    filter: Alpha(Opacity=75);
    -moz-opacity:0.75;
}

.headlineRefernzen {
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	width: 700px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 100px;
	top: 20px;
}
.headlineHome {
	background-color: #dedede;
	width: 700px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.8em;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	position: relative;
	top: 20px;
}
#maincolLinks a:link img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #666666;
	filter: Alpha(Opacity=75);
-moz-opacity:0.75;
	background-image: url(%20);
}
#maincolLinks a:visited img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #666666;
	filter: Alpha(Opacity=75);
-moz-opacity:0.75;
	background-image: url(%20);
}
#maincolLinks a:hover img {
	margin: 5px 5px 0px;
	padding: 5px;
	border: 0px solid #666666;
	filter: Alpha(Opacity=100);
-moz-opacity:1;
	background-image: url(%20);
}
#indexMain {
	text-align: center;
}

#indexMain a:link {
	text-align: center;
	color: #dedede;
}
#indexMain a:visited {
	text-align: center;
	color: #dedede;
}
#indexMain a:hover {
	text-align: center;
	color: #dedede;
}