@charset "utf-8";
/* CSS Document */
html, body{
	background-color:#494949;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Arial;

}

a{
	text-decoration: none;
	color:#ff0000;
}
a:hover{
	text-decoration: underline;
}

.clearer, .ngg-clear{
  clear:both;
  width:0px;
  height:0px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header_outer {
	/*padding:1em;*/
	background-color:#232323;
	background-image:url("../img/top-bg.gif");
	background-repeat:repeat-x;
	height:121px;
}

div#header_inner {
  margin:auto;
  width:900px;
	height:120px;
}

div#logo {
  width:350px;
	height:120px;
	background-image:url("../img/fotoclub-logo.jpg");
	background-repeat: no-repeat;
	float:left;
	cursor: pointer;
}

div#header_navi {
  width:550px;
	height:120px;
	float:right;
	font-size:12px;
}

div#header_navi ul {
  display:block;
  margin:0;
  padding:0;
  list-style-type: none;
  margin-top:60px;
}

div#header_navi ul li {
  display:block;
  float:right;
  margin-right:20px;
}

div#header_navi ul li a {
  display:block;
  height:40px;
  line-height:40px;
  padding-left:15px;
  padding-right:15px;
  background-color: #323232;
  color:#fff;
  text-decoration: none;
}

div#header_navi ul li a:hover {
  background-color: #ff0000;
}

div#page {
	/* padding:1em 1em 5em; /* bottom padding for footer */
	text-align:center;
	padding-bottom:0px;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0px; /* stick to bottom */
	background-color:#232323;
	background-image:url("../img/bottom-bg.gif");
	background-repeat:repeat-x;
	height:61px;
}


#page_outer{
	background-image:url(../img/page-bottom-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:940px;
	margin:auto;
	padding-bottom:40px;
}

#page_inner{
	background-image:url(../img/page-top-bg.gif);
	background-repeat:no-repeat;
	width:940px;
	margin:auto;
}

div#topfoto{
  width:860px;
  height:140px;
  margin-left:10px;
  background-image: url(../img/kappelrodeck.jpg);
}

div#teaser{
  width:860px;
  height:400px;
  margin-left:10px;
  margin-top:20px;
  margin-bottom:20px;
}

div#teaser #programm{
  width:260px;
  height:400px;
  background-image: url(../img/teaserbox.png);
  float:left;
}

div#teaser #fotos{
  width:300px;
  height:400px;
  background-image: url(../img/teaserboxmitte.png);
  float:left;
  margin-left:20px;
}

div#teaser #aktuelles{
  width:260px;
  height:400px;
  background-image: url(../img/teaserbox.png);
  float:left;
  margin-left:20px;
}

div#teaser #programm .title,
div#teaser #fotos .title,
div#teaser #aktuelles .title{
  width:260px;
  height:30px;
  margin-left:20px;
  margin-top:20px;
  background-repeat: no-repeat;
}

div#teaser #programm .title{
  background-image: url(../img/programm.png);
}

div#teaser #fotos .title{
  background-image: url(../img/fotos.png);
}

div#teaser #aktuelles .title{
  background-image: url(../img/aktuelles.png);
}

div#teaser #programm .intro,
div#teaser #fotos .intro,
div#teaser #aktuelles .intro{
  width:220px;
  margin-left:20px;
  margin-top:10px;
  text-align: left;
  font-size: 12px;
}

div#teaser .link{
	font-size:12px;
}

div#teaser #fotos .intro{
	width:260px;
}

div#teaser #programm .links ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

div#teaser #programm .links ul li{
	display:block;
	margin-left:20px;
	text-align: left;
	margin-top:15px;
}

div#teaser #aktuelles .links ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

div#teaser #aktuelles .links ul li{
	display:block;
	margin-left:20px;
	text-align: left;
	margin-top:15px;
}

/*
div#teaser #fotos .links .ngg-gallery-thumbnail-box{
	width:100px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}
*/
div#teaser #fotos .links .ngg-gallery-thumbnail-box{
	width:auto;
	margin-left:20px;
	margin-top:15px;
	float:left;
}
div#teaser #fotos .links .ngg-gallery-thumbnail-box img{
	border:0px solid #000;
}

div#teaser #fotos .links h2{
	display:block;
	width:260px;
	margin-left:20px;
	margin-top:15px;
	font-size:16px;
	text-align:left;
	color:#000;
	margin-bottom:0px;
	font-weight:normal;
	
}

div#teaser .more{
	display:block;
	clear:both;
	text-align:right;
	margin-top:10px;
	margin-right:20px;
	bottom:10px;
}

div#teaser #fotos .more{
	margin-top:0px;
}

div#about{
  width:860px;
  margin-left:10px;
  margin-top:20px;
}

div#about #us{
  width:580px;
  float:left;
}

div#about #map{
  width:260px;
  margin-left:20px;
  float:left;
}

div#about #us .intro{
  width:540px;
  margin-left:20px;
  text-align: left;
  font-size: 12px;
}

div#about #map .intro{
  width:220px;
  margin-left:0px;
  text-align: left;
  font-size: 12px;
}

div#about #us .title{
  width:580px;
  height:30px;
  margin-left:20px;
  margin-bottom:20px;
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#about #map .title{
  width:260px;
  height:30px;
  margin-left:20px;
  margin-bottom:20px;
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#about #map .title{
  background-image: url(../img/anfahrt.png);
}

div#about #us .title{
  background-image: url(../img/ueberuns.png);
}

#pagecontent{
	margin-left:30px;
	margin-right:30px;
	padding-top:40px;
}

#aquasoft{
	width:900px;
	height:90px;
	margin:auto;
	padding-bottom:80px;
}

/* Post detail view */

.post{
	text-align: left;
	margin-bottom:20px;
	margin-top:0;
	padding-top:0;
	margin-bottom:-10px;
	padding-bottom:20px;
}

.post h2{
	display:block;
	margin-top:0;
	padding-top:0;
}

.post .ngg-gallery-thumbnail-box {
	width:auto;
	margin-right:20px;
	float:left;
}

#comments{
	text-align: left;
}

.commentlist{
	text-align: left;
}


#respond{
	text-align: left;	
	padding-bottom:20px;
}

#content{
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	vertical-align: top;
}

#content.narrowcolumn{
	width:600px; /* 860 */
	float:left;
}

#content .pagetitle{
	display:block;
	text-align: left;
	margin-top:0;
}

#sidebar{
	display:block;
	width:220px;
	float:left;
	background-color:#dfebf6;
		margin-top:20px;
}

#sidebar h2{
	display: block;
	background-color: #a2c4e3;
	color:#1d3eff;
	padding:5px;
}

#sidebar ul {
	list-style-type: none;
	text-align: left;
	margin-left:0;
	padding-left:0;
	margin:20px;
}

#sidebar ul li {
	display:block;
	text-align: left;
	margin-left:0;
	padding-left:0;
}

#sidebar li.widget ul {
	list-style-type: none;
	display:block;
	text-align: left;
	margin-left:0;
	padding-left:0;
}


#sidebar .widgettitle{
	font-weight: normal;
	font-size:16px;

}

#sidebar input[name="s"]{
	width:100px;
	margin-bottom:20px;
}

#sidebar .screen-reader-text{
	display:none;
}

.nocomments{
	display:none;
	
}

table.chronik td{
	vertical-align: top;
	padding:20px;
}


img.alignleft{
	padding:5px;
   	border:1px solid #a1a1a1;
   	background-color: #e5e5e5;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

img.alignright{
	padding:5px;
   	border:1px solid #a1a1a1;
   	background-color: #e5e5e5;
	margin-left:10px;
	margin-bottom:10px;
	float:right;
}

.entry div.ngg-gallery-thumbnail{
	display:block;
}

.ngg-gallery-thumbnail img {
	/*padding:2px;*/
	margin:5px;
	border:0px solid #494949;
}

.ngg-gallery-thumbnail a {
	background-color: #e5e5e5;
	border:1px solid #a1a1a1;
	display: block;
}

.ngg-gallery-thumbnail a:hover {
	background-color: #ffa4a4;
	border:1px solid #ff0000;
}

.post h3 {
	display:block;
	margin-bottom:5px;
} 

.post small{
	display:block;
	margin-bottom:10px;
}

#footer{
	width:600px;
	text-align: center;
} 

#footer a{
	color:#fff;
}
.imprint {
	display:block;
	margin:auto;
	margin-top:10px;
	color:#fff;
	font-size: 12px;
}