@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #fff;
	}
	a{text-decoration: none;color: #5599a7;}
	a:hover{color:#1085b6;}

	
	
	hr{display: none;}
	strong{font-weight: bold;}


/* =LAYOUT - the main layout styles */
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 253px;
		background: #4a4841 url(../images/layout/top_bg.jpg) top repeat-x;
		position: relative;
	}
	#navigation{
	position: absolute;
	right: 1px;
	top:20px;
	width: 567px;
	}
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:193px;}
	#center{float: left;width:380px;padding: 0 20px;}
	#rightcolumn{float: left;width:287px;}
	/* bottom layout */
	#bottominfo{
		border-top: 5px solid #42423b;
		background: #eeeded;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 253px;}
	/* logo */
	h1{
	position: absolute;
	height: 142px;
	top: 15px;
	width: 319px;
	left: 2px;
	/*Text nach links verschieben - inhalt bleibt für SE lesbar aber nicht sichtbar*/
	text-indent:-100cm;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 300px 200px 20px;
		display: block;
		color: #fff;
		background: url(../images/layout/logo.png) left top no-repeat;
	}

	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
	/* message and building pic */
	#banner{
	position: absolute;
	height: 125px;
	color: #a49c8f;
	font-weight: bold;
	padding:0 440px 0 7px;
	bottom: -5px;
	background: url(../images/layout/building.gif) right bottom no-repeat;
	font-size: 1.3em;
	left: 410px;
	}
	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox{background: #eeeded;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{font-size:19px;color: #8c8685; background: #eeeded url(../images/layout/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 23px;}
	h3.header_small{font-size:15px;font-weight: bold;background: #eeeded;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}
	

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #5d9db8; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
/* BOTTOM-BOX ######################################################################################################################################*/
	.bottomcolumn h3{
		border-bottom: 4px solid #9b968f;
		color: #5d9db8; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.iconlist{
		/*border-top: 1px dashed #d1cfcd;*/
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left:25px;
		background: url(../images/layout/bullet.png) left bottom no-repeat;
	}
	ul.iconlist li a:hover{
		background: #E9E4DE url(../images/layout/bullet.png) left top no-repeat;
		color: #42423b;
	}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #5599A7;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
/* END BOTTOM-BOX ######################################################################################################################################*/

	
/* FOOTER ##########################################################################################################*/
	#footer{
		height: 37px;
		background: #4a4841 url(../images/layout/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	#footer a{color: #A39D97;}
	#designby{
		/*background: url(../images/layout/logo.gif) 0 0 no-repeat;*/
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #5d9db8;}
	


/*differences between the templates ##########################################################################################################*/

/*1-col*/
#center-full{
	padding:0px;	
}
#right-center{float: left;width:665px;padding: 0 20px;}


/*missing definitions*/

b{font-size:12px;}
h3{color: #5d9db8; font-size:1.3em;margin:10px 0;}
table{font-size:12px;}
/*END differences between the templates ##########################################################################################################*/

/*Die Band ##########################################################################################################*/
#profilcolumn{
	float: left;
	width:665px;
}
#profilcolumn h2{color: #5d9db8; font-size:2em;margin:10px 0;}
	.profilbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:655px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.profil_box{border: 1px dashed #d9e0e8;width:652px;overflow: hidden;padding-bottom:6px;}
	.profil_image{ float: left;margin: 6px 0 0 6px;}
	.profil_wrapper{float: right;width:430px;}
	.profil_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.profil_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
	
.member_list{
	color: #5d9db8;
	list-style:none;
	padding-left:20px;
}

.top{
	display:block;
	margin-top:10px;
	background-color:#333333;
	vertical-align:middle;
	position:relative;
	height:20px;
}


.top a{
	position:absolute;
	top:-6px;
	left:568px;
	width:50px;
	height:20px;
	padding:5px 5px 5px 20px;
	background: url(../images/layout/top.png) 0px 14px no-repeat;
}

.toplink a{
	position:absolute;
	top:-5px;
	left:568px;
	width:50px;
	height:20px;
	padding:5px 5px 5px 20px;
	background: url(../images/layout/top.png) 0px 14px no-repeat;
}

.dellink a{
	position:absolute;
	top:-5px;
	left:8px;
	width:50px;
	height:20px;
	padding:5px 5px 5px 20px;
	background: url(../images/layout/top.png) 0px 14px no-repeat;
	color:white;
}

.editlink a{
	position:absolute;
	top:-5px;
	left:96px;
	width:50px;
	height:20px;
	padding:5px 5px 5px 20px;
	background: url(../images/layout/top.png) 0px 14px no-repeat;
	color:white;
}

ul.borderedlist li{
	border-top: 1px dashed #d1cfcd;
}
ul.borderedlist li a{
	display: block;
	height: 26px;
	color: #42423b;
}
/*ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}*/

ul.member_list li a{
	margin:0;
	padding-left: 25px;
	background: url(../images/layout/bullet.png) left bottom no-repeat;
}
ul.member_list  li a:hover{
	background: #E9E4DE url(../images/layout/bullet.png) left top no-repeat;
	color: #42423b;
}

ul.leftbox ul{margin:0; padding:0;}
/* END Die Band ##########################################################################################################*/

	
/*TERMINE ##########################################################################################################*/
#termine_table table{
	width:100%;
	background: #eeeded;
}

table th{
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	border:2px solid #fff;
}

table td{
	padding:0px 5px;
	border:2px solid #fff;
}

#termine_table h3{
	margin-top:10px;
}
/* END TERMINE ##########################################################################################################*/

/*Kontaktformular ##########################################################################################################*/

#kontakt form {
  padding: 20px;
  margin: 10px 0;
  background-color: #fff;
}

#kontakt label {
  margin: 5px 0;
  display: block;
}

#kontakt input {
  border:  1px solid #333;
  background-color:#eeeded;
}

#kontakt textarea{
	width:623px;
	height:200px;
	border:  1px solid #333;
	background-color:#eeeded;	
}

#kontakt input:focus,#kontakt input:hover,#kontakt textarea:focus,#kontakt textarea:hover {
  background-color: #fff;
}

input.knopf {
  padding: 3px;
  margin-top: 10px;
  background-color: white;
  border-color: gray;
}

#kontakt legend {
  border:1px solid silver;
  padding:0 5px;
  margin-bottom:5px;
  font-size:12px;
  color: #5599a7;
}
 
#kontakt fieldset {
  display: block;
  width: 630px;
  padding: 10px;  
  border: 1px solid silver;
  margin-right: 5px;
  margin-bottom: 10px;
}

/*IE hack*/
* html #kontakt fieldset{
	width: 600px;
}

/*IE hack*/
* html #kontakt textarea{
	width:590px;
}


/*ENDE Kontaktformular ##########################################################################################################*/



/* main-DIV ##########################################################################################################*/
/* Hauptüberschrift: */
#main h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #333399;
  padding-bottom: 14px
}

/* Unterüberschrift: */
/*#main h2 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 6px
}*/

/* normaler Fließtext: */
#main p {
  margin-bottom: 12px;
  line-height: 1.3;
}

/* Kastenformat */
#main .kasten {
  text-align: center;
  padding: 5px;
  background-color: #ffff99; 
  border: solid 1px black;
  width: 500px;
}

/* Minigrafik rechts ausrichten */
#main .floatR130 {
  float: right;
  margin-left: 5px;
  margin-right: 130px;
}

/* UL mit grafischem Aufz.zeichen: */
/*#main ul {
  list-style-image: url(reddot.gif);
  margin-left: 30px;
  margin-bottom: 10px;
  line-height: 1.5;
}*/

/* STRONG umdefinieren */
#main strong {
  font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: red;
}
/* Ende main-DIV ##########################################################################################################*/



/* BOX-LAYOUTS #########################################################################################################################*/
.clear{
	clear:both;
}

.box-50-left{
	float:left;
	width:443px;
	margin-right:5px;
	border:1px solid #fff;
}
.box-50-right{
	float:left;
	width:443px;
	margin-left:5px;	
	border:1px solid #fff;
}
/* END BOX-LAYOUTS #########################################################################################################################*/




/* Admin ##################################################################################################################################*/
.meldung{
	padding:5px;
	border:1px dotted #5599a7;
}

select{
	width:150px;
}
.tbl_top{
	margin-top:0;
	border:0;
}


.dateibox{
	border:1px dotted #5599a7;
	float:left;
	width:300px;
	padding:10px;
}

.urlbox{
	border:1px dotted #5599a7;
	float:left;
	width:250px;
	padding:10px;
	margin-left:10px;
}
/* Gästebuch ############################################################################################### */

.box {
      border:1px solid #CCCCCC;
      line-height:11pt;
      margin:10px 0px 10px 0px;
      padding:2px 2px 2px 2px;
}

.header1{
	background-color:#5599a7;
	color:#FFFFFF;
	padding:3px 0px 3px 1px;
	font-weight:bold;
}
.header{
	background-color:#E0E0E0;
	padding:3px 0px 3px 0px;
}

.source {
	color:#CCCCCC;
}

/* END Gästebuch ############################################################################################### */


/* Bilder ############################################################################################### */

#palbum{
	width:250px;
}