@charset "ISO-8859-1";
/* CSS Document */


/*********************************************************************/
/* Webseiten Layout (Grundgerüst)                                    */
/*********************************************************************/

* {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
}

body {
	height: 100%;
	font: normal 1em verdana, sans-serif;
	overflow: scroll;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#wrapper {
	position:relative;
	width:980px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -120px;
	/* background:#f8f8f8; */
}


#header {
	height:255px;
	/* background:#e8e8e8; */
	padding-top: 0px;
}

#middle {
	/* background-color:#FCF; */
    padding:10px 0px 120px 0px;
}

#content {
	width: 980px;
	/* background-color:#FC9; */
	padding-top: 0px;
}

#contentframe {
	width: 980px;
	hight: 100%;
}

iframe {
	width:100%;
	height:400px;
	border:0;
}


#footer {
	position:absolute;
	width: 980px;
	height: 120px;
 	left: 50%;
	margin-left: -490px;
	margin-bottom: 0px;
	line-height:120px;
	background:#CCC;
}

#footercontent {
	text-align:left;
	padding-left: 20px;
	font-size: 14px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block; 
}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* Bereich nicht für IE-mac Ende */



/*********************************************************************/
/* Links                                                             */
/*********************************************************************/

a:link { text-decoration:none; color:#333 }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#090; }
a:active { text-decoration:none; color:#090; }
a:focus { text-decoration:none; color:#333; }

/*Horizontale Navigation im Header*/

.navi {font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; color:#666666;}
.navi:link {color:#666666; font-size:16px; text-decoration:none;}
.navi:visited {color:#666666; font-size:16px; text-decoration:none;}
.navi:active {color:#FF9933; font-size:16px; font-weight:bold; text-decoration:none;}
.navi:hover {color:#C00; font-size:16px; text-decoration:underline;}

.hilfe {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#666666;}
.hilfe:link {color:#666666; font-size:10px; text-decoration:none;}
.hilfe:visited {color:#666666; font-size:10px; text-decoration:none;}
.hilfe:active {color:#FF9933; font-size:10px; font-weight:bold; text-decoration:none;}
.hilfe:hover {color:#C00; font-size:10px; text-decoration:underline;}

form, form div {display: inline; } 



/*********************************************************************/
/* Formulare                                                         */
/*********************************************************************/

.input {
	 width: 250px;
	 height: 35px;
	 padding-left: 5px;
	 
     border: 1px solid #CCC; 
  	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px; 

     background: #F5F5F5;
	 
	 font-size:20px;
 }
 .input:hover {
	 width: 250px;
	 height: 35px;
	 padding-left: 5px;
	 
     border: 1px solid #C00;
	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px;
	 
     background: #F5F5F5;
	 
     -moz-box-shadow: 0px 0px 6px #C00; 
     -webkit-box-shadow: 0px 0px 6px #C00; 
     box-shadow: 0px 0px 6px #C00; 
	 
	 font-size:20px;
 }
 
 input:focus {
	 width: 250px;
	 height: 35px;
	 padding-left: 5px;
	 
     border: 1px solid #C00;
	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px; 
	 
     background: #EDEDED;
	 
     -moz-box-shadow: 0px 0px 6px #C00; 
     -webkit-box-shadow: 0px 0px 6px #C00; 
     box-shadow: 0px 0px 6px #C00;  
	 
	 font-size:20px;
 }
 
 
 .button {
	 width: 120px;
	 height: 35px;
	 
     border: 1px solid #CCC; 
  	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px; 

     background: #F5F5F5;
	 
	 font-size:18px;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-weight:200;
	 color:#999;
 }
 .button:hover {
	 width: 120px;
	 height: 35px;
	 
     border: 1px solid #C00;
	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px; 
     background: #F5F5F5;
	 
     -moz-box-shadow: 0px 0px 6px #C00; 
     -webkit-box-shadow: 0px 0px 6px #C00; 
     box-shadow: 0px 0px 6px #C00;   

     background: #E1E1E1;
	 
	 font-size:18px;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-weight:400;
	 color:#6F6F6F;
 }

.button:focus {
	 width: 120px;
	 height: 35px;
	 
     border: 1px solid #C00;
	 -moz-border-radius: 4px; 
     -webkit-border-radius: 4px; 
     border-radius: 4px; 
     background: #F5F5F5;
	 
     -moz-box-shadow: 0px 0px 6px #C00; 
     -webkit-box-shadow: 0px 0px 6px #C00; 
     box-shadow: 0px 0px 6px #C00;   

     background: #E1E1E1;
	 
	 font-size:18px;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-weight:400;
	 color:#6F6F6F;
 }


/*********************************************************************/
/* Content                                                           */
/*********************************************************************/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	padding-left: 4px;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#6F6F6F;
	}
	
h4 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6F6F6F;
	}

.contenttabelle {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

.spalte-content {
	width: 505px;
	height: 400px;
	text-align:justify;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}



/*********************************************************************/
/* Gallery                                                           */
/*********************************************************************/

.bildrahmen {
	position:relative;
	display:table;
	height: 184px;
	width: 184px;
	vertical-align: middle; 
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 0px 0px 0px 0px;
	background:#FFF;
	text-align:center;
}

.bildrahmen img {
	max-width:140px;
	max-height:140px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #999;
	border-radius: 0px 0px 0px 0px;
	background-color:#FFF;
	-moz-box-shadow: 6px 6px 10px #CCC;
	-webkit-box-shadow: 6px 6px 10px #CCC;
	box-shadow: 6px 6px 10px #CCC;
	}

.bildrahmen:hover {
	position:relative;
	display:table;
	height: 184px;
	width: 184px;
	vertical-align: middle; 
	text-align: center;
	border: 1px solid #C00;
	background:#F4F4F4;
	text-align:center;
	}
	
.bildrahmen:hover img {
	max-width:150px;
	max-height:150px;
	/* border: 1px solid #F96; */
	background-color:#FFF;
	-moz-box-shadow: 6px 6px 10px #CFCFCF;
	-webkit-box-shadow: 6px 6px 10px #CFCFCF;
	box-shadow: 6px 6px 10px #B7B7B7;
	}

.bildpositioner {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
}

.bildpositioner img{
	display:inline;
	vertical-align:middle;
}

.gallerybildtitel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	}


.grossbildrahmen {
	position:relative;
	display:table;
	height: 680px;
	width: 728px;
	vertical-align: middle; 
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 0px 0px 0px 0px;
	background:#FFF;
	text-align:center;
}

.grossbildrahmen img {
	max-width:600px;
	max-height:600px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #999;
	border-radius: 0px 0px 0px 0px;
	background-color:#FFF;
	-moz-box-shadow: 6px 6px 10px #CCC;
	-webkit-box-shadow: 6px 6px 10px #CCC;
	box-shadow: 6px 6px 10px #CCC;
	}