body {
	margin:0 0 20px 0;
	padding:0 0 0 0;
  font-family: trebuchet ms, verdana, sans-serif;
  text-align:center;
  color:#584E4C;	
}

.folgeseiten, .folgeseiten td {
  font-size: 13px;
}

.startseite .tx-bonspin-login {
  position:relative;
  top:-5px !important;
  >top:-8px !important;
}
.startseite .tx-bonspin-login p {

}
.startseite .tx-xinittwocolumn-pi1 {margin-top:20px;}
.startseite #content_1 h1 {line-height:21px;}
.startseite  p {
  line-height:16px;
}
.startseite #content_4 h1 {margin-bottom:-5px;}

a, input {color:#584E4C;}

td {font-size: 11px;}

h1 {
  margin:0;
  padding:10px 0;
  color:#5B81C1;
  font-weight:normal;
  font-size:18px;
}

h2 {
  margin:0;
  padding:10px 0;
  color:#5B81C1;
  font-weight:normal;
  margin:0 20 10px;
  font-size:12px;
}

h3 {
  color:#fff;
  font-size:20px;
  font-weight:normal;
  background: url(../images/h3_right.gif) no-repeat top right;
  padding:10px 10px 10px 0;
}

h3 span {
  background: url(../images/h3_left.gif) no-repeat top left;
  padding:10px;
}

h4 {
  color:#9B579F;
  font-size:20px;
  text-align:left;
  font-weight:normal;
  background: url(../images/h3_right_2.gif) no-repeat top right;
  padding:10px 10px 10px 0;
}

h4 span {
  background: url(../images/h3_left_2.gif) no-repeat top left;
  padding:10px;
}

/*
h4 {
  margin:0;
  padding:10px 0;
  color:#000;
  font-weight:bold;
  margin:10px 0;
  font-size:12px;
}
*/

p {
  margin:0 0 10px;
}

.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}

#site{
  text-align:left;
  width: 1002px;
  margin:0 auto;
}

#inner_bonspinkontainer {
  margin: 0 0 0 0;
}

#logo {
  width: 173px;
  height:50px;
  background: url(../images/logo.gif) no-repeat top left;
  float: left;
  margin:0 0 0 25px;
}

#logo a {
  display:block;
  height:46px;
  width:145px;
  background:transparent;
  z-index:300;
  position:absolute;
}

#nav{
  height: 60px;
  margin:6px 0 0 0;
  text-align:right;
  position:relative;

}

#nav ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-right:8px;
}

#nav a {
  font-weight: bold;  
  font-size: 12px;
}

.lev_1 a {color:#506ab5;}
.lev_1_act a {color:black;text-decoration: none;}

#nav li {
  display:inline;
  margin:0 0 0 0;
}



#nav ul#navi{
  margin-right:0px;
  margin-top:0px;
  padding-right:0px;
  padding-top:0px;
}

#content_top {
  height:22px;
  background:url(../images/content_top.gif) no-repeat top left;
}

#content_bottom {
  height:22px;
  background:url(../images/content_bottom.gif) no-repeat top left;
}

#content {
  clear: both;
  margin:0;
  background:url(../images/content_main.gif) repeat-y top left;
}

.followsites, .uebersicht {
  background:none !important;
}

.folgeseiten #nav {
  height:60px;
}

.folgeseiten #logo {
  margin:0;
}


/*############ INDEX SEITE START ##############*/
.homesite {
  min-height:487px;
  height:487px !important;
  height:487px;
}


#content_1, #content_2, #content_3, #content_4 {
  width:472px;
  height:237px;
  float:left;
  /*background:url(../images/container_main2.gif) repeat-y top center;*/
}
#content_1 {
  background:url(../images/container_1.png) repeat-y top center !important;
}
#content_2 {
  background:url(../images/container_2.png) repeat-y top center !important;
}
#content_3 {
  /*background:url(../images/container_3.1.png) repeat-y top center !important;*/
}
#content_4 {
  background:url(../images/container_4.png) repeat-y top center !important;
}

.container_top {
  width:472px;
  height:11px;
  overflow:hidden;
  /*background:url(../images/container_top.gif) no-repeat top left;*/
}
.container_main {
  width:472px;
  height:215px;
  overflow:auto;
  overflow:hidden;
  /*background:url(../images/container_main.gif) repeat-y top left;*/
}
.container_bottom {
  width:472px;
  height:11px;
  overflow:hidden;
  /*background:url(../images/container_bottom.gif) no-repeat top left;*/
}

#content_1 {
  margin:0 15px 0 22px;
  _margin:0 15px 0 11px;
}
#content_1 .container_main {overflow:hidden;}
#content_1 p {
/*  font-size:10px !important;*/
margin:0 0 0 0;
}
#content_1 strong {
  font-size:11px;
}
#content_1 h1 {
  margin:0;
  padding:0 0;
}

#content_2 .align-center {
  margin:0 0 0 0;
  color:#9B9797;
  font-size:18px;
}

#content_2 .align-center a {
  color:#5B81C1;
}

#content_2 {position:relative;}
#content_2 #register {
  display:block;
  background:transparent;
  height:30px;
  width:170px;
  position:absolute;
  top:23px;
  left:143px;
}
#content_2 #bella_bonspin_tour {
  display:block;
  background:transparent;
  height:20px;
  width:163px;
  position:absolute;
  top:95px;
  left:50px;
}
#content_2 #bilder_tour {
  display:block;
  background:transparent;
  height:20px;
  width:97px;
  position:absolute;
  top:95px;
  left:260px;
}
#content_2 #passwort_vergessen {
  display:block;
  background:transparent;
  height:13px;
  width:110px;
  position:absolute;
  top:210px;
  left:313px;
  z-index:999;
}
#content_2 #gastzugang {
  display:block;
  background:transparent;
  height:13px;
  width:30px;
  position:absolute;
  top:147px;
  left:155px;
  z-index:999;
}

#content_3 {
  margin:13px 15px 0 22px;
  _margin:15px 15px 0 11px;
  background:#fff;
  color:#fff;
}

#content_4 {
  position:relative;
  margin:13px 0 0 0;
}

#content_4 #link_1, #content_4 #link_2, #content_4 #link_3, #content_4 #link_4, #content_4 #link_5, #content_4 #link_6, #content_4 #mehr {
  display:block;
  height:15px;
  position:absolute;
  top:218px;
  background:transparent;
}
#content_4 #link_1 {
  width:75px;
  left:26px;
}
#content_4 #link_2 {
  width:45px;
  left:115px;
}
#content_4 #link_3 {
  width:69px;
  left:175px;
}
#content_4 #link_4 {
  width:33px;
  left:259px;
}
#content_4 #link_5 {
  width:65px;
  left:307px;
}
#content_4 #link_6 {
  width:47px;
  left:390px;
}

#content_4 #mehr {
  width:33px;
  top:170px !important;
  left:218px;
}

#content_4 h1 {
  margin:0 20px 10px;
}

#content_4 p {
  margin:10px 20px;
  font-size: 11px;
}

.tx-bonspin-login form {
  margin:145px 40px 0;
  padding:15px 0 0 0;

  border-top:0px solid #9B9797;
}

.tx-bonspin-login p {
  margin:0 0 10px;
  font-size:10px;
}
.tx-bonspin-login span  {
  display:block;
  margin:10px 0 0 -4px;
  font-size:10px;
  white-space:nowrap;
}

.tx-bonspin-login #password, .tx-bonspin-login #name {
  width:155px;
}

#bottom {
  margin:0 10px;
  font-size:11px;
}
#bottom p {
  margin:0 0 10px;
  color:#bbb;
  /*font-family:arial,sans-serif;*/
}
#bottom a {
  color:#5B81C1;
  text-decoration:none;
}
#bottom h1 {
  font-size:12px;
  font-weight:bold;
  /*font-family:arial,sans-serif;*/
  text-transform:uppercase;
  margin:20px 0 3px 0;
  padding:0 0 0 0;
}
.twrss_item_link a {font-weight:bold !important;color:#BBBBBB !important;text-transform:uppercase;}
/*.twrss_item_link a:hover {text-decoration:underline !important;}*/
.twrss_item_content {margin-bottom:10px;color:#BBBBBB;}

/*############ INDEX SEITE END ##############*/


.tx-bonspin-spinnerstatus  {
  color: #506AB5;
  font-family: trebuchet ms, verdana, sans-serif;
  font-size: 11px;
  margin-top: 4px;
}

#nav #spinner_status {
  margin-top:0;
  margin-right:0;
  padding-top:0;
  padding-right:0;
  font-size:11px;
  position:relative;
  top:-3px;
}

#nav #spinner_status a {
  font-size:11px;
}

#sub_nav {
  float:right;
  position:relative;
  top:-3px;
  font-size:11px;
  color:#999;
  z-index:20;
}

#sub_nav ul {
  margin:0 0 0 0;
  padding:0;
  list-style-type:none;
}

#sub_nav li {
  display:inline;
  margin:0;
}

#sub_nav a {
  color:#999;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
}

#sub_nav a:hover {
  border-bottom:1px solid #9B9797;
}


/* übersichts seite */

.divider {
  height:1px;
  overflow:hidden;
  border-top:1px solid #fff;
}

.uebersicht {position:relative;top:22px;padding-bottom:22px;}


/*################ TABS START #################*/

#tab_nav {position:absolute;top:-23px;z-index:2;}

#tab_nav ul {
  margin: 0 0 0 10px;
  padding:0;
  list-style-type:none;
}

#tab_nav li{
display:inline;
margin:0;
padding:0;
}

#tab_nav a {
float:left;
background:url(../images/tabs/set_3/tab_left.gif) no-repeat left top;
background-position:0% -25px;
margin:0 2px 0 0;
padding:0 0 0 6px;
text-decoration:none;
}

#tab_nav a span {
float:left;
display:block;
font-weight:bold;
background: url(../images/tabs/set_3/tab_right.gif) no-repeat right top;
background-position:100% -25px;
padding:4px 6px 3px 0;
color:#fff;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab_nav a span {float:none;}
/* End IE5-Mac hack */



#tab_nav li.cur a {
background-position:0% -1px;
color:#aaa;
}

#tab_nav li.cur a span {
background-position:100% -1px;
color: #aaa;
}

#tab_nav a:hover span, #tab_nav li.cur a span {
color: #584E4C;
}

#tab_nav a:hover {
background-position:0% -75px;
}

#tab_nav a:hover span {
background-position:100% -75px;
}





.tab_header {
  position:absolute;
  top:-24px;
  background:#fff;
  
}
.tab_header h1 {
  margin:0;
  padding:3px 0 3px 6px;
  font-size:13px;
  color:#584E4C;
  font-weight:bold;
  background: url(../images/tabs/set_1/cur_left.gif) no-repeat top left;
  background:url(../images/tabs/set_3/tab_left.gif) no-repeat left top;
  background-position:0% -1px;
}
.tab_header span {
  padding:3px 6px 4px 0;
  background: url(../images/tabs/set_1/cur_right.gif) no-repeat top right;
  background: url(../images/tabs/set_3/tab_right.gif) no-repeat right top;
  background-position:100% -1px;
}
/*################ TABS END #################*/





#content_left {
  min-height:450px;
  height:auto !important;
  height:450px;
  border:1px solid #D7D7D7;
  padding:10px;
  margin:0 300px 0 0;
}

#content_right {
  width:250px;
  min-height:450px;
  height:auto !important;
  height:450px;
  padding:10px;
  float:right;
  border:1px solid #D7D7D7;
  z-index:1;
  position:relative;
}








/*############# KONTAKT START #################*/

#contact_left {
  width:500px;
  float:left;
  padding-left:10px !important;
}

#contact_right {
  padding:10px 0 0 0;
}

#contact_right table {margin-left:10px;}
td.field_name, td.field_email, td.field_nachricht {font-size:11px !important;}

#contact_right input {width:400px;border:1px solid #aaa;}
#contact_right textarea {width:400px;height:120px;border:1px solid #aaa;color:#584E4C;font:normal 13px arial,sans-serif;}
.field_formtype_mail input {width:auto !important;font-size:11px !important;cursor:pointer;}

/*############# KONTAKT END #################*/










/*######### HILFE START #####################*/

.antwort {
  padding:0 5px;
  margin:5px 10px 5px 18px;
  font-size:12px;
  border-left:10px solid #eee;
}
.showthump {

}
.faq_frage {clear:both;}

/*######### HILFE END #####################*/





/*############### REGISTER START #####################*/

#nick_error_1, #email_error_2 {
  padding:2px 5px;
  background:green;
  color:#fff;
}

#nick_error_2, #email_error_1, #email_error_3, #password_error_1 {
  padding:2px 5px;
  background:red;
  color:#fff;
}

/*############### REGISTER END #####################*/




/*######## BONZENSERVICEFORMULAR ########*/
.required {color:red;font-weight:normal;}
.underline {border-bottom:1px solid #584E4C;}
.underline_2 {border-bottom:3px double #584E4C;}
.tx-srfreecap-pi2-image-accessible {position:relative;bottom:-10px;}
.tx-srfreecap-pi2-cant-read {color:#584E4C !important;}
.tx-srfreecap-pi2-cant-read a {text-decoration:underline !important;}
.tx-srfreecap-pi2-image-accessible {margin-left:10px;} 
/*#captcha_input {width:140px;height:57px;font-size:60px;font-weight:bold;}*/
/*####################*/





/*############### TOUR START #####################*/

 .navigation {

  }
  
  .inner_navigation {
    margin-top: 10px;
    margin-left: 20px;
  }
  
  .inner_navigation div {
    cursor: pointer;
    padding: 5px 5px 5px 10px;
  }
  
  .mouseover {
    color:#fff;
    background: url(../images/tour/over2.gif) no-repeat left;
    font-weight: bold;
  }
  
  .mousedown {
    color:#fff;
    background: url(../images/tour/act2.gif) no-repeat left;
    font-weight: bold;
  }
  
  #statictext {display:none;}

/*############### TOUR END #####################*/






/*############### 1-spaltig START #####################*/

#content_1_col {
  min-height:450px;
  height:auto !important;
  height:450px;
  border:1px solid #D7D7D7;
  padding:10px;
  margin:0 0 0 0;
}

/*############### 1-spaltig START #####################*/