html, body { 
	background:#000;
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size:13px;
	color:#fff;
	height:100%;
	width:100%;
	overflow:hidden;
background-attachment:fixed;
}
a, a img,a:visited{
	color:#0063CF;
	border:none;
	text-decoration:underline;
}
a img {
	text-decoration:none;
	border:0px;
}  
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }


.login, .login:hover, .login:active ,.login:visited{
	font-weight:bold;
	color:#880000;
}
#container-bg { /*für "bg"img */
	width:1280px;
	height:1024px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-512px;
	margin-left:-640px;
	overflow:hidden;
background-attachment:fixed;
}
#container {
	/*ALT: height:768px;
	width:100%;
	margin-top:-384px;
	position:absolute;
	top:50%;*/
	/*width:1024px;
	left:50%;
	margin-left:-512px;*/
	
	height:600px;
	width:800px;
	margin-top:-300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	
	background:transparent;
}
#menu {
	position:absolute;
	top:157px;
	left:40px;
	width:887px;
	height:40px;
	padding:0px;
}
#content {
	width:690px;
	height:350px;
	overflow:auto;
	position:absolute;
	top:190px;
	left:55px;
	/*padding:35px 35px 40px 35px;*/

}

#unten {
	position:absolute;
	top:535px;
	left:435px;
}

#unten ul {
	list-style-type:none;
}
#unten ul li {
	padding-top:5px;
	float:left;
	margin-right:30px;
}
#menu a,#menu a:hover,#menu a:active,#menu a:visited {
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
#menu ul{
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:15px;
	list-style-type:none;
	padding-left:15px;
}
#menu ul li {
	padding-top:5px;
	width:110px;
	height:24px;
	margin-left:23px;
	float:left;
	display:inline;
	text-align:center;
}#boxbg {
	position:fixed;
	left:0px;
	top:0px; 
	display:none; 
	text-align:center;
	background:#000; 
	z-index:600;
	width:100%;
	height:100%;
}
#box {
	position:absolute;
	width:795px; left: 50%; margin-left:-397px;
	height:495px; top: 50%; margin-top:-247px;
	display:none;
	z-index:600;
	background: url(images/box_bg.png) no-repeat;
	background-color:#000;
}
#boxhead {
	position:relative;
	top:10px;
	left:145px;
	height:25px;
	width:415px;
}
#boxclose{ 
	width:85px;
	height:15px;
	position:relative;
	cursor:pointer;
	left:700px;
	top:-10px;
}
#boxtitel {
	width:420px;
}
#boxcontent {
	position:relative;
	top:7px;
	left:30px;
	height:402px;
	width:745px;
	overflow-y:auto;
}

#oben {
	width:340px;
	height:100px;
	position:absolute;
	top:50px;
	left:425px;
	white-space:nowrap;
	overflow:hidden;
	display:block;

}
#pro-oben {
	width:800px;
	height:100px;
}
#oben a{
	width:110px;
	margin-right:20px;
}
#oben img  {
	display:inline;
	
}


/* VV */
.gb-entry { /* gästebuch */
	width:670px;
	font-size:11px;
}
.gb-entry hr {
	background-color:#0063CF;
	color:#0063CF; /*ie*/
border:1px solid #0063CF;
}

.gb-entry p.gb-autor a, .gb-comm p.gb-autor a{
	color:#4F4F4F;
	font-size:14px;
text-decoration:none;
}
.gb-entry p.gb-autor a:hover, .gb-comm p.gb-autor a:hover{
	cursor:pointer;
	color:#0063CF;
text-decoration:none;
}
.gb-autor {
	font-weight:bold;
}
.gb-text{
	margin-top:-5px;
}
.gb-comm {
	width:670px;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	border:none;
	font-style:italic;
}
.gb-comm p.gb-autor {
	color:#7F7F7F;
	font-weight:normal;
}
form[name=gb] input[type=text]{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#000;
	background:#fff;
}

.news {
	width:670px;
	margin-bottom:10px;
	padding:0px;
	overflow:auto;
}
.news-head {
	margin:0px;
}
.news-head h2 {
	display:inline;
margin:0px;
	
}
.news-head hr {
	margin:0px;
color:#0063CF;
border:1px solid #0063CF;
}
.news-head .projekt {
	font-size:11px;
	font-style:italic;
}
.news-head .datum {
	font-style:italic;
	font-size:11px;
}
.news .leadin img {
display:none;
}
.news .text {
display:none;
}
.galerien {
	list-style-type:none;
	margin:0px;
	padding:auto;
}
.galerien li {
	float:left;
	width:120px;
	margin:0px 20px 20px 0px;
	height:120px;
}
.galerien li a {
text-decoration:none;
color:#fff;
}
.galerien li img {
	display:block;
	padding:5px;
	border:1px solid #000;
}
.galerien li span {
	display:block;
	text-align:center;
	width:auto;
}

.fotos {
	list-style-type:none;
	display:block;
	overflow:auto;
	padding:0px;
}
.fotos li {
	float:left;
	width:110px;
	margin:0px 20px 20px 0px;
}
.fotos li img {
	display:block;
}
.foto { /* einzelnes foto - ganzes div */
	width:auto;
	margin:0px;
	text-align:center;
}
.fotografen {
	margin:10px 10px 10px 0;
	font-size:12px;
	
}
.pro{
margin-right:0px;
float:left;
	width:670px;
	margin-bottom:10px;
	padding:0px;
}
.pro-head {
	margin:0 0 10px 0;
}
.pro-head h2 {
	display:inline;
	
}
.pro-head hr {
margin:0px;
color:#0063CF;
border:1px solid #0063CF;
}
.pro-head .datum, .pro-head .ort {
}


.projekte {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.projekte li:hover  div {
	background:url(images/projekte-hover.png) no-repeat top;
}
.projekte a,.projekte a:hover, .projekte a:visited, .projekte a:active {
	text-decoration:none;
	color:#fff;
	
}

.projekte li {
	float:left;
	margin:0px 0px 0px 0px;
	width:160px;
	height:220px;
	text-align:center;
	color:#fff;
}
.projekte li div {
	width:107px;
	height:161px;
	padding:34px 33px 25px 34px;
	margin-bottom:-20px;
}
.projekte li img .plakat{
	z-index:10;
	padding:5px;
	margin:0px;
}
.projekte li span {
	text-align:center;
	width:100%;
}
.mitglieder {
	overflow:auto;
}
.mitglieder ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.mitglieder ul li {
	height:180px;
	width:105px;
	float:left;
	margin:5px 5px;
}
.mitglieder ul li span {
	display:block;
	text-align:center;
	width:auto;
}

.sub {
	display:none;
	float:right;
	width:140px;
	height:442px;
	/*padding:30px 0px 30px 10px;
	margin:50px 0px auto 10px;*/
	margin-left:15px;
	overflow:hidden;
	position:fixed;
	top:280px;
	left:910px;
}
.sub hr {
	width:1px; 
	height:400px; 
	margin:22px 15px auto 0px; 
	float:left;
	color:#efefef;
}
#sub-projekte {
	width:120px;
	height:335px;
	/*padding:30px 0px 30px 10px;*/
	margin:40px 0px auto 10px;
	overflow:hidden;
}
#sub-projekte #t {
	margin:0px;
}
.sub #sub-projekte #t div {
	margin:0 0 30px 0;
	height:151px;
}

.share {
	float:right;
	display:inline;
	margin:0px 5px 0px 0px;
}

#share-box {
	height:200px;
	width:500px;
	position:absolute;
	top:50%; margin-top:-100px;
	left:50%; margin-left:-250px;
	background:url(images/share-box_bg.png) no-repeat #fff;
	display:none;
	color:#000;
	padding:10px;
	z-index:700;
}
#share-box input {
	width:auto;
}
#share-box p.close {
	float:right;
	margin-top:-10px;
	margin-right:-8px;
	cursor:pointer;
}
#share-box div {


}
