﻿html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, sans-serif;
   font-size: 11px;
   color: #000000;
}

html, body {
   font-size: 101%;
   background-color:#FFFFFF;
   background-image:url('../images/bg.jpg');
   background-repeat:repeat-x;
   line-height:0px;
   text-align:center;
}

p {
	line-height:14px;
	margin-bottom: 8px;
	text-align:left;
}

td {
	line-height:16px;
	font-size:14px;
}

h1 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
}

h2 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	color: #1D9A4E;
}

h3 {
		line-height:14px;
}		
		
img {
	border:0px;
}

img.smallfloat {
	float: left;
	margin-right: 15px;
}

ul{
	line-height:14px;
	padding-left:15px;
}
	
/* -- ALLGEMEIN ----------------------------------------------- */
#container {
	width: 995px;
	margin: auto;
	background-color:#FFFFFF;
}

#header {
	width: 995px;
	height: 123px;
	background-image:url('../images/bg_header.jpg');
	background-repeat:repeat-x;
	text-align:left;
}

#logo {
	width:230px;
	height:123px;
	float:left;
}

#banner {
	width:760px;
	height:103px;
	margin-left:235px;
	padding-top:20px;
}

#bannercontent {
	width:728px;
	height:90px;
	margin-top:5px;
	margin-left:7px;
	text-align:center;
}

#main {
	width: 995px;
	min-height: 600px;
	text-align:left;
}

#footer {
	clear:both;
	width: 945px;
	height: 30px;
	background-image:url('../images/bg_footer.gif');
	background-repeat:repeat-x;
	font-size:14px;
	line-height:18px;
	color:#949494;
	padding-top:14px;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
}

#footer a:visited, #footer a:link {
	font-size:14px;
	color:#949494;
	text-decoration:none;
}

#footer a:active, #footer a:hover {
	font-size:14px;
	color:#FFFFFF;
	background-color:#1D9A4E;
}

/* -- ROUTE ----------------------------------------------- */

/* Detailkasten */
#route_col1 {
	width: 363px;
	float: left;
	padding-left:25px;
	padding-right: 7px;
}

/* Text */
#route_col2 {
	width: 287px;
	float: left;
	padding-top:15px;
	padding-right:15px;
	padding-left:10px;
}

/* Galerie */
#route_col3 {
	width: 133px;
	float: left;
	margin-right: 10px;
	text-align: center;
	line-height:14px;
}

/* Adverts */
#route_col4 {
	width: 120px;
	float: left;
}

/* -- TAG ----------------------------------------------- */

/* Detailkasten */
#tag_col1 {
	margin-left:25px;
	margin-right:445px;
	padding-top:15px;
}

#tag_col2{
	width: 395px;
	float:right;
	margin-right:25px;
	padding-top:15px;
}

/* -- Infoseiten eine einzige Spalte ------------------------------------ */

#mainsinglecol {
	margin-left:25px;
	margin-right:0px;
	padding-right: 25px;
	padding-top:15px;
}


/* -- Infoseiten zwei gleiche Spalten ------------------------------------ */

#mainleft {
	margin-left:25px;
	margin-right:475px;
	padding-right: 25px;
	padding-top:15px;
}

#mainright {
	width: 450px;
	float:right;
	margin-right:25px;
	padding-top:15px;
	padding-top:15px;
}

#start01 {
	background-image:url('../images/start_01.jpg');
	background-repeat:no-repeat;
}

#start02 {
	background-image:url('../images/start_02.jpg');
	background-repeat:no-repeat;
}

#start03 {
	background-image:url('../images/start_03.jpg');
	background-repeat:no-repeat;
}

.start {
	padding-left: 75px;
}

#regionname {
	padding-bottom:14px;
	padding-top:14px;
}

#regionbeschreibung ul, #mainright ul {
	padding-bottom:12px;
}

#regionbeschreibung li, #mainright li {
	line-height:12px;
	margin-left:14px;
}

.select {
	width: 345px;
	margin-bottom:25px;
}

/*
{
	padding-top: 20px;
	padding-left:75px;
	height:80px;
	margin-top: 20px;
}

h1 {
	font-size:24px;
	line-height:24px;
	color:#696969;
}
*/

.kastenstart h1, .kasten2start h1 {
	color:#1B9948;
}

#regionname h1 {
	color:#3EAED6;
}

.skill {
	float:right;
	text-align:center;
	padding-top:8px;
	margin-left:20px;
	font-weight:bold;
}

.skill p {
	text-align:center;
}

.kastenstart {   /* für tag */
	height:38px;
	background-image:url('../images/kasten01_1.gif');
	background-repeat:no-repeat;
	margin-top:12px; /* Achtung: mehrere untereinander */
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
}

.kastencontent {
	min-height:80px;
	background-image:url('../images/kasten01_2.gif');
	background-repeat:repeat-y;
	padding-top:16px;
	padding-left:20px;
	padding-right:20px;
}

.kastenend {
	height:25px;
	background-image:url('../images/kasten01_3.gif');
	background-repeat:no-repeat;
}

.kasten2start { 	/* für route */
	height:45px;
	background-image:url('../images/kasten02_1.gif');
	background-repeat:no-repeat;
	margin-top:12px; /* urspr. 30 - hier kommen nie mehrere untereinander */
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
}

.kasten2content {
	min-height:100px;
	background-image:url('../images/kasten02_2.gif');
	background-repeat:repeat-y;
	padding-top:24px;
	padding-left:20px;
	padding-right:20px;
}

.kasten2start_homepage {
	height:35px;
	background-image:url('../images/kasten02_1.gif');
	background-repeat:no-repeat;
	margin-top:12px;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	font-size: 20px;
	color: #1B9948;
}

.kasten2content_homepage{
	min-height:100px;
	background-image:url('../images/kasten02_2.gif');
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
}

.kasten2content_homepage p {
	line-height:14px;
	text-align:left;
	margin-bottom: 0px;
}

.kasten2start_homepage h1 a:link, .kasten2start_homepage h1 a:visited {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:21px;
	color:#1D9A4E;
	text-decoration:none;
}

.kasten2content_homepage h1 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:21px;
	color:#1D9A4E;
	text-decoration:none;
}

.kasten2end {
	height:25px;
	background-image:url('../images/kasten02_3.gif');
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.kastenstart h1 a:link, .kastenstart h1 a:visited {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:21px;
	color:#1D9A4E;
	text-decoration:none;
}

.kastenstart h1 a:active, .kastenstart h1 a:hover {
	text-decoration:none;
	color:#3EAED6;
}

.routeinfo {
	width:57px;
	text-align:center;
	line-height:8px;
}

.routedesc {  /* für Tag (wird innerhalb der kästen benutzt */
	float:right;
	width:280px;
}

.routedesc p a:visited, .routedesc p a:link {
	color:#1D9A4E;
	font-size:11px;
	text-decoration:none;
}

.routedesc p a:active, .routedesc p a:hover {
	background-color:#1D9A4E;
	color:#FFFFFF;
}

.details {
	float:right;
	padding-top:6px;
}

#routedetail_1 {
	float:left;
	width:57px;
	height:94px;
	text-align:center;
	line-height:16px;
	padding-right:10px;
}

#routedetail_2 {
	float:left;
	width:160px;
	height:94px;
	text-align:center;
	line-height:16px;
}

#routedetail_3 {
	width:90px;
	height:94px;
	text-align:center;
	line-height:18px;
	margin-left:227px;
}

#routedetail_4 {
	margin-left:67px;
	width:235px;
	padding-top:10px;
	padding-left:15px;
}

#routedetail_1 span, #routedetail_2 span, #routedetail_3 span {
	font-size:18px;
	line-height:18px;
	color:#696969;
}

#menu {
	width:176px;
	padding-top:30px;
}

#menu ul {
	list-style-type:none;
}

#menu li {
	line-height:26px;
	width:170px;
	background-color:#E8E8E8;
	padding-left:6px;
	margin-bottom:1px;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
	margin-top:10px;
}

.kontaktformular {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height:14px;
  float: left;
  margin-right: 10px;
  margin-bottom:10px;
  color:#000000;
}

/*
input {
	width:337px;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-bottom: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background-color:#D6D6D6;
	height:15px;
	padding-top: 3px;
	padding-bottom:3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

input:focus {
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	background-color:#B2B2B2;
	color:#FFFFFF;
}
*/ 
.absenden {
	width:150px;
	height:35px;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-bottom: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	padding-top: 3px;
	padding-bottom:3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	margin-top:0px;
}

.absenden:focus {
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}

.select {
	width:287px;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-bottom: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background-color:#D6D6D6;
	height:22px;
	padding-top: 3px;
	padding-bottom:3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.select:focus {
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	background-color:#B2B2B2;
	color:#000000;
}

textarea {
	width:337px;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-bottom: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background-color:#D6D6D6;
	padding-top: 3px;
	padding-bottom:3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	height:80px;
}

textarea:focus {
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	background-color:#B2B2B2;
	color:#FFFFFF;
}

.kontakt_clear {
    clear: both;
    width: 1px;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.odenwald_map {
	margin-left: 3px;
}	

