/* CSS Stylez All Browser  */
/*    Dummy    */
/* (c) 2006 by Daniel König, Kerygma */

html, body {
margin:  0px 0px 0px 0px; 				/** Ein horizontales zentrieren mit CSS ist nicht möglich; daer stellt man hier den Abstand nach oben ein. **/
padding: 0px 0px 0px 0px; 
border:  0px;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 11px;
line-height: 15px;
color: #000000;
background: #ffffff;
}

body {
text-align:left;	/*** zentriert die Box horizontal für den IE ***/
background: #ffffff;
background-repeat: repeat-y;
}

/*** Der Wrapper ist der HauptKasten, der alles zusammenhält ***/

.wrapper {
position:relative;
width: 810px;
text-align:left;	/*** Holt den Text nach dem zentrieren für den IE wieder zurück ***/
/** background: url(../img/back_all.gif); **/
background-repeat: no-repeat;
}

/*** Damit die Ecke rechts auch unten bleibt: ***/
.inner	{
width: 810px;
background:url("../img/back_footer_rechts2.gif") bottom right no-repeat;
}

/********************************************************************************************************/ 
/*** Allgemein ***/
/********************************************************************************************************/

.clear { clear: both; }

h1 {
font-size: 20px;
font-weight: bold;
letter-spacing: 0px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h2 {
font-size: 14px;
line-height:24px;
letter-spacing: 0px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


a.web {
color: #45505B;
background: url(../img/back_web.gif); background-repeat:no-repeat;
font-size: 10px; 
line-height: 20px;  
text-decoration:none;
padding: 0px 0px 0px 12px;
}

/********************************************************************************************************/ 
/*** Header ***/
/********************************************************************************************************/

.header {
position: relative;
width:810px;
height:125px;
background: url(../img/back_header.jpg); background-repeat:no-repeat;
}


#home_link	{
position: relative;
width: 217px;
height: 125px;
top:0px;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
float: left;
}


#header_navi_sprache	{
position: relative;
font-size: 11px;
left: 2px;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}


#header_navi_sprache ul {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#header_navi_sprache li{
padding: 0px 0px 0px 0px;
margin-left: 0px;
display: inline;
}

#header_navi	{
font-size: 11px;
left: 2px;
padding: 35px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}


#header_navi ul {
list-style-type: none;
background-color: transparent;
margin:  5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#header_navi li{
padding: 0px 0px 0px 0px;
margin-left: 0px;
display: inline;
}






/********************************************************************************************************/ 
/*** linke Spalte ***/
/********************************************************************************************************/

#left_home {
position: relative;
float:left;
width:217px;
height: 360px;
left:0px;
background: url(../img/back_navi_home.gif); background-repeat:no-repeat;
}

#left {
position: relative;
float:left;
width:217px;
left:0px;
background: url(../img/back_navi_ct.gif); background-repeat:no-repeat;
}

#left_rundgang {
position: relative;
float:left;
width:120px;
height: 360px;
left:0px;
background: url(../img/back_body_rundgang.gif); background-repeat:no-repeat;
}

#left_rundgang ul {
list-style-type: none;
background-color: transparent;
margin:  80px 0px 0px 24px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#left ul {
list-style-type: none;
background-color: transparent;
margin:  80px 0px 0px 24px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#left li{
padding: 0px 0px 30px 0px;
}


/********************************************************************************************************/ 
/*** Mitte Spalte ***/
/********************************************************************************************************/

#center_home {
position: relative;
float:left;
width:593px;
left:0px;
}

#center_rundgang {
position: relative;
float:left;
width:690px;
margin-top:0px;
left:0px;
}

#center {
position: relative;
float:left;
width:470px;
left:0px;
}

.center_text	{
line-height: 22px;
padding: 5px 5px 0px 5px;
margin:  0px 0px 0px 0px;
color: #45505B;
}

#center a {
color: #855845;
tex-decoration: underline;
}

#center a:hover { 
text-decoration:none;
color: #ffffff;
background: #515151;
}

#wrap_left	{
float: left;
margin-top: 10px;
}



#wrap_right	{
float: right;
margin-top: 10px;
}

#wrap_left a:hover { 
text-decoration:none;
color: #ffffff;
background: #ffffff;
}

#wrap_right a:hover { 
text-decoration:none;
color: #ffffff;
background: #ffffff;
}



/********************************************************************************************************/ 
/*** rechte Spalte ***/
/********************************************************************************************************/

#right {
position: relative;
float:right;
width:122px;
top:0px;
margin-left:0px; /** Def. den Abstand zur linken Seite **/
}

#right ul {
list-style-type: none;
background-color: transparent;
margin:  40px 0px 0px 12px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#right li{
padding: 0px 0px 70px 0px;
}

/********************************************************************************************************/ 
/*** Footer  background: url(../img/back_footer.gif); background-repeat:no-repeat;***/
/********************************************************************************************************/

#footer	{
position: relative;
width:810px;
height:35px;
top:0px;
margin: 0px 0px 0px 0px;
background: url(../img/back_footer.gif); background-repeat:no-repeat;
}

#footer ul {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 217px;
padding: 0px 0px 0px 0px;
}


#footer li{
padding: 0px 0px 0px 0px;
margin-left: 0px;
display: inline;
}

#footer a	{
font-size: 10px; 
line-height: 15px; 
text-decoration:none;
padding: 0px 0px 0px 0px;
}

#copy ul {
list-style-type: none;
background-color: transparent;
margin:  0px 0px 0px 159px;
padding: 10px 0px 0px 0px;
}


#copy li{
padding: 10px 0px 0px 0px;
margin-left: 0px;
display: inline;
font-size: 10px;
}


.tex_rot	{
color: #855845;
}

.box_text	{
border: 1px solid #855845;
padding: 5px 5px 5px 5px;
background: #f2f2f2;
line-height: 22px;
}




/********************************************************************************************************/ 
/*** Bildlupe ***/
/********************************************************************************************************/

.bildsub	{
background: #f2f2f2;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
}


.bild_links	{
float: left;
margin-right: 10px;
background: #f2f2f2;
width: 150px;
}


.lupe	{
float: right;
}

/********************************************************************************************************/ 
/*** Kontakt ***/
/********************************************************************************************************/

.eingabe_text {
position:relative;
width:60px;
margin-left: 0px;
top:0px;
}

.eingabe_buttons {
position:relative;
width:300px;
margin-left: 65px;
top:0px;
}

.eingabe_feld { position:absolute; left:65px; width:212px; height:16px; background:#F8E3BC; color:#000000; border-width:1px; border-style:solid; border-color:#6D6D6D; font-family:arial,sans-serif; font-size:10px; line-height:12px;}

.eingabe_feld2 {position:relative; margin-left:65px; width:212px; height:100px; background:#F8E3BC; color:#000000; border-width:1px; border-style:solid; border-color:#6D6D6D; font-family:arial,sans-serif; font-size:10px; line-height:12px;}
