/*
Contentpapst Standard-Vorlagenset
© 2003-2006, sandoba.de medien agentur

Contentpapst ist das Content-Management-System der sandoba.de medien agentur (www.sandoba.de) aus Berlin. Weder ein Teil noch der gesamte Quellcode, Inhalte oder Grafiken sind ohne schriftliche Erlaubnis in anderen Medien (v.a. auf anderen Websites) einzusetzen, sofern nicht anderweitig angegeben.
*/

body {               
  background         : #368ebe url( 'custom/bg.jpg' ) repeat-x ;
  color              : #666666 ;
  font-family        : Arial, Helvetica, Sans-Serif ;
  font-size          : 1em ;
  font-size          : 100.01% ;
  margin             : 0 ;
  padding            : 0 ;
  text-align         : center ; 
}

body#print_body {               
  text-align         : left ; 
}

p {
  margin             : 0 ;
  margin-bottom      : 1em ;
}

table {
  font-size          : 1em ;
}

#box_main {
  background         : white ;
  height 			       : auto ; 
  margin             : 0 auto ; 
  margin-left        : auto ; 
  margin-right       : auto ; 
  margin-top         : 10px ;
  position           : relative ;
  text-align         : left ;
  width              : 925px ;
}

div#box_logo {
  font-size          : 0.7em ;
  height             : 75px ;
  position           : absolute ;
  right              : 245px ;
  top                : 9px ;
  width              : 75px ;
  z-index            : 3 ;
}

#box_sponsor {
  top                : 11px ;
  font-size          : 0.7em ;
  padding-right      : 20px ;
  position           : absolute ;
  right              : 0 ;
  z-index            : 3 ;
}

#box_head {
  background         : url( 'custom/head/bg.gif' ) no-repeat ;
  height             : 138px ;
  position           : relative ;
  z-index            : 1 ;
}

#box_title {
  color              : white ;
  font-size          : 2em ;
  padding-bottom     : 3px ;
  padding-left       : 12px ;
  padding-top        : 47px ;
  width              : 350px ;
}

#box_presents {
  bottom             : 59px ;
  color              : white ;
  font-size          : 0.8em ;
  position           : absolute ;
  right              : 420px ;
  text-align         : right ;
  width              : 7.5em ;
  z-index            : 5 ;
}

#box_presents_logo {
  bottom             : 56px ;
  height             : 36px ;
  position           : absolute ;  right              : 360px ;
  width              : 46px ;
}

#box_pictures {
  float              : left ;
  padding-left       : 7px ;
  padding-top        : 3px ;
  width              : 600px ;
}

#box_languages {
  float              : right ;
  padding-top        : 20px ;
  padding-right      : 20px ;
  text-align         : right ;
  visibility         : hidden ;
  width              : 200px ;
}

#box_body {
  padding-bottom     : 5px ;
}

#box_left_area {
  float              : left ;
  max-width          : 220px ;
  padding-left       : 5px ;
  width              : 225px ;
}

.box_newsticker {
  padding-bottom     : 12px ;
}

.box_newsticker .headline {
  background         : #196b9f ;
  color              : white ;
  display            : block ;
  font-size          : 0.8em ;
  line-height        : 1.8em ;
  overflow           : hidden ;
  padding-left       : 0.7em ;
}

.box_newsticker .content {
  background         : white ;
  border             : 1px solid #e0e1e3 ;
  border-bottom      : none ;
  border-top         : none ;
  color              : #5c6066 ;
  display            : block ;
  font-size          : 0.8em ;
  height             : 150px ;
  max-height         : 130px ;
  overflow           : hidden ;
  padding            : 0.7em ;
  position           : relative ;
}

.box_newsticker .content .ticker_more {
  background         : white ;
  bottom             : 5px ;
  font-size          : 0.85em ;
  padding            : 1px ;
  position           : absolute ;
  right              : 5px ;
}

.box_newsticker .content .ticker_more a {
  color              : #5c6066 ;
  text-decoration    : none ;
}

.box_newsticker .content .ticker_more a:hover {
  text-decoration    : underline ;
}

.box_newsticker .footer {
  background         : #196b9f ;
  display            : block ;
  font-size          : 1px ;
  height             : 2px ;
}

#box_left_navi {
  border-bottom      : 2px solid #38842d ;
  margin-bottom      : 12px ;
}

#box_left_navi ul, #box_left_navi li {
  list-style-type    : none ;
  margin             : 0 ;
  padding            : 0 ;
}

#box_left_navi li a {
  background         : #f2f2f3 ;
  border             : 1px solid #e0e1e3 ;
  border-bottom      : 1px solid #e0e1e3 ;
  color              : #5c6066 ;
  display            : block ;
  font-size          : 0.8em ;
  font-weight        : bold ;
  padding            : 4px 8px ;
  text-decoration    : none ;
}

#box_left_navi li a:hover {
  color              : #38842d ;
}
 
#box_left_navi li a.sel {
  background         : #38842d ;
  border             : 1px solid #38842d ;
  color              : white ;
}

#box_left_navi li a.sel:hover {
  color              : white ;
}

#box_left_navi li.sub a {
  background         : #f2f2f3 ;
  border             : 1px solid #e0e1e3 ;
  color              : #5c6066 ;
  padding-left       : 60px ;
}

#box_left_navi li.sub a:hover, 
#box_left_navi li.sub a.sel {
  color              : #38842d ;
}


#box_stuff .item {
  border             : 1px solid #e0e1e3 ;
  float              : left ;
  height             : 77px ;
  margin-bottom      : 10px ;
  margin-right       : 16px ;
  max-height         : 75px ;
  max-width          : 100px ;
  overflow           : hidden ;
  width              : 102px ;
}

#box_stuff .first {
  clear              : both ;
}

#box_stuff .last {
  margin-right       : 0 ;
}

#box_right_area {
  float              : right ;
  width              : 700px ;
}

#box_navigation {
  font-size          : 0.75em ;
  float              : left ;
  line-height        : 1.5em ;
  padding            : 0 8px 4px 8px ;
  max-width          : 504px ;
  width              : 520px ;
}

#box_navigation a {
  color              : #5c6066 ;
  text-decoration    : none ;
}

#box_navigation a:hover, #box_navigation a.sel {
  text-decoration    : underline ;
}

#box_search {
  font-size          : 0.75em ;
  float              : right ;
  padding-top        : 1px ;
  width              : 180px ;
}

#box_search form {
  margin             : 0 ;
  padding            : 0 ;
}

#box_search .inputmini {
  border             : 1px solid #e0e1e3 ;
  font-size          : 0.9em ;
  height             : 15px ;
  max-height         : 14px ;
  width              : 120px ;
}

#box_content {
  border             : 1px solid #e0e1e3 ;
  clear              : both ;
  font-size          : 0.9em ;
  margin             : 0 6px ;
  padding            : 4px 2px ;
}

#box_content a {
  color              : black ;
  text-decoration    : none ;
}

#box_content a:hover {
  text-decoration    : underline ;
}


#box_content.home {
  padding            : 2px ;
}

#box_content_color {
  background         : #38842d ;
  font-size          : 1px ;
  height             : 8px ;
}

#box_content_area {
  background         : url( 'custom/body/stuff_bg.gif' ) repeat-y right top ;
  margin-top         : 4px ;
}

#box_content_area h1, #box_content_area h2, #box_content_area h3, #box_content_area h4 {
  color              : #38842d ;
  font-size          : 1.2em ;
  font-weight        : bold ;
  margin             : 0 ;
  margin-bottom      : 1.2em ;
}

#box_content_area h2 {
  font-size          : 1.1em ;
  margin-bottom      : 1.1em ;
}

#box_content_area h3 {
  font-size          : 1em ;
  margin-bottom      : 1em ;
}

#box_content_area h4 {
  font-size          : 1em ;
  font-weight        : normal ;
  margin-bottom      : 1em ;
}

div#box_content_area big {
  font-size          : 1.05em ;
  font-weight        : bold ;
}

div#box_content_area .contact {
  float              : left ;
  width              : 4.15em ;
}

div#box_content_area .highlight {
  color              : #38842d ;
}


#box_content_left {
  float              : left ;
  max-width          : 476px ;
  padding            : 12px ;
  width              : 500px ;
}

#box_content_left.forms {
  max-width          : 500px ;
  padding            : 0 ;
}

#box_content_left .item {
  border-bottom      : 2px solid #38842d ;
  font-size          : 0.9em ;
  margin-bottom      : 1em ;
  position           : relative ;
}

#box_content_left .item h2 {
  background         : #38842d ;
  color              : white ;
  font-size          : 1em ;
  line-height        : 1.8em ;
  margin             : 0 ;
  margin-bottom      : 0.8em ;
}

#box_content_left .item h2 a {
  color              : white ;
  text-decoration    : none ;
}

#box_content_left .item h2 a:hover {
  text-decoration    : underline ;
}

#box_content_left .item h3 {
  color              : #38842d ;
  font-size          : 1.0em ;
  margin             : 0 ;
  margin-bottom      : 1.1em ;
}

#box_content_left .item h2, 
#box_content_left .item h3, 
#box_content_left .item p {
  padding            : 0 0 0 0.8em ;
}

#box_content_left .item .more {
  background         : white ;
  bottom             : 1em ;
  font-size          : 0.85em ;
  padding            : 1px ;
  position           : absolute ;
  right              : 5px ;
  text-align         : right ;
  width              : 10.5em ;
}

#box_content_left .item .more a {
  color              : #5c6066 ;
  text-decoration    : none ;
}

#box_content_left .item .more a:hover {
  text-decoration    : underline ;
}

#box_content_left .cpforms_text,
#box_content_left .cpforms_textarea,
#box_content_left .cpforms_integer,
#box_content_left .cpforms_url,
#box_content_left .cpforms_email {
  border             : 1px solid #666 ;
  width              : 350px ;
}


#box_content_right {
  background         : white ;
  float              : right ;
  overflow           : hidden ;
  width              : 170px ;
}

#box_content_right .headline {
  background         : #196b9f ;
  color              : white ;
  display            : block ;
  font-size          : 0.8em ;
  line-height        : 1.8em ;
  overflow           : hidden ;
  padding-left       : 0.7em ;
}

#box_content_right .content {
  display            : block ;
  font-size          : 0.8em ;
  overflow           : hidden ;
  padding            : 0.7em ;
  position           : relative ;
}

#box_content_calendar {
  margin-bottom      : 1em ;
}

#box_content_calendar.calendar {
  border-bottom      : 2px solid #196b9f ;
  font-size          : 0.9em ;
}

#box_content_calendar.calendar .headline {
  margin-bottom      : 2px ;
}

#box_content_calendar .calendar {
  font-size          : 0.75em ;
}

#box_content_more {
  background         : #d3e2f2 ;
}

#box_content_more .more a {
  color              : #666666 ;
}

#box_content_more .item {
  margin-bottom      : 0.5em ;
}

#box_content_more .item textarea,
#box_content_more .item select, 
#box_content_more .item input,
#box_content .inputsearch {
  border             : 1px solid #666 ;
  font-size          : 0.8em ;
}

#box_content_more .item .cpforms_text,
#box_content_more .item .cpforms_textarea,
#box_content_more .item .cpforms_url,
#box_content_more .item .cpforms_email {
  min-width          : 142px ;
  width              : 132px ;
}

#box_content .inputsearch {
  width              : 250px ;
}

.inputsubmit {
  background         : url('custom/body/calendar_head_bg.gif') repeat-x ;
  border             : 1px solid #666 ;
  font-size          : 0.8em ;
}

#box_races {
  margin-top         : 5px ;
}

#box_races .race {
  display            : block ;
  float              : left ;
  overflow           : hidden ;
  width              : 171px ;
}

#box_races .race .color {
  display            : block ;
  font-size          : 1px ;
  height             : 8px ;
  margin-bottom      : 4px ;
  width              : 169px ;
}

#box_races .buga_anpaddeln .color {
  background         : #38842d ;
}

#box_races .dragon_boat_race .color {
  background         : #38842d ;
}

#box_races .drachenbootfest .color {
  background         : #06a5cd ;
}

#box_races .drachenbootfestival .color {
  background         : #f08f14 ;
}

#box_races .race .image {
  display            : block ;
  width              : 169px ;
}

#box_races .race .content {
  border-right       : 2px solid #e0e1e3 ;
  display            : block ;
  font-size          : 0.75em ;
  height             : 140px ;
  max-height         : 126px ;
  max-width          : 153px ;
  padding            : 12px 8px ;
  width              : 171px ;
}

#box_races .first {
  clear              : both ;
}

#box_races .race .color,
#box_races .race .image,
#box_races .last .content,
#box_races .last {
  border-right       : none ;
  width              : 169px ;
}

#box_footer {
  background         : #00497e ;  color              : #cccccc ;
  font-size          : 0.7em ;
  line-height        : 1.9em ;
  margin             : 0 auto ; 
  margin-left        : auto ; 
  margin-right       : auto ;  
  margin-top         : 0.8em ;
  text-align         : left ;
  width              : 925px ;
}

#box_footer a {
  color              : #cccccc ;
  text-decoration    : none ;
}

#box_footer a:hover, #box_footer a.sel {
  text-decoration    : underline ;
}

#box_footer_left {
  display            : inline ;
  float              : left ; 
  padding-left       : 8px ;
  width              : 70% ;
}

#box_footer_right {
  display            : inline ;
  float              : right ; 
  padding-right      : 8px ;
  text-align         : right ;
  width              : 25% ;
}

.clearfix:after {
	clear              : both ;
	content            : "." ;
	display            : block ;
	height             : 0 ;
	visibility         : hidden ;
}
  
.clearfix {
	display            : inline-block ;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {
  height             : 1% ;
}

.clearfix {
  display            : block ;
}
/* End Holly Hack */