/*
Design by TSD-Koch 2011
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*                                                  
# Farbton (Dunkelbraun):        #82542e  
# Farbton (Hellbraun):          #e3d4be
*/


/*                              
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html, body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #222;
}

/* Holz-Hintergrund quer über die ganze Seite */
body {
  background-color: #82542e;        /* Basisfarbe, falls Bild noch lädt */
}

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h1,h2,h3,h4,h5,h6 {color: #41231a;}

h1,h2,h3 {font-weight: bold;}

h1 {font-size: 2.8em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text elements */

p {margin-bottom: 1em;}

a:focus,a:hover {color: #993333;}
a {
	color: #41231a;
	text-decoration: underline;
}
#a_1 {
	color: #669900;
	text-decoration: none;
}

abbr, acronym {border-bottom: 1px dotted #41231a;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote {color: #41231a;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {
	float: left;
	list-style: none;
	margin: 0;
}
ul#BilderRechts {
    float: right; width: 65px;
    margin: 0 0 0 0; padding: 0;
  }

/* Tables */

table {
	margin-bottom: 1.4em;
	width: 100%;
	font-size: 1.3em;
	
}

	
th {
    font-weight: bold; 
    border:2px groove #41231a; 
    background: #fff;  
    padding: 3px 3px 3px 3px    
}
td {
    border:2px groove #41231a;
    background: #fff;
    padding: 3px 3px 3px 3px
}


#kopfzeile {
    border: none;
    background-image: linear-gradient(to right, #41231a, #82542e, #41231a);
    padding: 3px 3px 3px 3px;
    height: 15px;
}
#kopfzeile_ref {
    border: none;
    padding: 3px 3px 3px 3px;
    background: #e3d4be;
}

#partnerkopf {
    border: none;
    background: #e3d4be;
    height: 1px;
    width: 240px;
}

#partnerblock {
    background: #e3d4be;
    width: 240px;
    border: none;
    text-align: center;
    vertical-align: top;
    margin-bottom: 30px;
}

 #aktuelles_text_block {
    background: #e3d4be;
    width: 720px;
    border: none;
    text-align: left;
    vertical-align: top;
    padding-left: 350px;
}

#tableBut {
	width: 100%;
}

#tdBut {
    padding: 3px 3px 3px 3px;
    border: none;
    background: #99CC33;
}

/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}

.hidden {display: none;}

.quiet {color: #41231a;}
.loud {color: #000;}
.highlight {background: #41231a;}

.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}

.error, .notice, .success {
	font-size: 1.1em;
	border: 1px solid #41231a;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {
	background: #FF7575;
	border-color: #FF7575;
	color: #4E2D1E;
}
.error a {color: #4E2D1E;}

.notice {
	background: #FFFFCC;
	border-color: #FFCC33;
	color: #663333; 
}
.notice a {color: #663333;}

.success {
	background: #FFFFCC;
	border-color: #FFCC33;
	color: #663333;
}
.success a {color: #663333;}


/* 
   Forms 
------------------------------------------------------------------- */



label {
	cursor: pointer;
	font-weight: bold;
}
fieldset {border: 1px solid #000000;}
legend {
	font-size: 1.2em;
	font-weight: bold;
}
textarea {
	background: #fff;
	padding: 2px 2px;
}

input.text, textarea, select {
	background: #fff;
	padding: 2px 2px;
}
input.text:focus, textarea:focus, select:focus {background: #e3d4be;}

input.button {
	background: #fff;
	padding: 2px 2px;
}
input.button:active {border-style: inset;}

.form_row {
	background: #A7C26D;
	border-top: 1px solid #003300;
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 0;
}
.form_required {font-weight: bold;}
.form_row_submit, .legend {
	background: #A7C26D;
	border-bottom: 1px solid #003300;
	border-top: 1px solid #003300;
	padding: 4px 0 8px;
}
.legend {
	border-bottom: 1px solid #CCC;
	padding: 8px 18px 6px;
	font-size: 1.4em;
}
.form_property, .form_value {float: left;}
.form_property {
	text-align: right;
	width: 110px;
}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #000000;
	border: 1px solid #000000;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}

#trennlinie {
    width: 950px;
    margin-bottom: 6px;
}
#startbild-container {
    display: flex;
    justify-content: center; /* horizontal zentrieren */
    align-items: center;     /* vertikal zentrieren */
    height: 714px;
}

#startbild-container img {
    max-width: 100%;
    height: auto;
}
#startbild {
    width: 1000px;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* Floats */   

.left,.alignleft {float: left;}
.lefttipp {
    float: left;
    margin-left: -2px;
    margin-right: 5px;
    margin-top: -0.2em;   
}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


/* 
   Thumbnails
------------------------------------------------------------------- */



a.thumb img { filter:alpha(opacity=50);	-moz-opacity: 0.50;	opacity: 0.50; border: solid 2px #FFFFFF; }
a.thumb:hover img {	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;	border: solid 2px #FF0000; }



.layout_wrapper_alles {
	background: #82542e; 
}
.layout_wrapper_body {
	background: #82542e;
	margin: 0 auto;
}
.layout_wrapper_navi_rahmen {
    background-color: #41231a;
	margin: 0 auto;
	height: 40px;
}
.layout_wrapper_navi {
	display: table;
	margin: 0 auto;
	height: 40px;
}  
.layout_wrapper_main {
	background: #82542e;
	margin: 0 auto;
	width: 1000px;
}
.layout_wrapper_main_innen {
	background: #82542e;
	margin: 20px;
	width: 1000px;

}
.layout_wrapper_footer_rahmen {
	height: 40px;
}
.layout_wrapper_footer {
	background: #41231a;
	height: 40px;
	margin: 0 auto;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0px;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 42px;
}


/* Header */

#site_title h1 {
	color: #41231a;
	font-size: 3em;
}

#site_title h1 a {
	color: #41231a;
	text-decoration: none;
}

#site_title h1 a:hover {color: #CC0000;}
#site_title h2 {
	color: #41231a;
	font-size: 1.2em;
}



/* Footer */

#footer {
    position: relative;       /* Bezugspunkt für absolute Position */
    height: 40px;
    background-color: #41231a;   /* optional */
    color: #e3d4be;
}

#footer .left, #footer .right {
    position: absolute;
    top: 50%;                 /* vertikal zentrieren */
    transform: translateY(-50%);
}

#footer .left {
    left: 50%;                /* Mitte des Footers */
    transform: translate(-400px, -50%); /* 500px nach links und vertikal zentrieren */
}

#footer .right {
    left: 50%;                /* Mitte des Footers */
    transform: translate(400px, -50%);  /* 500px nach rechts und vertikal zentrieren */
}

/* Links Styling */
#footer a {
    color: #e3d4be;
    text-decoration: none;
}

#footer a:hover {
    color: #FF0000;
    text-decoration: underline;
}