/*** style.css ***/

/*** farben
schrift: #E1E1E1
schrift-rot: #681614 ***/

* {	margin: 0;	padding: 0;}

html, body {	height: 100%;}body {	background-color: #E1E1E1;
	color: #E1E1E1;	font-size: 12px;       
	font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;	text-align: center; /* horizontal centering for IE Win quirks */}
		
/*** box für inhalte ***/
		#box { 	width: 1px;	height: 50%;	margin-bottom: -386.5px; /* half of container's height */	float: left;}

/*** background image ***/

#background  { 	
	background-image: url(../images/backgrd.jpg);
	margin: 0 auto;	position: relative; /* puts container in front of distance */	text-align: left;	height: 600px;	width: 773px;	clear: left;
}

.bglogo {
	clear: both;
	padding-left: 52px;
}

/*** menu and content left and right ***/

#bgmain, .emptyleft, .menumiddle, .contentright, .withoutsub {
    float: left;
    padding: 0;
}

#bgmain {
	float: left;
	width: 31%;
	height: 100%;
	text-align: left;
}

.emptyleft {
	float: left;
    width: 61%;
    text-align: left;
}

.menumiddle {
	float: left;
    width: 39%;
    height: 61.5%;
    margin-top: 90px;
    text-align: left;
}

.contentright {
	width: 63%;
	margin-top: 90px;
    text-align: left;
}

.withoutsub {
	width: 63%;
	margin-top: 87px;
    text-align: left;
}

#menu  {
	float: left;
	font-size: 12px;
    color: #E1E1E1;	
}

#line {
	float: left;
	width: 15px;
	height: 600px;
	padding-top: 87px;	
}

#submenu {
	height: 30px;
}

#contentmembers {
	height: 358px;
	width: 500px;
	overflow: auto;
}

.set {
	margin-left: 120px;
	padding-top: 2px;	
}

/*** headline ***/

h1 {
	font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #681614;
}

/*** links menu submenu ***/

#contentmembers a:link, a:visited  { 
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #E1E1E1; 
}

#contentmembers a:hover, a:active { 
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    color: #B3B3B3;
}

#menu a:link, a:visited  { 
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #E1E1E1; 
}

#menu a:hover, a:active { 
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    color: #B3B3B3;
}

#submenu a:link, a:visited  { 
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color: #E1E1E1; 
}

#submenu a:hover, a:active { 
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    color: #B3B3B3;
}

#menumarked {
	color: #681614;
}


#submenumarked {
	color: #681614;
}


/*** css gallery ***/

/* needed for IE to make :active state work first time */
a, a:visited {
	color:#E1E1E1;
} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block; 
	display:inline-block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #681614; 
	width:53px; 
	height:40px; 
	float:left; 
	margin:2px; 
	z-index:50;
}

a.slidea {
	background:url(../images/gallery/2007/thumb1.jpg);
}
a.slideb {
	background:url(../images/gallery/2007/thumb2.jpg);
}
a.slidec {
	background:url(../images/gallery/2007/thumb3.jpg);
}
a.slided {
	background:url(../images/gallery/2007/thumb4.jpg);
}
a.slidee {
	background:url(../images/gallery/2007/thumb5.jpg);
}
a.slidef {
	background:url(../images/gallery/2007/thumb6.jpg);
}

a.gallery em, a.gallery span {
	display:none;
}
a.gallery:hover { /*** gallery small images frame hover ***/
	border:1px solid #B3B3B3;
}


#container_left { /*** complete gallery container ***/
	position:relative;
	width: 480px;
	height: 300px;  
	background-color:#1F1F1F; 
}
#container_left img { /*** big image border ***/
	border:1px solid #681614;
}
#container_left .thumbs { /*** thumb container width ***/
	width:120px; 
	position:absolute; 
	left:0; 
	top:0;
}
#container_left a.gallery:hover span.gallery {
	display:block; 
	position:absolute; 
	width:350px; 
	height:263px; 
	top:2px; 
	left:120px;  
	font-style:italic; 
	color:#fff;  
	z-index:100;
}
#container_left a.gallery:hover span.gallery:first-line {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.1em; 
	color:#000;
}
#container_left a.gallery:active, #container_left a.gallery:focus {
	border:1px solid #000;
}
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block; 
	position:absolute; 
	width:350px; 
	height:263px; 
	top:2px; 
	left:120px;  
	color:#000; 
	background-color: #B3B3B3;
	z-index:50;
}