@charset "UTF-8";
/* CSS Document */


 /* =====================================
 	1. Kalibrierung und allgemeine Styles
	===================================== */


/* Kalibrierung der wichtigsten Abstände */

* { padding: 0; margin: 0; }


ol,ul { list-style-position:inside; }


/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */


body {
	color: #6d6e70; /* Schriftfarbe */
	background-color: white;  /* Hintergrundfarbe */
	background-image: url(../../images/hgbody.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: repeat-x;
	background-position: top;
	line-height: 14pt;
}

hr {
	color:#FFFFFF;
	background-color:#FFFFFF;
	height:5px;
	border:#FFFFFF; 
}
		
h1 {
	font-size: 20px;
	color: #6d6e70;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 2px;
	margin-top: 14px;
	margin-bottom: 10px;
	line-height:0.6em;
}

h1:before {content:url(../../images/icon_rot.gif)" "; }
	
h2 {
	font-size: 15px;
	color: #6d6e70;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;
}
		
		
h3 {
	font-weight: lighter;
	font-size: 12px;
	color: #6d6e70;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	margin-bottom: 20px;
}
		
a { /* Unterstreichung entfernen */
text-decoration: none; outline: none;
}

a:link { color: #6d6e70; }
a:visited { color: #6d6e70; }
a:hover, a:focus { color: #ca4248; }
a:active { color:#ca4248; }
		
.skiplink {
position: absolute;
top: -2000px;
left: -3000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

#logo {
border: none;
position: absolute;
top: 0;
right: 22px;
}

#linien {
position: absolute;
bottom: 0;
right: 9px;
}

div.galerie {
overflow: hidden;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 16px;
}

div.galerie img {
float: left;
padding: 30px;
border: 1px solid #ddd;
margin-right: 90px;
margin-top: 10px;
clear: both;
}

div.text {
position: absolute;
width: 460px;
right: 70px;
}

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

 /* =====================================
 	2. Styles für die Layoutbereiche
	===================================== */

#wrapper {
color: #6d6e70; 
background-color: white;
background-image:url(../../images/hgcontent.gif);
width: 989px;
height: 120%;
min-height: 120%;
height: auto;
margin-top: 13px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
	

#kopfbereich {
position: relative;
height: 237px;
width: 989px;
background-color: white;
background-image: url(../../images/hgheader.gif);
background-repeat: repeat-y;
}



/* navigation */

* html #navibereich { height: 1%; }		
		
#navibereich {
display: block;
position: absolute;
width: 540px;
height: 97px;
left: 14px;
bottom: 0;
padding: 76px 0 0 8px;
color: #6d6e70;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
}
		
		
#navibereich li {
float:left;
width: 100px;
height: 97px;
background: #e7e8e9;
list-style: none;
margin: 0 7px 0 0;
}
			
#navibereich a {
display: block;
color: #908f8f;
font-size: 12px;
text-decoration: none;
padding: 74px 0 0 6px;
}

#navibereich a:hover,
#navibereich a:focus{
padding: 74px 0 0 6px; border: solid 2px #939598;
background-image: url(../../images/nav_active.gif);
}


#navibereich a:active {
padding: 74px 0 0 6px;
color: black;
border: solid 2px #939598;
background-image: url(../../images/nav_active.gif);
}

a.pagelink:link { padding: 74px 0 0 6px; border: solid 2px #939598; background-image: url(../../images/nav_active.gif);}
a.pagelink:visited { padding: 74px 0 0 6px; border: solid 2px #939598; background-image: url(../../images/nav_active.gif); }
a.pagelink:active { padding: 74px 0 0 6px; border: solid 2px #939598; background-image: url(../../images/nav_active.gif);}
a.pagelink:hover { padding: 74px 0 0 6px; border: solid 2px #939598;background-image: url(../../images/nav_active.gif); }

#konzept #navi01 a,
#profil #navi02 a,
#projekte #navi03 a,
#galerie #navi04 a,
#kontakt #navi05 a, {
border: solid 2px #939598;
}	

/* subnavigation */
		
#subnavi {
display: block;
position: relative;
height: 44px;
bottom: 0;
margin-top: 4px;
padding: 4px 8px 0 30px;
color: 6d6e70;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
background-color: #f8f8f8;
background-image: url(../../images/hgsubnav.gif);
}
		
a.subpagelink:link { color: #ca4248; }
a.subpagelink:visited { color: #ca4248; }
a.subpagelink:active { color: #ca4248; }
a.subpagelink:hover { color: #ca4248; }

a.anfahrt:link { border: solid 2px #939598; }
a.anfahrt:visited { border: solid 2px #939598; }
a.anfahrt:active { border: solid 2px #939598; }
a.anfahrt:hover { border: solid 2px #ca4248; }

.anfahrt a:link { border: solid 2px #939598; }
.anfahrt a:visited { border: solid 2px #939598; }
.anfahrt a:active { border: solid 2px #939598; }
.anfahrt a:hover { border: solid 2px #ca4248; }

#subnavigation {
width:50px;
height:60px;
background-color:#330099;
position:relative;
float:left;
border: solid 2px #939598;

left:50px;
width: 40px;
margin-left:20px;
padding-left:20px;
}

#csc-default {
float:left;
}

#konzept #navi01 a,
#profil #navi02 a,
#projekte #navi03 a,
#galerie #navi04 a,
#kontakt #navi05 a, {
color: #ca4248;
				}	

/* navigation ende */


#textbereich {
float: left;
padding: 10px 20px 40px 20px;
background-repeat: repeat-y;
position: absolute;
width: 949px;
height: 102%;
min-height: 120%;
background-color: white;
background-image:url(../../images/hgcontent.gif);
background-repeat: repeat-y;

}

#footer {
position: fixed;
top: auto;
bottom: 0;
width: 100%;
height: 59px;
color: #6d6e70;
background-color: #dcddde;
background-image: url(../../images/hgfootermain.gif);
}
		
#footer .adr  {
padding: 8px 0 0 0;
height: 21px;
text-align: center;
background-image: url(../../images/hgfooter1.gif);
background-repeat: no-repeat;
background-position: top center;
}

#footer .footerbottom {
height: 30px;
text-align: center;
background-image: url(../../images/hgfooter2.gif) !important;
background-repeat: no-repeat;
background-position: center;
}

.bodylext li {
margin-left:20px;
}
	
.bodylext ul {
margin-left:20px;
}

.home1 {
	line-height:1.6;
	font-size: 30px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
}
.home2 {color: #e58188}

.divider hr{ 
	background-color:#dcdddf; 
	color:#dcdddf;
	}

/*div.csc-textpic * {
padding: 1px !important;
}
*/