@charset "utf-8";
/* CSS Document */

/* --------------------------------
  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;
 
}
/* --------------------------------
   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
----------------------------------- */
#link2 { color:rgb(255,255,255) ;text-shadow: #00C 0 0 15px;}

.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,
#Shop #navShop a,
#eventkalender #navEventkalender a,
#event-gallerie #navEvent-gallerie a,
#kontakt #navKontakt 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: 232px;
		 height: 500px;
		 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: 240px;
}

.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;
		}
/* ----------------------------------------
   CMS
------------------------------------------- */
/*************************************************************************************************************/

/* ################################### Container für die Ausgabe ########################################## */

#cont_all {
  width:                                    540px;
  margin:                                   10px auto 10px auto;
}
.show_news_container p {
  margin:                                   0;
  padding:                                  0;
}
/* ################################### Breite der News #################################################### */

.show_news_container,
#formular_make_news,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options {
  width:                                    100%;
}

/* ################################### Breite der Formular Input Felder ################################### */

.input_feld,
.input_area {
  width:                                    98%;
}

/* ################################### Suchmaske ########################################################## */

#input_search {
  background-color:                         #FFFFFF;
  border:                                   1px solid #A6A39B;
  background-image:                         url("news_system/graphic/lupe.png");
  background-repeat:                        no-repeat;
  padding-left:                             20px;
}

/* ################################### Admin Login Dialog ################################################# */

#admin_login {
  width:                                    235px;
  margin:                                   0px auto 0px auto;
  font-weight:                              bold;
  font-size:                                10px;
}

#i_login, #i_pass {
  width:                                    200px;
  margin-top:                               5px;
  text-align:                               right;
}

#i_button {
  text-align:                               right;
  margin:                                   0px 15px 5px 0px;
}

/* ################################### News Anzeige ####################################################### */

.show_news_container {
  height:                                   auto;
  padding:                                  5px 20px 5px 0px;
  margin:                                   0px auto 20px auto;
  font-family:                              Verdana, Arial, Helvetica, sans-serif;
  font-size:                                11px;
  color:                                    #000000;
  line-height:                              14Px;
  clear:                                    both;
}
/* News Headline */
.show_news_headline,
.show_news_headline_hover {
  margin-bottom:                            5px;
  padding:                                  3px 0px 5px 35px;
  border-bottom:                            1px dotted #544F43;
  clear:                                    both;
  background:                               url("news_system/graphic/h_auf.png") no-repeat 0px 0px;
  cursor:                                   pointer;
  width:                                    95%;
}

.show_news_headline_hover {
  background:                               url("news_system/graphic/h_zu.png") no-repeat 0px 0px;
}

.show_news_static_headline {
  margin-bottom:                            5px;
  padding:                                  3px 0px 5px 0px;
  clear:                                    both;
  width:                                    95%;
  border-bottom:                            1px dotted #544F43;
}
/* News Inhalt */
.show_news_inhalt {
  clear:                                    both;
  padding-top:                              1px;
  width:                                    100%;
}
/* News Footer */
.show_news_footer {
  margin-top:                               5px;
  padding-top:                              5px;
  border-top-style:                         dotted;
  border-top-width:                         1px;
  border-top-color:                         #544F43;
  clear:                                    both;
}
/* Trennlinie (Line) */
.linie {
  border-top:                               1px dashed #000000;
}
.show_news_container hr {
  border:                                   none;
  border-top:                               1px dashed #000000;
}
.show_news_container ul {
  list-style-type:                          square;
}
#news_admin {
  border:                                   1px solid #AAAAAA;
  background-color:                         #DDDDDD;
  height:                                   auto;
  padding:                                  10px;
  width:                                    98%;
  text-align:                               left;
}
/* ################################### Formular News erstellen ############################################ */

#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer {
  margin-top:                               10px;
  font-weight:                              bold;
}

#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer{
  padding:                                  2px;
  font-weight:                              normal;
}

.input_feld,
.input_area {
  font-family:                              Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:                                12px;
}

.input_area {
  height:                                   360px;
}
/* Preview, Save, Cancel */
#make_news_button {
  padding-top:                              5px;
}


/* ################################### News Formular Bilder  ############################################## */

#bild_verwaltung {
  max-height:                               180px;
  overflow:                                 auto;
}

#over {
  width:                                    200px;
  height:                                   100px;
}

.bild {
  text-align:                               center;
  width:                                    120px;
  float:                                    left;
}

.insert {
  text-align:                               center;
  width:                                    240px;
  float:                                    left;
}

.delete {
  text-align:                               center;
  width:                                    200px;
  float:                                    left;
}

.options {
  color:                                    #544F43;
  text-align:                               left;
  padding:                                  2px;
}

/* ################################### News Formular Dateien  ############################################# */

.datei {
  padding-top:                              6px;
  float:                                    left;
}

.datei_insert {
  padding-bottom:                           8px;
  float:                                    right;
}


/* ################################### Buttons und Hover effekt für Buttons Seiten Navigation ############# */

.button_normal,
.button_mover {
  margin:                                   5px 5px 0px 0px;
  padding:                                  0px 2px 2px 2px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("news_system/graphic/button.png") repeat-x;
  height:                                   19px;
  border:                                   1px solid #000000;
  font-size:                                9px;
  font-weight:                              bold;
}

.button_mover {
  background-color:                         #EFEFEF;
  color:                                    #000000;
  background-image:                         url("news_system/graphic/button_a.png");
}

.up,
.down {
  background:                               url("news_system/graphic/up.png") no-repeat;
  padding:                                  2px 8px 3px 3px;
}

.down {
  background:                               url("news_system/graphic/down.png") no-repeat;
}

/* ################################### ab hier Seiten Navigation ########################################## */

.show_news_container .seiten_navi a,
.show_news_container .navi_a,
.show_news_container .seiten_navi a:hover {
  margin:                                   5px 3px 0px 0px;
  padding:                                  2px 5px 2px 5px;
  background-color:                         #544F43;
  color:                                    #F1F1F1;
  background:                               url("news_system/graphic/button.png") repeat-x;
  height:                                   19px;
  border:                                   1px solid #000000;
  font-size:                                10px;
  font-weight:                              bold;
}

.show_news_container .navi_a,
.show_news_container .seiten_navi a:hover {
  background-color:                         #EFEFEF;
  color:                                    #000000;
  background:                               url("news_system/graphic/button_a.png") repeat-x;
}

/* ################################### Stile und Überschriften ############################################ */

.Stil1 {
  color:                                    #FF6600;
}

.Stil2 {
  color:                                    #000000;
}

.Stil3 {
  color:                                    #544F43;
}

h1 {
  font-size:                                16px;
  text-align:                               left;
  margin:                                   0px;
  padding:                                  0px;
}

/* ################################### Formular "Settings" ################################################ */

.settings_beschreibung {
  width:                                    120px;
  float:                                    left;
  margin:                                   5px;
}

.settings_wert {
  width:                                    160px;
  float:                                    left;
  margin:                                   2px;
}

.settings_help {
  padding-top:                              6px;
}

.clear {
  clear:                                    both;
}
/* ################################### Tooltips ########################################################### */

.tooltip_help {
  cursor:                                   help;
  background:                               url("news_system/graphic/info.png") bottom left no-repeat;
  padding:                                  2px 7px 2px 7px;
}

.tooltip,
.tooltip_breit {
  display:                                  none;
  height:                                   auto;
  font-size:                                10px;
  font-family:                              Verdana, Tahoma, Arial, Helvetica, sans-serif;

}

.tooltip_head {
  height:                                   16px;
  background:                               url("news_system/graphic/tt_header.gif") top left no-repeat;
  color:                                    #ff6600;
  font-weight:                              bold;
  padding:                                  40px 5px 0px 15px;
  width:                                    260px;
}

.tooltip_content {
  height:                                   auto;
  background:                               url("news_system/graphic/tt_content.gif") top left repeat-y;
  padding:                                  10px;
  text-align:                               left;
  color:                                    #FFFFFF;
  width:                                    260px;
  font-weight:                              bold;
  font-size:                                10px;

}
.tooltip_footer {
  height:                                   17px;
  width:                                    280px;
  background:                               url("news_system/graphic/tt_footer.gif") top left no-repeat;
}

/* ######################################################################################################## */