@charset "iso-8859-1";

/*--------------------------------
    kalibrierung der seite
--------------------------------*/
* { padding: 0; margin: 0; }

/*----------------------------------------
    allgemeine formatierungsanweisungen
----------------------------------------*/

body {
    background: #584e4d url(../images/fundamentals/bg_body.jpg) top left repeat-x;
    color: #552;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 70%;
	overflow: none;
}



h1{
	font-family: Georgia, Times New Roman;
	margin: 0 0 18px 0;
	font-size: 22px;
}

h2{
	clear: both;
	Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 12px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
}

img {
    border: 1px solid #888;
	padding: 1px;
}

a{
    text-decoration: none;
	color: #CC0000;
}

p{
    margin-bottom: 6px;
    text-align: justify;
}

dfn { cursor: help; }

html[lang="de"] q { quotes: """ """; }      /* fuer alle ausser */
q:lang(de) { quotes: """ """; }             /* internet explorer */


/* Layoutbereiche */

#wrapper_outer{
    /*margin: 0 auto;*/
	position:absolute;
	left: 50%;
	width: 950px;
	margin: 0 0 0 -475px;
}

#wrapper1{
	background: url(../images/fundamentals/bg_content.jpg) top left repeat-y;
	float: left;
	display: inline;
	width: 950px;
}

#wrapper2{
	background: url(../images/fundamentals/bg_main_new.jpg) top left no-repeat;
	float: left;
	display: inline;
	width: 950px;	
}

#wrapper3{
	min-height: 1060px;
    height: auto !important;
    height: 1060px;
	background: url(../images/fundamentals/bg_bottom.jpg) bottom left no-repeat;
	float: left;
	display: inline;
	width: 950px;
}

#linkToStart {
	float: left;
	display: inline;
	width: 400px;
	height: 40px;
	margin: 74px 0 0 10px;
}

#flashAnimation {
	margin: 0 0 0 80px;
	float: left;
	display: inline;
	width: 794px;
	height: 125px;
}

#navi{
	margin: 0 0 0 86px;
	float: left;
	display: inline;
	width: 800px;
	height: 36px;
}

#content{
	float: left;
	display: inline;	
	margin: 30px 0 0 95px;
	width: 540px;
	padding: 0;
}


#content_below{
	float: left;
	display: inline;
	width: 540px;
	height: 20px;
	margin: 0 0 0 95px;
}

#news{
	float: right;
	display: inline;
	width: 144px;
	margin: 50px 103px 0 0;	
}

#bottom{
	float: left;
	display: inline;
	margin: 0 0 0 75px;
	height: 24px;
}

/* Newsbox auf der rechten Seite */

#news_head{
	float: right;
	display: inline;
	width: 144px;
	text-align: right;
	color: #ae0900;
	font-weight: bold;
	font-size: 150%;	
}

.news_entry{
	float: right;
	display: inline;
	width: 144px;
	height: 114px;
	margin: 20px 0 0 0;
}

.news_entry h1{
	float: left;
	width: 144px;
	display: inline;
	margin: 0 0 2px 0;
	font-weight: bold;
	font-size: 120%;
	color: #222;
}

.news_entry p{
	float: right;
	display: inline;
	text-align: justify;
	width: 100%;
}

.close_window {
	cursor: pointer;
	color: #CC0000;
}

/* ab hier die erscheinung der info-felder, wenn man auf "mehr..." klickt */

.entry_total {
	width: 380px; 
	background: #fff; 
	z-index: 200; 
	padding: 6px 16px 16px 16px; 
	
	position: absolute; 
	left: 400px; 
	top: 300px;
}

#close_news {
	z-index: 300; 
	position: absolute; 
	left: 760px; 
	top: 306px;
}

#close_news a {
	position: absolute;
	width: 42px; 
	height: 10px;
	background: #fff url(../images/fundamentals/close.jpg) top left no-repeat;
}

#black_background {
	position: absolute; 
	width: 100%; 
	height: 1300px; 
	background: #000; 
	z-index: 100;
}

/* bis hier */


/* Infofelder (Werbung und Newsletter) auf der rechten Seite */

#advertisement{
	float: right;
	display: inline;
	width: 188px;
	margin: 32px 81px 0 0;	
	border: 1px solid #aaa;
}

#newsletter{
	float: right;
	display: inline;
	width: 188px;
	margin: 18px 81px 0 0;	
	background: #f3f3f3;
	border: 1px solid #aaa;
}

.label_newsletter {
	width: 50px;
	clear: both;
	float: left; 
	display: inline;
}

.input_newsletter {
	float: left; 
	display: inline;
	width: 120px;
}

.newsletter_submit {
	clear: both;
	float: right; 
	display: inline;
	margin: 2px 0 0 96px;
}

.right_main_newsletter fieldset {
	width: 172px;
	float: left; 
	display: inline; 
}

#holder_right {
	float: right;
	display: inline;
	width: 290px;
}

.right_head {
	background: #777 url(../images/fundamentals/head_info.jpg) top left repeat-x;
	text-align: center;
	width: 188px;
	padding: 6px 0;
	font-size: 90%;
	color: #fff;
	font-weight: bold;
	float: left;
	display: inline; 
	border-bottom: 1px solid #aaa;
}

.right_main_advertise {
	float: left;
	display: inline; 
	height: 140px;
	width: 188px;
}

.right_main_newsletter {
	float: left;	
	width: 172px;
	display: inline; 
	margin: 8px;
}

.right_main_advertise img {
	padding: 0;
	border: none;
}


 
 
/* Formatierung er Links Kontakt, Impressum,... */

#bottom a{
	color: #ccc;
	display: inline;
	float: left;
	border-left: 1px solid #ccc;
	padding: 2px 16px;
}

#bottom li{
	display: inline;
	list-style: none;
	float: left;
}

/* Kontakt */

fieldset {
	border: none;
	float: left;
	display: inline;
	width: 500px;
}

.contact {
	float: left;
	display: inline;
	width: 250px;
}

.form_left {
	float: left; 
	display: inline;
	width: 260px;
}

#form_data {
	width: 400px;
}

label{	
	clear: both;
	width: 80px;
	float: left;
	display: inline;
	margin: 4px 0 0 0;
}

input {
	border: 1px solid #bbb;
	background: #eee;
	margin: 2px 0 0 0;
}

textarea {
	float: left;
	display: inline;
	width: 300px;
	height: 200px;
	border: 1px solid #bbb;
	background: #eee;
	margin: 2px 0 0 0;
}

.cellsubmit {
	float: left;
	display: inline;
	margin: 0 0 0 70px;
}


/* Gästebuch */

.field_guest {
	width: 540px;
	height: 180px;
	display: inline;
	float: left;
	border-bottom: 1px dotted #ddd;
}

.form_left_guest {
	float: left;
	display: inline;
	width: 226px;
	height: 126px;
}

.form_right_guest {
	float: right;
	display: inline;
	width: 308px;
	height: 126px;
}

.textarea_guest {
	width: 298px;
	height: 120px;
	float: right;
}

.guest_submit {
	margin: 64px 0 0 84px;
	width: 140px;
}

.guest_entry {
	padding: 10px 0 20px 0;
	border-bottom: 1px dotted #ddd;
	float: left;
	display: inline;
	width: 540px;	
}

.guest_entry p{
	padding: 0;
	margin: 8px 0 0 0;
}


/* Literatur */

.placeholder_lit {
	float: left;
	display: inline;
	width: 540px;
	height: 12px;

}

.lit_entry {
	float: left;
	display: inline;
	width: 540px;
}

.lit_image {
	float: left;
	display: inline;
}

.lit_descript {
	float: left;
	display: inline;
	width: 426px;
}

.lit_img_div {
	float: left;
	display: inline;
	width: 112px;
	height: 106px; 
}

/* Sponsoren */

.listing {
	padding: 0 24px;
}

/* Filterblock */


.list_entry {
	float: left;
	display: inline;
	width: 42%;
	margin: 2px 0 0 12px;
	padding: 6px 12px;
	background: #eee;
}


#filterblock {
	float: left;
	display: inline;
	width: 100%;
}

.placeholder_overview {
	float: left;
	display: inline;
	width: 100%;
	height: 8px;
}

/* changeTracker */

.changeGlobalContainer {
	float: left;
	display: inline;
	width: 100%;
	border-top: 1px solid #ddd;
}

.changeContainer {
	float: left;
	display: inline;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 8px 0;
}

.changeContainerLeft {
	float: left;
	display: inline;
	width: 15%;
}

.changeContainerMiddle {
	float: left;
	display: inline;
	width: 40%;
}

.changeContainerRight {
	float: left;
	display: inline;
	width: 45%;
}