@charset "utf-8";

/**********************************************/
/*  MainDIV's */
/**********************************************/

html, body {
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
}
html {
	overflow-y: hidden;
}
#head, #foot, #spalte1, #spalte2, #spalte3,  #spalte2g, #spalte3g  {
	position: absolute;
	width: 100%;
	left: 0;
}
#zitat{
	position:relative;
}
#spalte1, #spalte2, #spalte3, #spalte2g, #spalte3g   {
	top: 40px;
	overflow-y: hidden;
	bottom: 40px;
	border-top:#000  solid 1px;	
	border-bottom:#000  solid 1px;
	background:none;
}
#spalte1:hover, #spalte2:hover, #spalte3:hover , #spalte2g:hover {
	border-top:#00FF00  solid 1px;	
	border-bottom:#00FF00  solid 1px;
	overflow-y: auto;
}

#spalte1 {
	left:40px;
	width:120px;
}
#spalte1 img, .content1 img, .content1 a img{
	display:inline-block;
	float:left;
}
#spalte2, #spalte2g {
	left:190px;
	width:292px;
}
#spalte2g { width:242px; overflow-x: hidden;}
#spalte2 a, #spalte2,#spalte2g a, #spalte2g    {
	font-size:36px;
	letter-spacing:2px;
	line-height:38px;
	text-align:center;
}
#spalte3, #spalte3g {
	left:512px;
	width:356px;
}
#spalte3g {
	left:462px;
	width:406px; 
}
#spalte3 img, #spalte3g img {
	text-align:center;
	display:block;
	margin:auto;	
	margin-bottom:19px;
}

#head {
	height: 39px;
	top: 0;
	background-color: #fff;
}
#foot {
	height: 39px;
	bottom: 0;
	background-color: #fff;
}

#main{
	margin:0px;
	position:relative;
	width:100%;
	height:100%;
}
.content1{
	margin-left:14px;	
}
.content2, .content3, .content2b, .content2g, .content3g {
	margin: 20px 0px 0px 16px;	
	padding-bottom:20px;
	width:244px;
}
.content2g { width: 208px; overflow-x: hidden;}
.content2b, #spalte2 .content2b a{
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
	text-align:left;
}
.content3 , .content3g {
	width:308px;
	margin: 24px 0px 0px 16px;	
}
.content3g {
	width:370px;
}

/**********************************************/
/*  Diverse */
/**********************************************/


p{
	margin:0px;	
}

td{
	vertical-align:top;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover, .active{
	color:#00ff00;
}
h1{	
	color:#00ff00;
	font-size:36px;
	letter-spacing:2px;
	line-height:38px;
	text-align:center;
	font-weight:normal;
	margin:0px;
	margin-bottom:7px;
}
h2{	
	color:#000;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
	font-weight:bold;
	margin:0px;
}
img{
	border:none;
}
.auszeichnung{
	color:#00ff00;
	font-weight:bold;
}
.clearfloat{ 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	margin:0px;
	padding:0px;
}
.linie{
	display:block;
	border-top:#000 solid 1px;
	height:24px;
	margin-top:24px;
}
input{
	margin-top:3px;
	margin-bottom:7px;
	width:99%;
}
ul{
	padding-left: 11px;
	margin-left: 6px;
}

.bildGrossBox { width: 408px; height: auto; margin-left: -18px; }
.bildGross { width: 370px; height: auto; min-height: 270px; background:url(../images/loading.gif) center 105px  no-repeat;  text-align: center; float: left; margin-bottom:-10px;}
#bildGross { max-width: 365px; height: auto; margin: 0; padding-left: 1px; display: inline-block; }
.prev { width: 20px; float: left; height: 100%; }
.next { width: 18px; float: right; }
.prev img, .next img{ padding-top: 110px; }
#next{ margin-left: 2px; float: right;}
#bildlegende { width: 100%; }

.jahreszahl { 	font-size:36px;	letter-spacing:2px;	line-height:38px; text-align:center; margin-bottom:15px; }
.vorschaubox { width: 230px; margin-left: -4px; text-align: center;  }
.vorschauitem { display: inline-block; width: 106px; float: left; }
.vorschauitem a{ display: inline; }
.vorschauitem img{ border: 2px transparent solid; display: inline-block; height: 65px; width: auto; margin: 0px 4px 8px 4px; }
.vorschauitem img:hover{ border: 2px #00ff00 solid; }

.content2g hr{ margin-top: 11px; 	
	border:none;
	border-bottom:1px solid #000;
	width:100%;	
}