/* --------------------------------
  Hauptbereich
----------------------------------- */

html {
	font-size: 75%; /* reset 1em to 10px */
	height: 100%;
	}

body {
	background: #444 url('img/metall4.jpg');
	color: #CCC;
	font: normal 1.1em Verdana,Arial,sans-serif;
	height: 100%;
	padding-bottom: 1px; /* scrollbars */
	padding-top: 64px;
	
	}

small,.small {font-size: 0.9em;}

a {
	color: #9C8760;
	text-decoration: none;
	}

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

/* --------------------------------
   Headings, titels
----------------------------------- */

h1 {font: normal 2.2em Verdana,Arial,sans-serif;}
h2 {font: normal 1.8em Verdana,Arial,sans-serif;}
h3 {font: normal 1.4em Verdana,Arial,sans-serif;}
h4 {font: normal 1em Verdana,Arial,sans-serif;}

h1, h2, h3, h4 {margin-bottom: 5px;}


/* --------------------------------
   Hauptseite layer
----------------------------------- */

#layout_wrapper {
	background: url('img/grain_dark.gif');
	margin: 0 auto;
	width: 1100px;
	}


#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}

#header_image {
    background-position: center !important; 
    width: 100% !important;
	height: 160px;
	background: #333333 url('img/header.png') no-repeat;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
	}
#link { padding-left:500px;}
#link2 { color:rgb(255,255,255) ;text-shadow: #00C 0 0 15px;}

/* --------------------------------
   seiten titel
----------------------------------- */

#site_title {
	background: #222;
	padding: 12px 20px;
	}
#site_title h1 	{
	color: #EED;
	font: normal 2em Georgia,sans-serif;
	margin: 0 0 5px;
	}
#site_title h2 {
	color: #BFBFB6;
	font: normal 1.8em sans-serif;
	margin: 0;
	}


/* --------------------------------
   Navigation
----------------------------------- */

.navigation {
	background: #353535 url('img/navigation.jpg') repeat-x;
	border-bottom: 1px solid #222;
	border-top: 1px solid #555;
	}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
	border-right: 1px solid #303030;
	float: left;
	list-style: none;
	}
.navigation a {
	color: #AAA;
	display: block;
	font: bold 1em Verdana,sans-serif;
	padding: 12px 14px;
	text-decoration: none;
	}
.navigation a:hover {
	background: #444;
	color: #E5E5D5;
	text-decoration: none;
	}
.navigation li.current_page_item a {
	background: none;
	color: #B09D79;
	}

/* unter navigation */
#subnav a {
	padding: 10px;
	font-size: 0.9em;
	}
/*momentane seite  */
#home #navHome a,
#news #navNews a,
#eventkalender #navEventkalender a,
#event-gallerie #navEvent-gallerie a,
#kontakt #navKontakt a,
#Shop #navShop a,
#Facebook #navFacebook a,
#guestbook #navGuestbook a
	{
	color: #9C8760;
	text-decoration:underline;
	border-color: #c9453c;
	cursor: default;
}
/* --------------------------------
   Haupt
----------------------------------- */

#main {
	background: #4A4A4A;
	color: #CCC;
	}



/* --------------------------------
   Footer
----------------------------------- */

.copyright {
	font-weight: bold;
    font-family: monospace;
    text-shadow: red 1px 1px 2px;
	}
#footer {
	
	background: #2A2A2A;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #333;
	color: #000000;
	font-size: 1em;
	text-shadow: #9C8760 1px 1px 2px;
	padding: 10px 12px;
	}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}


/* --------------------------------
   Floats
----------------------------------- */

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


/* --------------------------------
   verschiedenes
----------------------------------- */


/* Images */
.sandy {
	width: 255px;
	height: 442px;
	float: left;
	margin-right: 10px
}
		 
		 
		 
img.bordered {padding: 3px; background: #666;}

/* Text */
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}



/* Margin, padding, width, height */
.ptb10 {padding: 10px 0;}



/* --------------------------------
   Posts
----------------------------------- */

.text {
	padding-left: 250px;
}

.absatz{
	padding-top:30px;
	}
.mitte { text-align:center;
	}
.post {
	background: #363636;
	border-bottom: 1px solid #111;
	}
.post_top {
	background: #222 url('img/post_top.gif') repeat-x left top;
	border-bottom: 4px solid #777;
	border-top: 1px solid #3A3A3A;
	padding: 10px 16px 13px;
	}
.post_title h2 {
	font-size: 2em;
	margin: 0;
	padding: 0;
	}
.post_body {
	background: url('img/post_body.jpg') no-repeat left top;
	border-top: 1px solid #333;
	padding: 16px 16px 0;
	}


.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}
.post_body ul {list-style: disc;}
.post_body ol {list-style: decimal;}


/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
	background: #555;
	border-top: 1px solid #444;
	font-size: 0.9em;
	padding: 7px 8px 9px;
	}
.pagenavigation a {
	color: #CCC;
	text-decoration: none;
	}
.pagenavigation a:hover {
	color: #FFF;
	text-decoration: underline;
		}
/* ----------------------------------------
  Guestbook
------------------------------------------- */		
.frame {
	margin: 0px;
	padding: 0px;
	width: 25%;
	float: left;}	
.frame2 {
    margin: 0px;
	padding: 0px;
	width: 75%;
	float: right;}
.setframe {
	margin: 0px;
	padding: 0px;
	width: 100%;}			
/* ----------------------------------------
  Guestbook
------------------------------------------- */
/* ############################### Breite des Ausgabe Div ################################## */
/*  haupt div für die Ausgabe */
#gb_content {
	width: 620px;
	height:auto;
	margin: 20px auto 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #cccccc;
}
.gb { float:right;
	   margin-left:60px;
			 }
/* ################################ Formular neuer Eintrag ################################### */
#formular,
#ausgabe_dialoge {
	background-color: #333333;
	border:1px solid #544F43;
	-moz-border-radius:5px;
	width: 620px;
	height: auto;
	margin: 0px auto 20px auto;
	padding: 15px 0px 5px 0px;
}
#ausgabe_dialoge {
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
}

#formular .smilies {
	text-align:center;
	padding:1px 2px 1px 2px;
}


/* #################################### Styles ####################################### */
/*  orange  */
.output_container .Stil1 {
	color: #9C8760
}
/*  hellgrau  */
.output_container .Stil2 {
	color: #999
}

/*  dunkelgrau link  */
.output_container a {
	text-decoration: none;
	color: #999;
	outline: 0;
}
/*  orange hover link  */
.output_container a:hover {
	color: #900;
	text-decoration: none;
}
/* ############################# Ausgabe der Beiträge ############################## */

.output_container {
	font-size:11px;
	width:620px;
	margin:0px auto 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.output_status {
	background-image: url("guestbook/images/v_d_grey_up.png");
	background-repeat: repeat-x;
	font-weight:bold;
	width:600px;
	height:20px;
	padding:10px 10px 10px 10px;
	border:1px solid #000000;
	border-bottom:none;
	margin:0px auto 0px auto;
	float:left;
	color:#cccccc;
}

.output_seiten_navi {
	background-image: url("guestbook/images/v_d_grey_down.png");
	background-repeat: repeat-x;
	background-color: #333333;
	background-position:0px -25px;
	font-weight:bold;
	line-height:12px;
	clear:both;
	width:600px;
	height:auto;
	border:1px solid #000000;
	padding:10px 10px 10px 10px;
}
.output_head {
	background-image: url("guestbook/images/v_d_grey_up.png");
	background-repeat: repeat-x;
	font-weight:bold;
	width:600px;
	height:20px;
	padding:10px 10px 5px 10px;
	border:1px solid #000000;
	float:left;
}
.name_length {
	width:200px;
}
.output_inhalt {
	width:600px;
	height:auto;
	clear:both;
	background-color:#333333;
	padding:10px 10px 10px 10px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.output_footer {
	width:600px;
	height:17px;
	background-image: url("guestbook/images/v_d_grey_up.png");
	background-repeat: repeat-x;
	padding:8px 10px 5px 10px;
	border:1px solid #000000;
}
.platzhalter {
	margin-top:20px;
	margin-bottom:10px;
}
.linie {
	border-top:1px dotted #544F43;
}
/* #################################### Login Dialog ####################################### */
#admin_login {
	width:250px;
	margin: 0px auto 0px auto;
}
.login_name {
	width:50px;
	font-weight:bold;
	text-align:right;
}
.input_login_name {
	width:150px;
	font-weight:bold;
	font-size:smaller;
}
.login_pass {
	width:50px;
	font-weight:bold;
	text-align:right;
}
.input_login_pass {
	width:150px;
	font-weight:bold;
	font-size:smaller;
}
/* ############################### Button und Schaltflächen ################################## */
.button_normal,
.output_container .output_seiten_navi a,
.formular_bbc a,
.link a {
	padding-bottom:1px;
	background-color: #333333;
	color: #F1F1F1;
	background-image: url("guestbook/images/button.png");
	background-repeat: repeat-x;
	height:20px;
	width:auto;
	border:1px solid #000000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.button_mover,
.output_container .output_seiten_navi a:hover,
.output_container .navi_a,
.formular_bbc a:hover,
.link a:hover {
	padding-bottom:1px;
	background-color: #333333;
	color: #000000;
	background-image: url("guestbook/images/button_a.png");
	background-repeat: repeat-x;
	height:20px;
	width:auto;
	border:1px solid #000000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.output_container .output_seiten_navi a:hover,
.output_container .navi_a,
.output_container .output_seiten_navi a,
.formular_bbc a,
.formular_bbc a:hover,
.link a,
.link a:hover {
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
	outline:none;
}
.formular_bbc a,
.formular_bbc a:hover,
.link a,
.link a:hover {
	padding-top:3px;
	padding-bottom:3px;
}
/* ################################### Formular "Einstellungen" ################################### */

.settings_beschreibung {
	width:120px;
	float:left;
	margin:5px;
	
}
.settings_wert {
	width:180px;
	float:left;
	margin:2px;
}
.settings_help {
	padding-top:4px;
	font-size:9px;
}
.clear {
	clear:both;
}
/* ######################################## Tooltips ############################################## */
.tooltip_breit {
  position: absolute;
  display: none;
  background-color: #003366;
  width:400px;
  border:1px solid #000000;
  height:auto;
  font-size:10px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.tooltip_head {
	background-image: url("guestbook/imagesimages/button.png");
	background-repeat: repeat-x;
	height:19px;
	text-align:left;
	padding:6px 5px 0px 5px;
	color:#003366;
	font-weight:bold;
}
.tooltip_content {
	border-top:1px solid #000000;
	padding:5px;
	background-color:#003366;
	text-align:left;
	
}

/** unsichtabres spam feld */

.gbook_form { display: none; }


/* ----------------------------------------
 Kontakt
------------------------------------------- */
.kontakttext {color:#9C8760;}
.Stil1 { color:#9C8760; }
.Stil2 { color:#000000; }
.kontakt { float:right;
			padding-right: 150px ; }
.php { float:left;}
#container_form { width:530px; height:auto;  }
#kontaktform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:530px;
	height:auto;
	border:1px solid #A8A89F;
	-moz-border-radius: 8px;
	padding:10px;
	color:#000000;
	background-color:#666;
	margin:0px auto 0px auto;
}
#kontaktform a {
	color:#9C8760;
	text-decoration:none;
} #kontaktform a:hover{ color:#000000; }

.input_field {
	width:150px;
	border:1px solid #CFCFCF;
	background-color:#CCC;
}
.input_field_ddl { width:153px; border:1px solid #CFCFCF; background-color:#CFCFCF; }
.input_field_betreff { width:410px; border:1px solid #CFCFCF; background-color:#CFCFCF; }
.input_field_textarea { width:410px; height:150px; border:1px solid #CFCFCF; background-color:#CFCFCF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.label_form { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; }

/* ############################### Tooltip Anzeige und Info Icon ############################### */

.tooltip { position: absolute; display: none; background-color: #CFCFCF; width:350px; border:1px solid #000000; height:auto;font-size:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif ,color:#000000; }
.tooltip_head { background-image: url("./data/images/back_ground.png"); background-repeat: repeat-x; height:19px; text-align:left; padding:6px 5px 0px 5px; color:#000000; font-weight:bold; }
.tooltip_content { border-top:1px solid #000000; padding:5px; background-color:#000000; text-align:left; }

/* ############################### Tooltip Sicherheits - CODE ############################### */

.tooltip_code { position: absolute; display: none; background-color: #FFFFFF; width:120px; border:1px solid #000000; height:auto; font-size:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.tooltip_content_code { padding:5px; background-color:#000000; text-align:center; letter-spacing:2px; background-image:url("data/images/verlauf_1.png"); background-repeat: repeat-x; font-weight:bold; font-size:18px; }
/*************************************************************************************************************/