@import url('sidebar.css');

html {
    width: 100%;
    height: 50%;
}

body {
    font-family: arial;
    font-size: 12px;
    color: #434343;
    background-color: #504b1f;
    background: url(../images/bg6_ready.png);
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 50%;
}

html, body {
	height: 100%;
	vertical-align: middle;
}

b{
   color: #434343;
}

h1{
   color: #58585a;
   font-size: 16px;
}

p{
   color: #434343;
   font-size: 12px;
}

a{
   text-decoration: none;
}

#page {
   margin: auto;
   width: 1024px;
   height: 685px;
}

#backgroundInnen{
   padding: 20px 20px 70px 20px;
   background: url(../images/pattern.jpg);
   border: 2px solid #cbc9c1;
   position: absolute;
   margin: auto;
}

#wrapper {
   border: 2px solid #e9e7e7;
   background-color: #fff;
   padding-bottom: 20px;
}

#header {
   position: relative;
   border-bottom: 2px solid #fff;
   width: 973px;
}

#content {
   padding: 10px;
   position: relative;
   overflow: hidden;
   background-color: #e1e1e1;
   width: 722px;
   height: 455px;
}

#content .contentArea{
   border: 2px solid #fff;
   background-color: #f3f3f4;
   width: 680px;
   height: 450px;
   position: absolute;
   left: 30px;
   top: 10px;
}


#content .contentBalkenLeft{
   background-image: url(../images/content_balken_left2.jpg);
   background-repeat: repeat-y;
   width: 30px;
   height: 450px;
   top: 0px;
   left: 0px;
   bottom: 0px;
   position: absolute;
}


#content .contentBalkenRight{
   background-image: url(../images/content_balken_right2.jpg);
   background-repeat: repeat-y;
   width: 34px;
   height: 448px;
   top: 0px;
   bottom: 0px;
   left: 647px;
   position: absolute;

}

#content .textArea{
   width: 708px;
   height: 400px;
   margin-top: 50px;
   overflow-y: scroll;
   overflow-x: hidden;
   z-index: 100;
}



#content .text{
   width: auto;
   margin-left: 70px;
   margin-right: 70px;
}

#content .text .textimages{
   position: relative;
   left: -70px;
}

#content .textTrenner{
   width: 695px;
   background-color: #b0b0af;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   position: relative;
}

#content .images{

}

#subnavigation{
   background: url(../images/subnavigation_bg.jpg);
   width: 681px;
   height: 101px;
   left: -70px;
   top: 0px;
   position: relative;
   z-index: 200;
}

#subnavigation ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#subnavigation li{
   float: left;
   height: 50px;
   cursor: pointer;
}

#subnavigation .sublink{
   padding: 8px 5px 5px 20px;
   font-size: 11px;
   color: #98957e;
}

#subnavigation .sublink a{
   font-size: 11px;
   color: #98957e;
}

#subnavigation .sublink a:hover{
   color: #767465;
}


#footer {
   clear: both;
   position: absolute;
   padding-left: 375px;
   padding-top: 20px;
   color: #888468;
   font-weight: bold;
}

#footer ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#footer li{
   float: left;
   border: 1px solid #ebeaea;
   background: #fff;
   padding: 0px 5px 0px 5px;
   text-align: center;
   margin-left: 5px;
   font-size: 16px;
   cursor: pointer;
}

#footer li a{
   font-size: 16px;
   text-decoration: none;
   color: #888468;
}

#footerurl{
   
}

#kontaktarea{
   background: url(../images/blank_img.jpg);
   background-repeat: no-repeat;
   width: 681px;
   height: 167px;
   left: -70px;
   position: relative;

}

#kontaktarea .left{
   float: left;
   margin: 3px auto auto 30px;
   width: 315px;
   padding: 10px;
}

#kontaktarea .left .formelement{
   color: #b0b0af;
   font-size: 10px;
   width: 250px;
   padding-left: 15px;

}

#kontaktarea .left .submitbutton{
   width: 50px;
   height: 25px;
   border: 0px;
   background: #b0b0af;
   color: #58585a;
   font-size: 12px;
   font-weight: bold;
   cursor: pointer;
   
}

#kontaktarea .left .submitbutton:hover{
   background: #58585a;
   color: #b0b0af;
}

#kontaktarea .right{
   margin: 3px 28px auto 350px;
   padding: 10px 20px 10px 20px;
}

#kontaktarea .right .formvalue{
   color: #b0b0af;
   font-size: 10px;
   padding-left: 15px;
   padding-top: 15px;
   position: absolute;
   z-index: 1000px;
   top: 10px;
}

#kontaktarea .left .formvalue1{
   color: #b0b0af;
   font-size: 10px;
   padding-left: 15px;
   padding-top: 6px;
   position: absolute;
   z-index: 1000px;
   top: 10px;
}

#kontaktarea .left .formvalue2{
   color: #b0b0af;
   font-size: 10px;
   padding-left: 15px;
   padding-top: 42px;
   position: absolute;
   z-index: 1000px;
   top: 10px;
}

#kontaktarea .left .formvalue3{
   color: #b0b0af;
   font-size: 10px;
   padding-left: 15px;
   padding-top: 77px;
   position: absolute;
   z-index: 1000px;
   top: 10px;
}

#kontaktcontent{

}