/* CSS Document */

body.index{margin:0px; height:auto; background:url(../hmm_test.jpg) no-repeat fixed}
body.galerie {margin:0px; background-color:#a6a6a6;}



.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }


/* ---------- fotogalerie ---------------------------*/
.clearboth { clear: both; }

#content {margin:0px; position:absolute; left:90px; top:20px; width:900px; overflow:hidden}
/*#content_galerie {margin:0px; position:relative; float:left; width:3000px;}
#content_galerie div {float:left; width:600px;}*/


#head-box {z-index:3; position:absolute;  width:100%; height:35px; padding-top:12px; background:url(../img/design/dunkel-rot_bkg.png) fixed}
.thumb{ margin-right:10px; height:24px; width:16px; background:#d8d8d8; float:left}
a:hover .thumb {background:#bfbfbf;}

#menu-footer{padding-top:10px; padding-bottom:5px; padding-left:90px;}
.galerie_thumb{ padding-right:20px;}
a .galerie_thumb {float:left; text-decoration:none; font-family: "Arial Narrow", "HelveticaNeue MediumCond", Arial, Verdana; font-size:13px; line-height:18px; color:#CCCCCC; letter-spacing:0.2em; font-weight:800}
a:hover .galerie_thumb {text-decoration:none; color:#fff;}


#foto-galerie { z-index:1; padding-top:50px;  width:15000px; float:left} /*height:720px;*/
#gross{float:left}
#mittel{float:left}
#klein{float:left}
#foto-galerie img{ padding-left:100px; }

#footer-box {z-index:2; position:absolute; bottom:0; width:100%;   background:url(../img/design/dunkel-rot_bkg.png)}
#footer { position:relative; bottom:0; height:120px; margin-left:90px; padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#CCCCCC; font-weight:bold;}

/* ----------cv ---------------------------*/
#cv_content-container{position:relative; top:30px; bottom:200px; width:100%;  background:url(../img/design/dunkel-rot_bkg.png);}
#cv_banderole {height:180px;}
#cv{margin-left:90px; padding-top:0px;}
#kon {margin-left:90px; padding-top:0px;}
#kon div {width:400px; float:left; }
#kon_content-container{position:relative; top:200px;  bottom:30px; width:100%;  background:url(../img/design/dunkel-rot_bkg.png); height:550px;}


a{ text-decoration:none; color:#CCCCCC; }
a:hover{text-decoration:underline; color:#FFFFFF}
a:focus {
	outline: none;
}
#all {
	width: 100%;
	z-index:10;
	position:absolute;
	bottom:0;
}
#panel {
	
	background:url(../img/design/dunkel-rot_bkg.png);
	height: 180px;
}
.slide {
	background:url(../img/design/dunkel-rot_bkg.png);
	height: 40px;
	padding: 10px 10px 0 0;
	margin: 0 ;
	display: block;
	font-family: "Arial Narrow", "HelveticaNeue MediumCond", Arial, Verdana; font-size:13px; line-height:18px; color:#CCCCCC; letter-spacing:0.2em; font-weight:800;
	text-decoration: none;
	
	margin: 0 ;
	/*
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;*/
	
}
.btn-slide {color:#CCCCCC;text-decoration: none;}
.btn-slide:hover{color:#fff;text-decoration: none;}
.contento{}
.active {
	background-position: right 12px;
}


/* ----------index ---------------------------*/


#content-container{position:relative; top:30px; bottom:200px; }

#banderole {margin-top:30%; height:180px; width:100%; background:url(../img/design/dunkel-rot_bkg.png)}
#indent {margin-left:90px; padding-top:85px;}

.fliesstxt{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC; letter-spacing:0.2em; line-height:20px; font-weight:200}
.headline{ font-family: "Arial Narrow", "HelveticaNeue MediumCond", Arial, Verdana; font-size:16px; color:#CCCCCC; letter-spacing:0.2em; font-weight:800}
.headline-big{ font-family: "Arial Narrow", "HelveticaNeue MediumCond", Arial, Verdana; font-size:22px; color:#CCCCCC; letter-spacing:0.2em; font-weight:800}
.super-head{ font-family: "Arial Narrow", "HelveticaNeue MediumCond", Arial, Verdana; font-size:32px; color:#CCCCCC; letter-spacing:0.2em; font-weight:800}
.super-head a{ text-decoration:none; color:#CCCCCC; }
.super-head a:hover{text-decoration:none; color:#ffffff;}


#menu {margin-left:1px; height:24px}
#menu a{text-decoration:none; color:#CCCCCC; }
#menu a:hover{text-decoration:none; color:#ffffff;}



#name{margin-left:50px; float:left; padding-top:18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#CCCCCC; font-weight:bold}

/*
#menu {float:left; margin-left:30px; padding-top:23px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#CCCCCC; font-weight:bold}
#menu a{text-decoration:none; font-size:13px; color:#CCCCCC; font-weight:bold}
#menu a:hover{text-decoration:none; font-size:13px; color:#ffffff; font-weight:bold}
*/