/****************************************/
/*    CSS Styles                        */
/*                                      */
/*    Ansprechpartner: Urs Stark        */
/*                                      */
/****************************************/


/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/
html { height: 100% }

body {
    min-height: 101%;
    font-size: 100.01%;
    font: 14px/1.5em "Arial Narrow", sans-serif;
    font-size:14px;
    color:rgb(255,218,209);
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:left;
	background-color:rgb(191,191,191);
  	letter-spacing:3px;
    text-align: center;
    margin: 0 auto;
  }


/******************************************************************************/
/*                                Schriften                                   */
/******************************************************************************/

tr, td, th, table
{
    vertical-align: top;
    border-bottom:6px #9A2221 solid
}


h1
{
  display: none;
}

.third
{
    color:rgb(255,255,255);
    font-size:14px;
    font-weight: bolder;
}

p
{
  margin-bottom:14px;
}

strong
{
    color:rgb(255,255,255);
    font-size:14px;
    font-weight: bolder;
}

/******************************************************************************/
/*                          Elementpositionierungen                           */
/******************************************************************************/


* {
    margin : 0px;
    padding : 0px;
    border: none;
  }


.rahmen {
    text-align:left;
    position: relative;
    width : 802px;
    margin: 0px auto;
    margin-top: 20px;
    background: url(img/background.jpg);
    background-repeat: repeat-y;
  }


/*Browserhack IE 5-6*/
* html .spalten {
height : 1%;
}
/*Browserhack IE 7*/
*+html .spalten {
height : 1%;
}


.spalten {
  /*Menuhintergrundfarbe*/
  background-color: #FFFFFF;
}

.clearer {
    clear : both;
    height :1%;
  }


.menu
{
  margin-top:36px;
  float: left;
  width: 200px;
  text-align:left;
}

a:link, a:visited, a:active, a:hover
{
	text-decoration:none;
	color:rgb(227,168,88);
}

a.menubutton, a.menukontakt
{
	display:block;
	padding-bottom:3px;
	padding-top:7px;
	text-decoration:none;
}

a.menukontakt
{
	padding-top:38px;
}

a.menubutton:link, a.menubutton:visited, a.menubutton:link, a.menukontakt:visited, a.menukontakt:link
{
	color:rgb(128,37,25);
	text-decoration:none;
}

a.menubutton:active, a.menubutton:hover, a.menukontakt:active, a.menukontakt:hover
{
	color:#FF9900;
}

.content
{
  padding-top:38px;
  padding-bottom:40px;
  padding-left:40px;
  letter-spacing:2px;
  width: 562px;
  float:left;
  background-color: #9A2221;
  position:relative;
}

.logocontainer
{
	width:200px;
	height:177px;
    margin:0px;
  	background:url(../img/logo.jpg) no-repeat center;
}

.menucontainertop
{
	width:160px;
	height:216px;
	margin-left:20px;
	margin-top:23px;
}

.menucontainerbottom
{
	height:29px;
	width:160px;
	margin-left:20px;
}

.themenarbeiten
{
	width:92px;
	height:92px;
   /*	background:url(../1_Home/1_Home_Bilder/1_Thema_1.jpg) no-repeat center;*/
}

.contentheader
{
	margin-bottom:17px;
	height:98px;
	width:545px;
}

.headtext
{
	width:562px;
	height:auto;
}

.header
{
	font-size:30px;
	color:rgb(227,168,88);
	letter-spacing:2px;
	height:50px;
}

.subheader
{
    height:14px;
    width:545px;
    margin-bottom: 17px;
}

.subheaderdif
{
    width:109px;
    float:left;
}

.subheaderdif a:hover, .subheaderdiflong a:hover
{
    text-decoration: none;
    color:#FFFFFF;
}

.subheaderdiflong
{
    width:218px;
    float:left;
}

.contentbox
{
    margin-right:17px;
    float:left;
    width: 419px;
}


.sidebox
{
    float:left;
	width:92px;
    height:388px;
	/*height:419px;*/
}

.impressumbox
{
    /*background-color: #9A2221;*/
    width:92px;
    height:68px;
    position: absolute;
    float:right;
    bottom:40px;
    right:34px;

}

.arrow
{
	height:25px;
	width:92px;
}

.impressum
{
	text-align:center;
	padding-top:29px;
	width:92px;
	height:14px;
	color:#FFFFFF;
    letter-spacing: 1px;
}

.addressbox
{
    position: absolute;
    float:left;
    bottom:40px;
    left:40px;
}

.openinghours
{
    position: absolute;
    float:left;
    bottom:40px;
    left:258px;
}

.weg
{
  float:left;
  width:202px;
  height:202px;
}

.text
{
  width:200px;
  float:left;
}


.spacer
{
  height: 419px;
  background-color: #9A2221;
  width: 0px;
  float:right;
}

.second
{
	font-size:30px;
	color:rgb(227,168,88);
	letter-spacing:115%;
	margin-top:50px;
	height:36px;
	line-height:100%;
}

.secondcontact, .secondwhite
{
    color:rgb(227,168,88);
    margin-top:28px;
    margin-bottom:14px;
}

.secondwhite
{
    color:rgb(255,255,255);
}
ul#Bilder
{
	display:inline;
}

ul#Bilder li
{
    float:left;
	list-style:none;
	margin-right:17px;
	margin-top:6px;
}
/******************************************************************************/
/*                               Buttons                                      */
/******************************************************************************/