/*********************************************************************
** CSS
** @autor Ramtin Shirazi<info@Shirazi.com>
** @version 1.0
** @package 
*********************************************************************/
/**********************************************
** Box-Model
**********************************************/
* html #container { width: auto; overflow:auto; z-index:1; }
#container { width:auto; padding: 0em 0em 0em 0em; height: 96%; }
/**************************************************************************************************/
div#content-start_Kopf { padding: 0.5em 0em em 0em; width: auto; height: 150px; }

*html div#content-start_kopf { padding: 0.2em 0em 0em 0em; width: auto; }

  div#content_left_Kopf{float: left; width: 1px; height: 150px; color: white; padding: 0em 0em 0em 0em; }
   div#content_left_2_Kopf {float: left; width: 1px; height: 150px; color: white; padding: 0em 0em 0em 0em; }
 * html div#content_left_Kopf{  float: left; width: 1px; height: 150px; color: white; padding: 0em 0em 0em 0em; }
 * html div#content_left_2 _Kopf{ float: left; width: 1px; height: 150px; color: white; padding: 0em 0em 0em 0em; } 

  div#content_right_Kopf { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 150px; }
  div#content_right_2_Kopf { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 150px; }
 * html div#content_right_Kopf { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 150px; }
 * html div#content_right_2_Kopf {float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 150px; } 
  
 div#content_center_Kopf { padding: 0em 0em 0em 0em; width: auto; height: 150px; }
 div#content_center_2_Kopf { padding: 0.1em 0em 0em 0em; width: auto; height: 150px; }

* html div#content_center_Kopf { padding: 0em 0em 0em 0em; width: auto;  height: 150px; }
* html div#content_center_2_Kopf { padding: 0em 0em 0em 0em; width: auto; height: 150px; }
/************************************************************************************************/

/**************************************************************************************************/
div#content-start { padding: 0em 0em 0em 0em; width: auto; height: 400px; }

*html div#content-start { padding: 0em 0em 0em 0em; width: auto; }

  div#content_left{float: left; width: 105px; height: 530px; color: white; padding: 0em 0em 0em 0em; }
   div#content_left_2 {float: left; width: 105px; height: 530px; color: white; padding: 4em 0em 0em 0em; }
 * html div#content_left{  float: left; width: 105px; color: white; padding: 0em 0em 0em 0em; }
 * html div#content_left_2 { float: left; width: 105px;  color: white; padding: 4em 0em 0em 0em; } 

  div#content_right { float: right; color: white; padding: 3em 0em 0em 0em; width: 176px; height: 245px; }
  div#content_right_2 { float: right; color: white; padding: 0em 0em 0em 0em; width: 176px; height: 245px; }
 * html div#content_right { float: right; color: white; padding: 3em 0em 0em 4em; width: 176px; }
 * html div#content_right_2 {float: right; color: white; padding: 0em 0em 0em 0em; width: 176px; } 
  
 div#content_center { padding: 0em 0em 0em 0em; width: auto; height:1px; }
 div#content_center_2 { padding: 0em 0em 0em 0em; width: auto; height:1px; }
* html div#content_center { padding: 0em 0em 0em 0em; width: auto; }
* html div#content_center_2 { padding: 0em 0em 0em 0em; width: auto; }
/************************************************************************************************/

/**************************************************************************************************/
div#content-start_unten { padding: 0em 0em 0em 0em; width: auto; height: 1px; }

*html div#content-start_unten { padding: 0em 0em 0em 0em; width: auto; }

  div#content_left_unten{ float: left; width: 1px; height: 1px; color: white; padding: 0em 0em 0em 0em; }
   div#content_left_2_unten { float: left; width: 1px; height: 1px; color: white; padding: 0em 0em 0em 0em; }
 * html div#content_left_unten{  float: left; width: 1px; height: 1px; color: white; padding: 0em 0em 0em 0em; }
 * html div#content_left_2 _unten{ float: left; width: 1px; height: 1px; color: white; padding: 0em 0em 0em 0em; } 

  div#content_right_unten { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 25px; }
  div#content_right_2_unten { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 25px; }
 * html div#content_right_unten { float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 25px; }
 * html div#content_right_2_unten {float: right; color: white; padding: 0em 0em 0em 0em; width: 1px; height: 25px; } 
  
 div#content_center_unten { padding: 0em 0em 0em 0em; width: auto; height: 25px; }
 div#content_center_2_unten { padding: 0em 0em 0em 0em; width: auto; height: 25px; }
* html div#content_center_unten { padding: 0em 0em 0em 0em; width: auto; height: 25px;}
* html div#content_center_2_unten { padding: em 0em 0em 0em; width: auto; height: 25px; }
/************************************************************************************************/
.headline {
  width: 100%;
  height: 150px;
  padding-top: 10px;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  font-size: 2em;
  text-align: right;
  color: #ffffff;
}
.menu-box {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0;
  font-size: 1em;
  border: 1px solid #817162;
  border-top: 0;
}
.menu-title {
  margin: 0;
  padding: 2px 0px 2px 0px;
  width: 100%;
  text-align: center;
  font-family: 'Times New Roman';
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #D7C3AF;
  border-top: 1px solid #817162;
  border-bottom: 1px solid #817162;
}

.menu-description {
  margin: 10px 0px 5px 10px;
  padding: 0;
  font-family: 'Times New Roman';
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
  color: #ffffff;
}

.menu-list {
  margin: 5px 0px 20px 26px;
  padding: 0px;
}
/**********************************************
** HTML-Tags
**********************************************/

body {
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
 background-image:url( Hint4.jpg);background-repeat:no-repeat;
 background-color: #000000;
 scrollbar-base-color:#000000;
  scrollbar-face-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-3dlight-color:#000000;
  scrollbar-darkshadow-color:#310000;
  scrollbar-highlight-color:#310000;
  scrollbar-track-color:#050505;
  /*padding-right: 20px;*/
overflow:auto;
}
BODY#menu {
  padding: 0;
}
/*** Navigations-Button ***/
CENTER {
  font-size: 0.7em;
}

#navigation {
 /* float: left;*/
  width: 9.8em;
  height: 310px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  font-size: 1em;
 
  color: #ffffff;
  /*border-right: 1px solid #817162;*/
}
*html#navigation {
/*float: right;*/
  width: 9.8em;
  height: 280px;
  margin: 0;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  font-size: 1em;
  list-style-type: none;
  color: #ffffff;
}
UL {
  margin: 5px 0px 5px 0px;
  font-size: 0.7em;
  line-height:2em;
  list-style-type:square; 
}
*html UL {
  margin: 5px 0px 5px 0px;
  font-size: 0.7em;
  line-height:2em;
  list-style-type:square;  
}
LI.navbutton {
  height: 20px;
  width: 9.8em;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: #817162 1px solid; 
  text-align: left;
}
*html LI.navbutton {
  height: 30px;
  width: 9,8em;
  margin: 1px 0px 0px 0px;
  padding: 0;
 /* text-align: left;*/
  color: #972E0F;
}
LI.navimpressum {
  height: 20px;
  width: 9,8em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: #817162 1px solid; 
   text-align: left;
}
*html LI.navimpressum {
  height: 20px;
  width: 9,8em;
  margin: 2px 0px 0px 0px;
  padding: 0;
  text-align: left;
  border-top: #817162 1px solid; 
}
A { color: #ffffff; text-decoration: none; 
}

A:hover { color: #ffffff; display: block; background-color:#000000; }

A:visited { text-decoration:none; font-weight:bold; color:#F9AB03; }

A:active { text-decoration:none; font-weight:bold; background-color:#310000; }

a:focus { text-decoration:none; font-weight:bold; background-color:#F9AB03; }

*html A.startlink {
  height: 20px;
  width: 9,8em;
  padding: 9px 2px 5px 10px;
  color: #ffffff;
  font: 500 italic 1em 'Times New Roman';
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight:bold;
  text-align: left;
}

 A.startlink {
 height: 20px;
 width: 9,8em;
 padding: 5px 0px 3px 2px;
 color: #ffffff;
 font: 500 italic 1em 'Times New Roman';
 letter-spacing: 0.1em;
  text-decoration: none;
  font-weight:bold;
  background-color:#310000; display: block;
  /*text-align: center;*/
  /*
  padding: 0px 2px 3px 0px;*/
}
A.start-impressum {
  height: 20px;
  width: 9,8em;
  padding: 5px 0px 3px 7px;
  color: #ffffff;
  font: 500 italic 1em 'Times New Roman';
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight:bold;
}

A.startlink_2 {
  height: 20px;
  padding: 3px 10px 3px 5px;
  color: #ffffff;
  font: 500 italic 1em 'Times New Roman';
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight: bold;
  /*border-top: 0px solid #817162;*/
}

A.startlink:hover { 
  color: #972E0F;
  text-decoration: none; 
  width: 9,8em;
    height: 20px;
	background-color:#000000; display: block;
}

*html A.startlink:hover {
/*border-top: 1px solid #972E0F;*/
  color: #972E0F;
  text-decoration: none;
  width: 9,8em;
  height: 20px;
}

A.start-impressum:hover {
  color: #972E0F;
  text-decoration: none;
}

#first { 
display: block; color: #F9AB03; background-color: black;
}

 li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #009999; background-color: black;font-family: Verdana;
  }

 *html  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #009999; background-color: black;}

/*** Mehr-Button ***/

.more {
  width: 100%;
  margin: 0;
  font-size: 0.9em;
  padding-top: 7px;
  text-align: right;
}

*html.more {
  width: 100%;
  margin: 0;
  font-size: 0.9em;
  padding-top: 7px;
  text-align: right;
}

A.link-more {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
}

A.link-more:hover {
  color: #51473D;
  text-decoration: underline;
}

h1 {
  margin: 15px 0px 10px 0px;
  padding: 0;
  font-family: 'Times New Roman';
  font-size: 1em;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #ffffff;
}

h2 {
  margin: 12px 0px 7px 0px;
  padding: 0;
  color: #ffffff;
  font-family: 'Times New Roman';
  font-style: italic;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight: normal;
}
h3 {font-size: 1.1em; color: #ffffff; font-family: Verdana;font-weight: normal;
}

h4 {font-size: 1.3em; color: #F0620C;
}
h9 {color: #F0620C;
}
B.capital {
  font-style:italic;
  text-decoration:underline;
}

B.red {
  color: #FF0000;
}

P {
  margin: 5px 0px 10px 0px;
  padding: 0;
  font-size: 0.7em;
  line-height:1.4em;
  text-align: justify;
}

.spacer {
  margin-top: 100px;
}

TD  {
  font-size: 0.7em;
}

.tabletitle {
  text-align: right;
  width: 800px;
  height: 200px;
}

.infobox {
  width: 430px;
  margin 0;
  padding: 0px 25px 0px 15px;
 
  border-top: 0px solid #817162;
   font-size: 1em;
}

*html.infobox {
  width: 430px;
  margin 0;
  padding: 0px 25px 0px 15px;

  border-top: 0px solid #817162;
   font-size: 1em;
}

.title-infobox {
  margin: 2px 0px 5px 0px;
  padding: 0;

  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight:bold;
}

*html.title-infobox {
  margin: 2px 0px 5px 0px;
  padding: 0;
  /*color: #ffffff;*/
  
  letter-spacing: 0.1em;
  text-decoration: none;
 /* font-weight:bold;*/
}


.remark {
  font-weight:normal;
}

.hands {
   position: absolute; top: 110px; left: 380px;
}

TEXTAREA {
  color: #ffffff;
  background-color: #D7C3AF;
  border: 1px solid #817162;
}

INPUT {
  color: #51473D;
  background-color: #D7C3AF;
  font-size: 0.8em;
  border: 1px solid #817162;
}

.referenz {
  margin: 0px 0px 40px 0px;
  color: #51473D;
  background-color: #D7C3AF;
  border: 1px solid #817162;
}

.box-logo {
  width: 250px;
  text-align: center;
}

.box-reftext {
  padding: 20px 20px 20px 0px;
  font-size: 0.7em;
  line-height:1.4em;
  text-align: justify;
}

IMG.img-logo {
  border: 4px double #817162;
}

.kontakt {
  margin: 10px 10px 10px 10px;
}

.page-spacer {
  height: 300px;
}

.infomsg {
  height: 200px;
}

.metaNavigation{position:fixed; border-top:0px solid #999999; left:0px;bottom:0px; width:100%; height:25px; color:#000000; z-index:2000;padding: 4px 0px 0px 0px;}
* html .metaNavigation {z-index: 1000; position: absolute; border-bottom: 0px solid white;}
#metaNavigationInline {width:auto;}
#metaNavigationText {position:relative; top:5px; right:0px; /*height:20px;*/ float:right;}