/* --------------- Einstellung für alle Elemente ---------------*/
html * { margin: 0; padding:0; }

/* --------------- Body ---------------*/

body {
margin:0;
padding:0;
background-color: #130902;
background-image: url(b_back.jpg);
background-repeat: no-repeat;
background-position:center top;
overflow: auto;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-align: center;
color:#c0c0c0;
}

h1{color:#ffffff;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:200%;
font-variant:small-caps;
}

h2{color:#ffffff;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:180%;
font-variant:small-caps;
}

h3{color:#ffff00;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:150%;
font-variant:small-caps;
}

h4{color:#ffffff;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:130%;

}

h5{color:#ffffff;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:120%;
}

h6{color:#ffffff;
text-align: center;
font-family: "Times New Roman", Helvetica, Arial, Verdana, sans-serif;
font-size:110%;
}

p{
font-family: Helvetica, Arial, Verdana, sans-serif;
text-align: center;
color:#c0c0c0
}

div.p2 {
font-family: Helvetica, Arial, Verdana, sans-serif;
text-align: center;
color:#ffff00;
}

div.p3 {
font-family: Helvetica, Arial, Verdana, sans-serif;
text-align: left;
font-size:140%;
font-variant:small-caps;
color:#ffffff;
}

div.text {
position: relative;
top: 0;
width: 75%;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-align: center;
color: #c0c0c0;
}

div.text2 {
position: relative;
top: 0;
width: 80%;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:110%;
text-align: center;
color: #ffffff;
}

div.text3 {
position: relative;
top: 0;
width: 60%;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:110%;
text-align: center;
color: #ffffff;
}

div.page {width: 910px; margin: 0px auto 0px auto;
 }
#cheader {background: url(images/bg_cheader.jpg)
left top repeat-x; clear: left; float:
left; width: 100%; height: 130px; overflow: hidden; text-align: left; z-index: 2000}
#hm {float: left; width: 500px; margin: 5px 0px 0px 0px; overflow: hidden; }
#hm ul {list-style-type: none;}
#hm ul li {float: left; margin: 0px 10px 0px 0px;}
#hm ul li a:hover {color:#ffffff;}
#hm ul li a {display: block; width: 90px; height: 23px; padding: 7px 0px 0px 0px;float: left; text-align: center; color: #adadad; text-decoration: none; background: url(images/bg_hm.png) left top no-repeat;}
#hm ul li a.active {background: url(images/bg_hm_active.png) left top no-repeat; color: #ffffff;}

.class1 a:link {color:#adadad;}
.class1 a:visited {color:#adadad;}
.class1 a:hover {color:#ffffff;}
.class1 a:active {color:#ffffff;}

.class2 a:link {color:#eeeaaa;}
.class2 a:visited {color:#eeeaaa;}
.class2 a:hover {color:#ffffff;}
.class2 a:active {color:#ffffff;}

#cccontent {clear: left;
float: left; width: 100%;
position: fixed;
padding: 100px 0px 30px 0px;
overflow: auto;
text-align: center;
border-top: 1px solid #D0D0D0; z-index:1;}


#ccontent {width: 910px; margin: 0px auto 0px auto; overflow: hidden; text-align: center;
}



#pics {clear: both; float: left; width: 910px; overflow: hidden;}
#maxpic {position: relative; float: left; width: 225px; height: 300px; overflow: hidden; margin: 0px 10px 10px 0px; border: 4px solid #DEDEDE;}
#maxpic img {width: 225px;}
#pics ul.minpics {float: left; width: 650px;}
#pics ul.minpics li {float: left; width: 53px; height: 70px; overflow: hidden; margin: 0px 4px 4px 0px; border: 2px solid #DEDEDE; cursor: pointer;}
#pics ul.minpics li img {}

#nav {clear: both; width: 910px; float: left; font-size: 11px; }
#picnav {float: left; width: 225px; margin: 0px 10px 0px 0px; padding: 4px 10px 4px 10px; background-color: #ffff00;}
#picnav a {display: block; float: left; color: #666; text-decoration: none; }
#picnav a.right {float: right;}
#pagenav {float: left; width: 700px; }
#pagenav a{display: block; float: left; margin: 0px 5px 0px 0px; text-decoration: none; text-align: center; padding: 4px 6px 4px 6px; background-color: #4c2613; color: #c0c0c0;}
#pagenav a.active{background-color: #4c2613; color: #fff; }














#header, #footer{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#130902;
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#ffffff;
z-index: 2;

}



#pictureheader {
clear: left;
float: left;
width: 328px;
height: 100px;
margin: 0px 10px 0px 0px;
z-index: 3;}


#footer{
top: auto;
bottom: 0;
height: 40px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#130902;
font-family: Helvetica, Arial, Verdana, sans-serif;
z-index: 9;
}

#pictureright {
position: absolute;
top: 0px;
right: 0px;
overflow: hidden;
z-index: 1;
}

#picturefooter {
position: absolute;
right: 15px;
bottom: 0px;
z-index: 3;
}

#maincontent{
position: fixed;
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
left: 25%;
width: 75%;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
z-index: 1;
color:#c0c0c0;
}

#kontakt{
position: fixed;
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
left: 25%;
width: 75%;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden;
z-index: 2;
color:#c0c0c0;
}

#buchstaben{
position: fixed;
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
left: 10%;
width: 80%;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden;
z-index: 1;
color:#c0c0c0;

}

#galerie{
position: fixed;
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
height: 100%;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden;
z-index: 1;
color:#c0c0c0;

}







div.h_bg {
background-image: url(h_back.jpg);
position:absolute; top: 0px; left: 0px;
height: 100px;
width: 100%;
background-color:#130902;}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertubebig{
margin: 50px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}


* html body{ /*IE6 hack*/
padding: 100px 0 40px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}


* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

* html #kontakt{ /*IE6 hack*/
height: 100%;
width: 100%;
}