/*** General settings ***/

/***************************************************

 Font-Settings 

 ***************************************************/


		
/* Font-families */ 
		
body, h1, h2, h3, h4, h5, h6{
 	font-family: Gill, "Gill Sans", "Humanist 531", "Trebuchet MS", sans-serif;
}
p, span, ul, ol, dl{
	font-family: "Trebuchet MS", sans-serif;
} 
#content h2, .date, h2 .hell{
        font-family:Georgia, serif;
}

/* Font-weights */

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #indexmenu h2{
        font-weight:normal;
} 

/* Font-sizes */

/* bigger */
#kontaktmenu li a, #content h3, #searchbox{
        font-size:120%;
}

/* big */

#indexmenu h2{
        font-size:200%;
}

/* normal */

#content h4, #content{
        font-size:100%;
}
/* smaller */

li.toch3, li.toch4{
        font-size:.8em;
}

#indexmenu p, .inlinemenu {
        font-size:90%;
}

/* absolute values */

#searchbox input#searchfield{
        font-size:25px;
}
#searchbox input#searchbutton{
        font-size:0;
}

/* font-colors */

body, .inlinemenu h3 {
        color:#333333
}
#kontaktmenu li a, #indexmenu h2, a, a:hover, #content h2, #content h3, #content h4, .date, .inlinemenu ul li a{
        color:#2e4c0f
}
#schuetzenmenu li a, #schuetzenmenu li a:hover, #schuetzenmenu li a.active{
        color:#000000
}
#content .fehler{
        color:#ffffff
}

/****************************************************

 backgrounds

 ****************************************************/

body {
        background: #ffffff repeat-x url('gr/body-background.png');
}
#head{
	background: transparent no-repeat url('gr/logo.trans.png');
}
#schuetzenmenu{
	background: url('gr/body-background.png') repeat-x bottom;
}
#indexmenu, input#searchfield, #searchbox input#searchbutton{
	background: transparent;
}
#searchbox input#searchbutton{
	background: url('gr/search-bg.trans.png');
}
#content .fehler{
        background:#b41919
}
.inlinemenu,div.artike, ul.toc{
        background:#eeeeee
}
.inlinemenu h3{
	background: #2e4c0f repeat-x url('gr/white-gradient-small.png');
}

/****************************************************

 margins

 ****************************************************/

body, ul.menu, #kontaktmenu, #kontaktmenu li, #head h1, #indexmenu p, #searchbox input#searchfield{
	margin:0;
}

#main{
	margin:0 auto;
}
#head, .inlinemenu h3, .artikelsidebar ul{
	margin-top:0px;
}
#schriftzug{
	margin-left: 50.5%;
	margin-top: 20px;
	margin-right: 2em;
}
#schuetzenmenu {
	margin-left: 5px;
	margin-top: 23px;
}

* html #schuetzenmenu{
    height:1px;
    width:100%;		  
}
*:first-child+html #schuetzenmenu {
    height:1px;
    width:100%;
}
			
#schuetzenmenu li {
	margin-right: 10px;
}
#indexmenu{
	margin-left: 1px;
}
#indexmenu h2{
	margin-bottom: 3px;
}
#content{
	/*margin-right: 22em;*/
}
#content img {
	margin: 2px;
}
#content a.artikellink {
	margin: 1em;
}
#content li.artikellink {
	margin: 0.2em;
}
#searchbox input#searchfield{
	margin-top: 10px;
}
#searchbox input#searchbutton {
	margin-left: -20px;
	margin-top: 0;
}
#firstentry {
	margin-top: 1em;
}
.inlinemenu {
	margin: 0 1em 1em 0;
}
.gaestebuch dl * {
	margin: 2px;
}
.artikelsidebar, div.artikelimage {
	margin: 0.5em;
}
.artikelsidebar{
	margin-left:1.5em;	

}
.artikelsidebar h2 {
	margin: 0.2em;
    
}
ul.toc{
	margin: 0 1em .5em 1em;
}
li.toch3,li.toch4 {
	margin-left: 0em;
}

/****************************************************

 paddings

 ****************************************************/


body, ul.menu, #kontaktmenu, #kontaktmenu li,#schuetzenmenu, #head h1{
	padding: 0;
}
#main {
	padding-right: 0em;
}
p.menu {
	padding-top: .5em;
}
#main {
	padding-left: 2em;
}
#kontaktmenu li {
	padding-left: 15px;
	padding-right: 5px;
}
#indexmenu {
	padding-right:1em;
	padding-bottom: 2%;
}
#content {
	padding-left: 1%;
}
#content .fehler {
	padding: 1em;
}
#searchbox {
	padding-right: 20px;
	padding-top: 5px;
}
.terminliste * {
	padding: 0.2em;
}
.terminliste ol {
	margin-left: 2em;
}
.artikelsidebar, div.artikelimage, ul.toc {
	padding: .5em;
}
.artikelsidebar{
	padding-left:.1em;
	padding-top:.1em;		
}

.artikelsidebar ul{
	padding-left: 1em;
	margin-left:0em;
}

/****************************************************

 float, clear, display

 ****************************************************/
#schuetzenmenu, #schuetzenmenu li,  #searchbox input#searchfield, .inlinemenu, .gaestebuch dt,.gaestebuch dd, div.artikelimage{
	float:left;
}

#kontaktmenu li, #schriftzug, #indexmenu, .artikelsidebar{
	float:right;
}
div.artikelimage img {
	float: none !important;
}
.gaestebuch dt, h3.picList{
	clear: both;
}
#kontaktmenu li a, #schuetzenmenu li a, #kontaktmenu li a{
	display: block;
}

* html #kontaktmenu li{
 
  width:1%;


}
#schuetzenmenu li {
	display: inline;
}
#content {
        float:left;
		z-Index:1;
}


/****************************************************

 width & height

 ****************************************************/
#indexmenu {
	width: 33%;
}
#content {
        width: 60%;
        max-width:800px;
}
#content img {
	max-width: 95%;
}
#searchbox input#searchfield {
	width: 80%;
	height: 43px;
}
#searchbox input#searchbutton {
	width: 33px;
	height: 32px;
}
.inlinemenu {
	width: 25%;
}
.gaestebuch dt {
	width: 5em;
}
.artikelsidebar {
	width: 13em;
}
ul.toc {
	width: 10em;
}
#kontaktmenu {
	height: 45px;
	line-height: 0%;
}
#kontaktmenu li a {
	height: 45px;
}

#head {
	height: 189px;
	line-height: 10px;
}
#schuetzenmenu {
	line-height: 100%;
}
#schuetzenmenu li {
	height: 25px;
}
#head h1 {
	line-height: 100%;
}

#searchbox {
	height: 53px;
}
#contentbox{
    max-width:1100px;
    margin:0 auto;
}
/****************************************************

 list types

 ****************************************************/
ul.menu, ul#kontaktmenu {
	list-style-type: none;
}
.inlinemenu ul {
	list-style-type: square;
}
ul.toc {
	list-style: none;
}
/****************************************************

 overflow

 ****************************************************/
#kontaktmenu {
	overflow: auto;
}



/****************************************************

 borders

 ****************************************************/
ul.menu li a img {
	border: none;
}
#schuetzenmenu li a {
	border-bottom: 7px transparent solid;
}
#schuetzenmenu li a:hover {
	border-bottom-color:#999999
}

#schuetzenmenu li a.active {
	border-bottom-color:#ff8800
}
#indexmenu {
	border-bottom: dashed #000 thin;
}
#content img {
	border: none;
}
#searchbox input#searchfield, .inlinemenu {
	border: thin solid #2e4c0f
}
#searchbox input#searchbutton {
	border: transparent;
}
.artikelsidebar, ul.toc {
        border: 1px solid #000;
        font-size:80%;
        list-style-type:square;			
		list-style-position:inside;
		background:url('gr/white-gradient.png') repeat-x #dee2d9;
	
}
* html .artikelsidebar{
	background-image:url('gr/white-gradient.trans.png');
    background-repeat:	no-repeat;
}

.artikelsidebar li{
	margin-bottom:.3em;
	list-style-type:square;
}
span.picPreviewSurr{
    float:left;
	position:relative;
	width:135px;
	height:135px;
	/*border:thin solid #f80;*/
	overflow:hidden;
}

span.picContainer{
	position:absolute;
	display:block;
        width:135px;
	height:135px;
	top:0px;
	left:0px;
	background-position:50% 50%;
	clip:rect(17px 117px 117px 17px);

}
span.picContainer:hover{
	clip:rect(0px 135px 135px 0px);
	/*cursor:pointer;*/
}


#content dd{
	position:relative;	
	background: #d6d6d6 url('gr/white-gradient.png') top repeat-x;
	float:left;
	border:thin solid #ccc;
	margin-bottom:1em;
	padding:1em;
	
}
* html #content dd{
   background-image: url('gr/white-gradient.trans.png');
   background-repeat:no-repeat;	
}
dt{
	clear:left;	
	margin-bottom:1em;
	font-weight:bold;
	
}
dd p{
        clear:left;
	max-width:100%;
}
a.bilder_linkToGal{
        display:block;
	margin-left:auto;
	margin-right:1em;
	border:thin solid black;
	padding:.3em;
	width:12em;
	text-align:center;
	background:#20350a url('gr/white-gradient-small.png') top repeat-x;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
a.bilder_linkToGal:hover{
	    background-color:#2e4c0f;
}
p.bilder_galInfo{
    font-size:85%;
    color:#666
}
.bilderliste{
	float:left;
	border:thin solid #ccc;
	margin:0;padding:5px;
	background: #d6d6d6 url('gr/white-gradient.png') top repeat-x;
}
* html .bilderliste{
   background-image: url('gr/white-gradient.trans.png');
   background-repeat:no-repeat;	
}
.bilderliste li{
    list-style-type:none;
    display:block;
    float:left;
    width:180px;
    height:180px;
    margin:1px;
    line-height:100%;
    border:thin solid #82946f;
    background: #d5dbcf url('gr/white-gradient.png') top repeat-x;
}
* html .bilderliste li{
   background-image: url('gr/white-gradient.trans.png');
   background-repeat:no-repeat;	
}
.bilderliste li a{
	position:absolute;
    display:block;
    width:180px;
    height:180px;
    clip:rect(22px 157px 157px 22px);
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bilderliste li a:hover{
	clip:rect(0px 180px 180px 0px);
}
.bilderliste li a img{
	display:none;
}

.bilderliste li:hover{
	border:thin solid #666;
}
.clear{
	clear:both;
} 
.prevpiclink{
	width:200px;
	height:200px;
	position:relative;
	float:left;
}

.nextpiclink{
	width:200px;
	height:200px;
	position:relative;
	float:right;	
}



.block{
	display:block;
	border:green;
	min-width:190px;
	background:url('gr/white-gradient.png') repeat-x #dee2d9;
	border:thin solid #dee2d9;
	margin:1em;
	font-size:90%;
	padding:.2em;
}
* html .block {
  width:190px;
  background-image:url('gr/white-gradient.trans.png');
  background-repeat:no-repeat;
}
*:first-child+html .block {
  width:190px;
/*  width:auto; */
}
/*:first-child+html .block table{
  width:auto;
}*/
.left{
	float:left;
	margin-left:0px;
}

.right{
	float:right;
	margin-right:0px;
}
.block a{
	display:block;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#content .block a img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:1px solid #000;
}

#content .block .caption a{
	display:block;
	text-align:right;
	background:transparent;
	padding:2px;
	padding-right:.5em;
}

#content table{
	border-bottom: 4px solid #697e52;
	border-top: 4px solid #697e52;
	border-spacing:0px;
	border-collapse:collapse;
	margin:.75em;
	font-size:80%;
	margin-left:0;
}

#content .block table{
	margin:.3em;
}

#content table thead tr th {
	background:#bcc6b2;
	padding:.75em;
	
}

#content table tbody tr td{
	padding:.25em;	
	border-top: 2px #697e52 solid;
}
#content table tbody tr+tr td{
	border:none;
}
.row1 td{
	background:#fff;
	
}
.row0 td{
	background:#dee2d9;
	
}

.block .caption{
	margin-top:.5em;
	font-style:italic;
	max-width:250px;
	font-size:90%;
}

.block a h3{
	color:black;
	font-size:100%;
	font-weight:bold;
	margin:.2em;
	font-variant: small-caps;
	letter-spacing:.06em;
	font-family:Gill, "Gill Sans", "Humanist 531", "Trebuchet MS", sans-serif;
	text-align:left;
}
.artikel{
	border-bottom:thin solid #697e52;
	margin-bottom:1em;
}

.artikel+.artikel{
	clear:both;
}

br.floatfix{
		visibility:hidden;
		width:0px;
		height:0px;
		clear:both;
		
}

#pagefooter{
	height:120px;
	background: url('gr/base-gradient.png') repeat-x bottom #333;
	clear:both;
	color:#999;
	font-size:80%;
	padding:10px 2em;	
	margin-top:2em;
	border-top:10px #fff solid;
	 
}
* html #pagefooter{
	background-image:url('gr/base-gradient.trans.png');
	background-repeat:no-repeat;
}
#pagefooter a{
	color:#999;	
}

div.bilderleiste {
  float: left;
  margin-left: -50px;
  margin-top: 40px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 150px;
  position: relative;
}

div.bilderleiste ul {
  background:#D6D6D6 url(gr/white-gradient.png) repeat-x scroll center top;
  border:thin solid #CCCCCC;
  margin:0;
  padding:0.2em;
  position: relative;
}

div.terminteaser {
  padding: 0.5em;
  width: 100%;
  clear: both;
  margin: 0.5em;
  border:thin solid black;
  background: repeat-x url('gr/body-background.png');
  text-align: center;
  font-weight: bold;
}

div#content p br {
clear: both;
}

.block ul li a{
  display:inline;
  text-align:left;
}
.block img{
  max-width:100%;
  display:block;
}
#vorstandsliste{
  clear:right;
}
#vorstandsliste td img{
	width:auto;
	max-width:auto;
	display:block;
}
#vorstandsliste table{
	width:100%;
}

#content fieldset dd{
	background: transparent;
	border:none;
	padding:1em;
}

textarea#text{
	width:20em;
	height:15em;
}

.gaestebuch input, .gaestebuch textarea{
	border:thin solid black;
}

.highlight{
    background:#ff0;	
}
.searchresfooter{
	font-size:80%;
	border-bottom:solid thin #666;	
}


#fill{
    background:#fff;
    border:thin solid black;	
}

#fill ul{
	list-style-type:none;
	padding:0;
	font-size:80%;
	margin:0;	
}
#fill ul li{
	padding:.3em;
	font-size:80%;
}
#fill ul li.selected{
	background:#ccf;
}
#fill ul li.livesearchhead{
	background:#ffc;
	padding:.3em 1em;
	font-weight:bold;
}
#livesearchloader{
	border: 5px red solid;
}
input#searchfield.active{
	background:url('gr/ajax-loader.gif') no-repeat 100% 50%;
}

.multimedia{
	clear:left;
	width:640px;
	margin:1em auto;
	border: #120 solid 5px;		
    position:relative;
    height:300px;
    background:#010;
}

#content .multimedia h3{
	margin:0;
	margin-top:1px;
	padding:10px;
	background:#120;
	color:#fd0;
}
.multimedia-wrap{
	position:relative;
	float:left;
	width:320px;
	background:#120;	
	overflow:hidden;
	height:240px;
}

.multimedia-wrap .mmtab{
	width:200px;
	position:absolute;
	top:0px;
	padding:0px;
	background:#010 ;
}
.multimedia-wrap .mmtab .mmbutton{
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:150px;
	background:no-repeat url('http://localhost/~patrick/ftest/examples/img/play.png') 50% 50%;
} 
.multimedia-wrap .mmtab .mmbutton:hover{
	cursor:pointer;
}	
.multimedia-wrap .mmthumbs{
	position:absolute;
	width:280px;
	left:20px;
	top:0px;
	overflow:hidden;
}

#content .multimedia-wrap .mmtab h4{
	color:#ff0;
	background:#333;
	margin:0;
	padding:10px;
	border:thin solid #666;
}
#content .multimedia-wrap .mmtab:hover h4{
	background:#666;
}
.multimedia-wrap .mmtab:hover{
	background:#000;
}
#content .multimedia-wrap .mmtab img{
	border:thin solid #222;
	width:198px;
	height:148px;
	max-width:100%;
	margin:0;
}
#content .multimedia-wrap .mmtab p{
	margin:.5em 1em;
	color:#999;
}
.mmplayer{
	display:block;
	width:320px;
	height:240px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
.mmplayer img{
	margin:0;
	width:320px;
	height:240px;
}
#content .multimedia .mm_navileft{
	width:20px;
	height:100px;
	background:url('gr/zurueck.png') no-repeat 50% 50%;
	position:absolute;
	left:0px;
	top:0px
	
}

#content .multimedia .mm_naviright{
	width:20px;
	height:100px;
	background:url('gr/vor.png') no-repeat 50% 50%;
	position:absolute;
	left:300px;
	top:0px;

}
#content .multimedia .mm_navileft:hover,#content .multimedia .mm_naviright:hover{
	background-color:#000;
	cursor:pointer;
}
#content img#bildAnzeige{
	z-Index:1;
	max-width:800px;
}
.hell{
	color:#999;	
}
.galnav{
	margin:.5em 0;
	padding:.5em;
}