/* ############################ */
/* ###   GENERAL SETTINGS   ### */
/* ############################ */

#wrapper {
  margin-top        : 0px;
  padding-bottom    : 0px;
  min-height        : 100%;
  width             : 1000px;
  position          : relative;
  left              : 50%;
  margin-left       : -500px;
  border: 0px solid #333333;
}


/* ############################ */
/* ###        FOOTER        ### */
/* ############################ */

#footer {
  margin-top        : 0px;
  height            : 65px;
  width							: 100%;
  background        : url(/layout/footer.png) no-repeat;
} 

#footer_inside {
  width             : 960px;
	margin-left				: 20px;
}


/* ############################ */
/* ###        HEADER        ### */
/* ############################ */

.header {
  width             : 1000px;
  height            : 335px;
}

.werratal            {	background : url(/layout/header_werratal.jpg) no-repeat;}
.aktuell              {	background : url(/layout/header_aktuell.jpg) no-repeat;}
.radweg                {	background : url(/layout/header_radweg.jpg) no-repeat;}
.wasserwandern  {	background : url(/layout/header_wasserwandern.jpg) no-repeat;}
.natur                  {	background : url(/layout/header_natur.jpg) no-repeat;}
.orte                    {	background : url(/layout/header_orte.jpg) no-repeat;}
.werbemittel      {	background : url(/layout/header_werbemittel.jpg) no-repeat;}
.downloads          {	background : url(/layout/header_downloads.jpg) no-repeat;}
.extra                  {	background : url(/layout/header_extra.jpg) no-repeat;}

/* ############################ */
/* ###   3 COLUMN DESIGN    ### */
/* ############################ */

#content {
	background				: url(/layout/bgrnd_content.png) repeat-y;
}

#left {
  float             : left;
  width             : 240px;
}

#left_inside {
	width							: 200px;
	margin-left				: 20px;
	min-height				: 300px;
	background				: url(/layout/bgrnd_subnavi.png) no-repeat;
}

#main {
	float							: left;
	width							: 520px;
}

#right {
  float             : right;
  width         		: 240px;
}


/* ############################ */
/* ###       CONTENT        ### */
/* ############################ */

#main_content {
	color							: #816c52;
	line-height				: 1.8em;
	margin-bottom			: 30px;
}


.content_area {
  float             : right;
  margin            : 0px 50px 20px 40px;
  width             : 620px;
  color             : #343d56;
  line-height       : 20px;
  font-size         : 12px;
  min-height        : 550px;
}


.inliner_start {
  font-size         : 12px;
  line-height       : 20px;
  background        : #ffffff;
  color             : #343d56;
}

/* ############################ */
/* ###      MAIN-NAVI       ### */
/* ############################ */

#mainnavi {
  width             : 1000px;
	height						: 45px;
	background				: url(/layout/mainnavi.png) no-repeat;
	}

#mainnavi ul {
  padding       		: 5px 20px 0px 20px;
  list-style        : none;
}

#mainnavi li  {
	float							: left;
  margin            : 0px;
  padding           : 0px;
}


#mainnavi a:link, #mainnavi a:visited  {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
	font-size					: 1.2em;
  text-align        : right;
  color             : #ffffff;
  padding           : 9px 20px 10px 20px;
	background        : url(/layout/mainnavi_divide.png) no-repeat right;
}  

#mainnavi a:hover  {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 9px 20px 10px 20px;
  background        : url(/layout/mainnavi_over.png) repeat-x;
}  

/* ############################ */
/* ###     FOOTER-NAVI      ### */
/* ############################ */

#footernavi {
	height						: 45px;
	}

#footernavi ul {
  padding       		: 5px 0px 0px 0px;
  list-style        : none;
}

#footernavi li  {
	float							: right;
  margin            : 0px;
  padding           : 0px;
}


#footernavi a:link, #footernavi a:visited  {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
	font-size					: 1em;
  text-align        : right;
  color             : #ffffff;
  padding           : 11px 20px 11px 20px;
	background        : url(/layout/mainnavi_divide.png) no-repeat left;
}  

#footernavi a:hover  {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 11px 20px 11px 20px;
  background        : url(/layout/mainnavi_over.png) repeat-x;
}  

/* ############################ */
/* ###       SUB-NAVI       ### */
/* ############################ */

#subnavi {
  width             : 180px;
	padding						: 35px 0px 0px 10px;
	}

#subnavi ul {
  list-style        : none;
}

#subnavi li {
  margin            : 0px;
  padding           : 0px;
}


#subnavi a:link, #subnavi a:visited {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
	font-size					: 1em;
  text-align        : right;
  color             : #ffc9a0;
  padding           : 7px 20px 7px 20px;
	border-bottom			: 1px solid #eb9769;
	  background      : url(/layout/subnavi_inactive.png) no-repeat right;
}  

#subnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 7px 20px 7px 20px;
  background        : url(/layout/subnavi_active.png) no-repeat right;
}  



/* ############################ */
/* ###      BREADCRUMB      ### */
/* ############################ */

#breadcrumb {
	font-size					: 0.8em;
	color							: #c2a98d;
	margin						: 5px 0px 20px 0px;
	}



 
/* ############################ */
/* ###      HEADLINES       ### */
/* ############################ */

#main_content h1 {
  font-size         : 1.8em;
  font-weight       : normal;
	font-family				: arial, helvetica;
  color             : #dd5003;
  margin-bottom     : 20px;

}

#main_content h2 {
  font-size         : 1.5em; 
  font-weight       : normal;
	font-family				: arial, helvetica;
  color             : #dd5003;
  margin-bottom     : 10px;
}

#main_content h3 {
  font-size         : 1.2em;
  font-weight       : normal;
  color             : #dd5003;
}

#main_content  a.h2_link:link, a.h2_link:visited {
  font-size         : 1em; 
  font-weight       : normal;
	font-family				: arial, helvetica;
  color             : #dd5003 !important;
  margin-bottom     : 10px;
  text-decoration   : none !important;
}

#main_content  a.h2_link:hover {
  text-decoration   : underline !important;
  color             : #5F2100 !important;
}

/* ############################ */
/* ###       CONTENT        ### */
/* ############################ */

.content_box {
  margin-bottom     : 40px;
}

.main_content ul{
  margin-left            : 20px;
}

.datum {
  font-weight       : bold;
}

.arrows {
font-family         : courier;
font-size           : 1em;
font-weight         : bold;
letter-spacing      : -3pt;
padding             : 0 2px;
text-decoration     : none;
}

.content_stuff_box {
  margin-top        : 20px;
	padding           : 10px 20px 20px 20px;
  background        : #f1f2dc;
  border            : 1px solid #d1d1bb;
 }

 .stuff_box_h3 {
  border-bottom     : 1px dotted #d1d1bb;
  margin-bottom     : 10px;
}

.dsm2 { 
  background        : #f1f2dc;
}

.dsm1 { 
  background        : #e6e6d0;
}

/* ############################ */
/* ###  IMAGE-AUTO-FORMAT   ### */
/* ############################ */

.left_column img, .content_box img, .toggler-c img {
  margin            : 5px 15px 5px 0px;
  border            : 1px solid #777777;
}

.img_right {
  float             : right;
}

.img_right img {
  margin-right      : 0px;
  margin-left       : 15px;
}

.download_img {
  background        : url(/layout/download.png) no-repeat;
  width             : 42px;
  height            : 42px;
  float             : left;
  margin-right      : 10px;
  margin-top        : 3px;
  text-decoration   : none;
}

.download_img:hover {
  background        : url(/layout/download_over.png) no-repeat;
  text-decoration   : none;
}





/* ############################ */
/* ###        IFRAME        ### */
/* ############################ */

.inliner_start {
  background        : none;
}


/* ############################ */
/* ###         BOX          ### */
/* ############################ */

.box_head {
	height							: 50px;
	width								: 220px;
	margin-left					: 10px;
	background					: url(/layout/box_header.png) no-repeat;
}
.box h1 {
	padding							: 12px 20px 0px 20px;
	color								: #fff8c9;
	font-weight					: normal;
	font-family					: arial, helvetica;
	font-size						: 1.2em;
}

.box_content_out {
	margin-left					: 10px;
	background					: url(/layout/box_bgrnd.png) repeat-y;
}

.box_content {
  margin-left					: -10px;
	background					: url(/layout/box_bgrnd_bottom.png) no-repeat bottom;
}

.box_content_inner {
	width								: 180px;
	margin-left					: 30px;
	padding-bottom			: 20px;
	font-size						: 0.8em;
	color								: #fff8c9;
}

.inliner_box {
  background        : none !important;

	color								: #fff8c9;
}

.box_format, .box_format b {
  font-size						: 0.9em !important;
}

.box_format h3, .box_format h3 a  {
  font-size						: 1em !important;
  margin-bottom       : 0px;
  color               : #ffffff;
  text-decoration     : none;
}

.box_format h3 a:hover  {
  text-decoration     : underline;
}

.box_format a {
  color               : #FFFFFF;
  font-size           : 0.9em;
  text-decoration     : none;
}

.box_format a:hover {
  text-decoration     : underline;
}

.leftbox h1 {
  background          : url(/layout/bgrnd_leftbox_head.png) repeat-x;
  font-weight         : normal;
	padding							: 6px 20px 20px 10px;
}


/* ################################## */
/* ###           LINKS            ### */
/* ################################## */

#main_content a:link, #main_content a:visited {
  color               : #538F01;
}

#main_content a:hover {
  color               : #253F00;
}

a.linkimg:link,  a.linkimg:visited {
  color               : #004bad;
  text-decoration     : underline;
  background-image    : url(/layout/linkimg_normal.png);
  background-repeat   : no-repeat;
  background-position : 0px 6px;
  padding-left        : 7px;
}

a.linkimg:hover {
  color             : #294F00;
  text-decoration   : underline;
}


a.linkimg_back:link,  a.linkimg_back:visited {
  color               : #004bad;
  text-decoration     : underline;
  background-image    : url(/layout/linkimg_normal.png);
  background-repeat   : no-repeat;
  background-position : right;
  padding-right       : 10px;
}

a.linkimg_back:hover {
  color             : #294F00;
  text-decoration   : underline;
}


a.linkimg_dl:link, a.linkimg_dl:visited {
  color               : #004bad;
  text-decoration     : underline;
  background-image    : url(/layout/linkimg_dl.png);
  background-repeat   : no-repeat;
  background-position : 0px 5px;
  padding-left        : 12px;
}

a.linkimg_dl:hover {
  color             : #171d2e;
  text-decoration   : underline;
}


/* ################################## */
/* ###       TWO COLUMNS          ### */
/* ################################## */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}

.tabline span{
  float           : left;
  display         : block;
}

/* --- Data-Box in Address-Blocks --- */
.data_box {
  float           : left;
}

.data_box p {
  clear           : both;
}

/* ################################## */
/* ###          TABLES            ### */
/* ################################## */

.listtable th, .resultlist th{
  text-align      : left;
  padding         : 2px 2px 2px 5px;
  background      : #cfd3c7;
 }

.listtable td, .resultlist td {
  text-align      : left;
  vertical-align  : top;
  padding         : 2px 2px 2px 5px;
  background      : #eeeeee;
  border-bottom   : 1px solid #ffffff;
  }


/* ################################## */
/* ###         DATA-BOX           ### */
/* ################################## 


.box3column {
  float             : left; 
  width             : 190px; 
  min-height        : 350px;
  border            : 1px solid #C0C2C8; 
  margin-right      : 10px;
  margin-bottom     : 10px;
  padding           : 0px;
  background        : #F3F4F5;
  text-align        : center;
}

.box3column h3, .box2column h2 {
  padding           : 0px;
  margin-bottom     : 5px;
}

.box3_image img{
  border            : 5px solid #ffffff;
  width             : 150px;
  height            : auto;
  margin-left       : 12px;
}

.box3_image a:link {
  background: none;
  padding: 10px !important;
}
*/


/* ################################ */
/* ###          FORMS           ### */
/* ################################ */

.contactform form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}

.contactform_left form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}



.contactform fieldset, .contactform_left fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;

}

.contactform legend {
  display         : none;
}

.contactform h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;

}

.contactform label, .contactform_left label {
  display         : block;
  width           : 230px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

.contactform input, .contactform_left input  {
  display         : block;
  margin-top      : 3px;
  background      : #ffffff;
  border          : 1px solid #dddddd;  
}


.contactform form textarea, .contactform_left form textarea{
  display         : block;
  margin-top      : 3px;
  background      : #ffffff;
  border          : 1px solid #dddddd; 
  font-size       : 12px;
}


.contactform label.feld_vorname,
.contactform label.feld_firma,
.contactform label.feld_anschrift,
.contactform label.feld_plz,
.contactform label.feld_telefon,
.contactform label.feld_email,
.contactform label.feld_internet,
.contactform label.feld_thema,
.contactform label.feld_text
{
  clear           : left;
}


.contactform label.feld_firma,
.contactform label.feld_anschrift,
.contactform label.feld_email,
.contactform label.feld_internet,
.contactform label.feld_thema,
.contactform label.feld_text
{
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 250px;
}

.contactform label.feld_vorname,
.contactform label.feld_nachname,
.contactform label.feld_telefon,
.contactform label.feld_telefax {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 120px;
}

.contactform label.feld_plz {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 50px;
}

.contactform label.feld_ort {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 190px;
}


.contactform label.feld_vorname input,
.contactform label.feld_nachname input,
.contactform label.feld_telefon input,
.contactform label.feld_telefax input {
  float           : left;
  width           : 120px;
  padding         : 0px;
}



.contactform label.feld_firma input,
.contactform label.feld_anschrift input,
.contactform label.field-email input,
.contactform label.feld_ort input,
.contactform label.feld_email input,
.contactform label.feld_internet input,
.contactform label.feld_thema input,
.contactform label.feld_text textarea,
.contactform_left label.feld_text textarea{
  float           : left;
  width           : 250px;
  padding         : 0px;
}

.contactform label.feld_plz input {
  float           : left;
  width           : 45px;
  padding         : 0px;
}

.contactform label.feld_ort input {
  float           : left;
  width           : 190px;
  padding         : 0px;
}