/*
  /////////////////////////////////////
  //
  // BOX-Modell

  //  box
  //    col_left
  //      nav
  //      nav_icons
  //    col_middle
  //      header
  //      content
  //        content_main
  //        content_marginal
  //        content_nav
  //          nav_service
  //          nav_contact
  //    col_right
  //  footer
  //  tx_logicalform_pi1
*/


/************************************************** RESET */ 
body {
  font-size: 62.5%;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-image:url(back_oberhof.gif);
  background-repeat: repeat-x;
}

body.print {
  background: none;
}

body.print #content h1 {
  padding-left: 0;
}

h1, h2, h3, h4, h5, h6, h7, p, dl, table, input {
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
}

ul, ol {
  margin-bottom: 1em;
  font-size: 1.2em;
}
ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
  font-size: 1.0em;
}

a {
  text-decoration: none;
  color: #084284;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
a, a img {
  outline: none;
}

dl p,
table p {
  font-size: 1.0em;
}
dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
dd {
  margin: 0 0 0 1em;
  padding: 0;
}

/************************************************** outer_box */
#outer_box {
	position: relative;
	width: 1207px;
	margin: 0 auto;
}

/************************************************** box */
#box {
  font-size: 1em;
  margin: 0; /* vorher: margin-left: 10px */
  width: 985px;
  background-image: url(../img/body_col_shadow.png);
  background-position: 175px top;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  border:1px solid #ecf1f5;
  position: relative; /* vorher: keine position-Angabe */
}

body.print #box {
  background-image: url();
}


/************************************************** col_left */
#col_left {
  width: 185px;
  left:0px; /* vorher: left: 11px */
  margin-right: 2px;
  position:absolute;
}




/************************************************** col_middle */
#col_middle {
  width: 783px;
  margin-left: 202px;

}
#col_middle #header {
  height: 180px;
  border-top: solid #084284 4px;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../img/header_bkg.jpg);
  background-position: left 23px;
}
#header_description {
  position: absolute;
  width: 574px;
  top: 23px;
  height: 155px;
  line-height: 36px;
  font-size: 1.8em;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "Arial Black";
}
#header_description h1 {
  font-size: 1em;
}
#header_description .csc-textpic-caption {
	position: absolute;
	top: 118px;
	left: 10px;
	line-height: 37px;
}
#logo {
  position: absolute;
  left: 594px;
  top: 35px;
}


#col_middle #content_main {
  width: 384px;
  float: left;
}

#col_middle #content_marginal {
  width: 190px;
  float: left;
  margin-right: 2px;
}
#col_middle #content_nav {
  width: 190px;
  float: right;
  padding-left: 16px;
  border-left: dotted 0px  #eeeeee;
  border-top: solid 0px  #009EE0; /*#eeeeee;*/
  margin-top: 0px;
  color: #333333;
}



/************************************************** col_right */
#col_right {
  height:700px;
  width: 192px;
  position: absolute;
  left: 985px;
  top: 0px;
  padding:30px 0 0 30px;
  line-height:1em;
}



/************************************************** content_main */
.content_main {
  width: 382px;
  float: left;
  margin-right: 0px;
}
.content_main_only {
  width: 574px;
  border-top: none;
  margin-right: 0;
}
#content .news_col .news_col_container {
  background-color: #ECF1F5;/*#F7FCFE; #F0F3F8*/;
}
.start {
  background-image: url(../img/content_main_cols_bkg_dunkelblau.gif);
  background-repeat: repeat-y;
}
.start .news_col .news_col_container {
  background-color: transparent;/*#F7FCFE; #F0F3F8*/;
}

#breadcrumb {
  line-height: 4.4em;
  margin: 2px 0;
  color: #999999;
  font-size: 0.9em;
  border-bottom: dotted 1px;
  border-bottom-color: #EEEEEE;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
#breadcrumb a {
  color: #999999;
}
.news_col {
  width: 190px;
  float: left;
  padding-left: 2px;
  padding-top: 4px;
  border-top: solid 0px;
  background-image: url(../img/dotted_line.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
.start #sport.news_col {
  padding-left: 0px;
  background-image: url(../img/dotted_line_sport_single.gif);
}
#sport.news_col {
  background-image: url(../img/dotted_line_sport.gif);
}
#events.news_col {
  background-image: url(../img/dotted_line_events.gif);
}
#news.news_col {
  background-image: url(../img/dotted_line_news.gif);
}
.content_single,
.content_marginal {
  padding: 0 10px 0 0;
  border-top: solid 4px;
  border-top-color: #084284;
}
.content_single {
  border-left: dotted 0px;
  border-left-color: #eeeeee;
}
#content .content_single h1,
#content .content_marginal h1 {
  padding-left: 0;
  margin-top: 8px;
}
#content .content_single h2,
#content .content_marginal h2 {
  line-height:1.3em;
  margin-bottom: 0.9em;
}
#content .content_single h2 {
  font-size: 1.8em;
  line-height:1.3em;
}
#content .content_marginal h2 {
  font-size: 1.4em;
  margin-top: 13px;
}
.content_marginal {
  width: 180px;
  float: left;
  margin-left: 2px;
}

#content h1,
#content .news_col h2 {
  display: block;
  font-size: 1.8em;
  /*line-height: 1.8em;*/	
	line-height: 1.3em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: normal;
  padding-left: 10px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
  color: #084284;
  margin-bottom: 2px;
  margin-top: 2px;
}
#content h2,
#content .news_col h3 {
  font-size: 1.0em;
  display: block;
  padding-top: 0.3em;
  line-height: 1.3em;
}
#content .news_col h2 {
  border-left: dotted 0px #eeeeee;
	padding-top: 0.55em;
}
/*#content h1 a {
  color: #084284;
}*/
#content h1 a,
#content .news_col h2 a {
  color: #084284;
  padding-right: 20px;
  background-image: url(../img/arrows_blue.gif);
  background-repeat: no-repeat;
  background-position: -999px center;
}
#content h1 a:hover,
#content .news_col h2 a:hover {
  background-position: right center;
  text-decoration: none;
}
.news_col#sport,
.sport {
  border-top-color: #FBC431;
}
.news_col#events,
.events {
  border-top-color: #79B41C;
}
.news_col#news,
.news {
  border-top-color: #B53553;
}



/************************************************** footer */
.footer {
  color: #999;
  clear: both;
  padding: 2em 0 0 0;
  margin: 0 209px 0 202px;
}
.footer .ul_nav,
.copyright {
  border-top: solid 1px;
  border-top-color: #084284;
  padding: 4px 0 32px;
}
.footer .ul_nav {
  float: right;
  font-size: 1em;
}
.footer .ul_nav a {
  color: #999;
}
.copyright {
  margin: 0;
}

/************************************************** NAVIGATION */
.ul_nav {
  margin: 0;
  padding: 0;
}
.ul_nav li {
  list-style-type: none;
  display: block;
}



/************************************************** nav_main */
#nav_main {
	display: block;
	width: 100%;
	font-size: 1em;
	/*margin-top: 30px; amm 03.08.2010*/
	margin-top: 30px;
	border-bottom: 1px solid #fff;
}
#nav_main li {
  margin-bottom: 1px;
  border-left: solid 4px;
  border-left-color: #084284;
}
#nav_main li.act {
  border-left-color: #83A3C1;
}
#nav_main li.last {
  margin-bottom: 0;
}
#nav_main li a {
  color: #FFFFFF;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #084284; /*#084284;*/
  margin-left: 1px;
  text-decoration: none;
  padding: 4px 5px 5px 11px;
}
#nav_main li a:hover,
#nav_main li.act a,
#nav_main li.act a:hover {
  background-color: #83A3C1;
}


/************************************************** nav_sub */
#nav_sub {
  border-top: 1px solid #fff;
  font-size: 1em;
  display: block;
}
ul#nav_sub li,
ul#nav_sub li a,
.act ul#nav_sub li a {
  border-left: none;
  background-color: transparent;
  color: #084284;
  font-weight: normal;
  margin-bottom: 0px;
}
ul#nav_sub li a {
  border-bottom: 1px solid #83A3C1;
}
ul#nav_sub li.last a {
  border-bottom: none;
}
.act ul#nav_sub li a:hover,
.act ul#nav_sub li.act a,
.act ul#nav_sub li.act a:hover {
  color: #000;
  background-image: url(../img/sub_nav_pointer.gif);
  background-repeat:no-repeat;
  background-position: 3px -1px;
}
.act ul#nav_sub li a:hover,
.act ul#nav_sub li.act a:hover {
  background-color: transparent;
}



/************************************************** nav_language */
#col_left #nav_language {
	/*line-height: 2.3em; amm 03.08.2010*/
	line-height: 1.5em;
	border-left: solid 4px #084284;
	padding-left: 13px;
	color: #ccc;
	font-weight: bold;
	padding-top:2px;
  /*background-color: #FFFFFF;*/
}
#col_left #nav_language a {
  color: #000;  
}
#col_left #nav_language span {
  padding-right: 0px;
  margin-right: 0px;
  /*border-right: solid 1px #000; amm 03.08.2010*/
  border-right: solid 0px #000;
}
#col_left #nav_language .last {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}



/************************************************** nav_service */
#nav_service ul {
  display: block;
  margin-bottom: 40px;

}
#nav_service li a {
  color: #084284;
  display: block;
  line-height: 2em;
  padding-left: 17px;
  font-weight: bold;
}
#nav_service li a {
  background-repeat: no-repeat;
  background-position: left 6px;
}
#nav_service .print {
  background-image: url(../img/printlink.gif);
}



/************************************************** content_nav */
#content_nav h2 {
  display: block;
  font-size: 1.3em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: normal;
  color: #999999;
  margin-top: 22px;
  margin-bottom: 6px;
  line-height: 1em;
  padding-left: 0px;
  border: none;
  padding-bottom: 11px;
  border-bottom: dotted 1px;
  border-bottom-color: #EEE;/*#F0F3F8;*/
  padding-top: 0;
}



/************************************************** nav_icons */
#col_left #nav_icons {
  padding: 25px 12px;
}
#nav_icons ul {
  display: block;
}
#nav_icons ul li {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
  /*margin: 0 10px 10px 0;*/
}
#nav_icons ul li a {
  display: block;
  background-repeat:no-repeat;
  overflow: hidden;
  height: 100%;
  text-indent: -999px;
}
#nav_icons ul li a:hover {
  background-position: -161px top;
}

/************************************************** Teaser Left */

#col_left #teaser_left {
  padding: 0px 0px 0px 10px; 
  
}

#teaser_left p {
  display: block;
  font-size: 1.3em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: normal;
  color: #999999;
  margin-top: 22px;
  margin-bottom: 0px;
  line-height: 1em;
  padding-left: 0px;
  border: none;
  padding-bottom: 11px;
  border-bottom: dotted 1px;
  border-bottom-color: #EEE;/*#F0F3F8;*/
}

#teaser_left img { 
padding-top:15px;
}


/************************************************** SEARCHBOX */
#search {
  position: absolute;
  height: 30px;
  width: 190px;
  /*background-color: #eee; #8EACCF;*/
  left: 576px;
  top: 143px;
  padding-top: 6px;
  padding-left: 17px;
  background-image: url(../img/search_field_bkg_dunkelblau.gif);
  background-repeat: no-repeat;
  background-position: 17px 6px;
}
#header #search #tx_indexedsearch {
  border: none;
  float:left;
  height:14px;
  margin:0px;
  padding:3px 0 4px 5px;
  width:138px;
  font-size: 11px;
  background-color: transparent;
}
* html #header #search #tx_indexedsearch {
  width: 135px;
}
#header #search #imageField {
  background-color:transparent;
  border-width:0;
  padding:3px 0 4px;
  margin: 0 2px 0 0;
}



/************************************************** FORMS */
form {
  margin: 0;
  padding: 0;
}
fieldset {
  border: dotted #666;
  border-width: 1px 0;
  margin: 0 0 1em;
  padding:1em;
}
legend {
  background-color: #fff;
  padding: 0 1em;
}




/************************************************** MISC CLASSES */
.tx-dropdownsitemap-pi1 {
  font-size:1.2em;
}
.tx-dropdownsitemap-pi1 span.ifsub {
  font-weight:normal;
  text-transform:none;
}

.tx-dropdownsitemap-pi1 div.expAll {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 0;
}
.tx-dropdownsitemap-pi1 div.expAll a {
  border-bottom: 1px dotted #CCCCCC;
  padding: 0 0 5px 0;
}




/************************************************** Gästebuch */
		.tx-guestbook-browsebox {width:572px;margin-bottom:9px;font-size:1.2em;overflow:hidden;}
		.tx-guestbook-browsebox .prev {width:156px;float:left;}
		.tx-guestbook-browsebox .prev a {padding-left:0px;background-image:url(../img/icon_left.gif);background-repeat:no-repeat;background-position:0px -1px;}
		.tx-guestbook-browsebox .count {width:260px;float:left;text-align:center;font-weight:bold;color:#00447e;}
		.tx-guestbook-browsebox .next {width:156px;float:left;text-align:right;}
		.tx-guestbook-browsebox .next a {padding-right:0px;background-image:url(../img/icon_right.gif);background-repeat:no-repeat;background-position:right;}
		
		.tx-guestbook-entry {width:572px;margin-bottom:9px;border:1px solid #b5c8d9;font-size:1.2em;}
		.tx-guestbook-entry .head {padding:9px;background-color:#ECF1F5;}
		.tx-guestbook-entry .head .autor {color:#80a2bf;margin-right:8px;}
		.tx-guestbook-entry .head .date {color:#80a2bf;float:right;}
		.tx-guestbook-entry .message {padding:9px;}
		
		.tx-guestbook-form {width:552px;padding:9px;font-size:1.2em;border:0px solid #b5c8d9;background-color:#ECF1F5;background-image:url(../img/bg_browsebox.gif);background-repeat:repeat-x;}
		.tx-guestbook-form label {color:#80a2bf;width:66px;display:block;float:left;}
		.tx-guestbook-form .tx-guestbook-form-inputfield-med {width:482px;margin-bottom:9px;background-color:#FFFFFF; color:#000000;border:1px solid #83a3c1;font-size:12px;}/**/
		.tx-guestbook-form .tx-guestbook-form-textarea {width:548px;height:100px;margin:9px 0;background-color:#FFFFFF; color:#000000;font-size:12px; font-family:Arial;border:1px solid #83a3c1}
		.tx-guestbook-form input.submit {font-size:12px;height:22px;padding:0;float:right;color:#FFFFFF;background-color:#83a3c1;background-image:url(../img/bg_menu.gif);background-repeat:repeat-x;border:0px}
		
/********************************************************************************
 mailform_plus Gutscheinbestellung
********************************************************************************/

.gutschein {font-size:1.0em;color:#597992; padding:0px}
.gutschein li {font-size:1.0em;}

.gutschein table .label-field1 {width:90px;padding:0px; vertical-align:middle}

.gutschein .form-field1 {vertical-align:middle;; padding:0px;}/*background-color:#00f;*/
.gutschein .form-field1 input {width:260px;height:16px; margin: 0px 0px 0px 0px; font-size:12px}
.gutschein .form-field1 select {margin: 0px 0px 0px 0px; width:266px;}
.gutschein .form-field1 textarea {width:260px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}

.gutschein .form-field2 {vertical-align:middle;; padding:0px;}/*background-color:#00f;*/
.gutschein .form-field2 input {width:40px;height:16px; margin: 0px 0px 0px 0px;}
.gutschein .form-field2 select {width:60px;}

.gutschein .form-field3 {vertical-align:middle;; padding:0px;}/*background-color:#00f;*/
.gutschein .form-field3 input {width:229px;height:16px; margin: 0px 0px 0px 0px;}

.gutschein-submit {font-size:12px;height:22px;;color:#FFFFFF;background-color:#83a3c1;background-image:url(../img/bg_menu.gif);background-repeat:repeat-x; margin-right:6px; border:0px}

/************************************************** LOGICAL_FORM */
.tx_logicalform_pi1 dt {
  float:left;
  width:140px;
}
.tx_logicalform_pi1 input[type=text],
.tx_logicalform_pi1 textarea {
  width:300px;
}
#tx_logicalform_pi1_captcha_response {
  width:100px;
}

/********************************************************************************
 powermail Form
********************************************************************************/
fieldset.tx-powermail-pi1_fieldset legend {
	font-weight: bold;
	font-size: 10pt;
	color: #084284;
	margin-left: 5px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea  {
  width:300px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_label  {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
	display: block;
	width: 450px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset img.tx-srfreecap-pi2-image  {
	display: block;
	width: 150px;
	float: right;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submit  {
	display: block;
	width: 80px;
	float: right;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset span.tx-srfreecap-pi2-cant-read  {
	display: block;
	width: 450px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	margin: 0px 0;
}
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
	margin-left: 150px;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label {
	float: none;
	width: auto;
	display: inline;
	font-weight: normal;
	margin-left: 7px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner input {
	float: left;
	position: relative;
	clear: left;
}
fieldset.tx-powermail-pi1_fieldset fieldset {
	border:0px;
}
fieldset.tx-powermail-pi1_fieldset fieldset legend {
    font-size: 1.2em;
	font-weight: bold;
	margin-left: -22px;
}
fieldset.tx-powermail-pi1_fieldset label,
.tx_powermail_pi1_fieldwrap_html_label  {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
	color:#084284;
	display: block;
	width: 150px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset.withoutlabel label  {
	width: 0px;
	visibility: hidden;
}
fieldset.tx-powermail-pi1_fieldset.withoutlabel select.column1,
.tx_powermail_pi1_fieldwrap_html_33 {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
	color:#084284;
	width: 150px;
	clear: left;
	
}
fieldset.tx-powermail-pi1_fieldset.withoutlabel select.column2,
.tx_powermail_pi1_fieldwrap_html_34 {
	color:red;
	margin-left:150px;
	clear: right;
}

/********************************************************************************/

