/*---------------------------------------
Schlosskutscher - CSS

#bg-color: #8797a1;
# blau-2: #354d5c;
#text 90% k: #404042;

Breite : 1024px;

----------------------------------------*/


* {
	margin: 0;
	padding: 0;
	border: 0;
  	font-style: inherit;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}



body {
	background: #8797a1;
	text-align: center;
	font-size: 62.5%;
	margin: 0;
	margin-bottom: 70px;
	padding: 0;
	color: #404042;
}


#logo {
	position: relative; 
	width: 1068px; 
	margin: 25px auto -25px auto;
	text-align: left;
	z-index: 100;
}


.wrapper {
	position: relative;
	border: 0px solid white;
	margin: 0 auto;
	width: 1024px;  
	height: auto;
	background: white;
}

#bigbild {
	position: relative;
	width: 100%;
	height: 350px;
	background: white;
	z-index: 2;
}



/*------------------------------------------------
Allgemeine Text formate
------------------------------------------------*/
a {text-decoration: none; color: #8797a1;}
a:hover { color: #354d5c; }


/*------------------------------------------------
SCHATTEN
------------------------------------------------*/


.schatten_oben, .schatten_unten { position: absolute; width: 100%; height: 25px; left: 25px; overflow: hidden; }
.schatten_oben {top: -25px; }
.schatten_unten {bottom: -25px; }
.so2 { position: absolute;  top: 0; width: 100%; height: 100%; background: none; right: 50px; }
.schatten_oben .so2 { background: transparent url(../images/schatten/schatten_oben.png) top left repeat-x; }
.schatten_unten .so2 { background: transparent url(../images/schatten/schatten_unten.png) top left repeat-x; }

.schatten_links, .schatten_rechts {	position:absolute; height: 100%; width: 25px; top: 25px; overflow: hidden; }
.schatten_links { left: -25px; }
.schatten_rechts { right: -25px; }
.sl2 {position: absolute; bottom: 50px;  left: 0; width: 100%; height: 100%; background: none;}
.schatten_links .sl2 { background: transparent url(../images/schatten/schatten_links.png) top left repeat-y; }
.schatten_rechts .sl2 { background: transparent url(../images/schatten/schatten_rechts.png) top left repeat-y; }

.schatten_oben_links, .schatten_oben_rechts, .schatten_unten_links, .schatten_unten_rechts {
	position: absolute; 	height: 50px;	width: 50px;	z-index: 1;
}
.schatten_oben_links { left: -25px; top: -25px; background: transparent url(../images/schatten/schatten_oben_links.png) top left no-repeat; }
.schatten_oben_rechts { right: -25px; top: -25px; background: transparent url(../images/schatten/schatten_oben_rechts.png) top right no-repeat; }
.schatten_unten_links { left: -25px; bottom: -25px; background: transparent url(../images/schatten/schatten_unten_links.png) top left no-repeat; }
.schatten_unten_rechts { right: -25px; bottom: -25px; background: transparent url(../images/schatten/schatten_unten_rechts.png) top right no-repeat;}



/*------------------------------------------------
MAINLINKS
------------------------------------------------*/

#main_links {
	position: absolute;
	width: 200px;
	top: 0;
	left: 50px;
	z-index: 30;
}

#main_links ul {
	position: relative;
	width: 100%;
	padding: 25px 0;
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	background: #354d5c;
	z-index: 31;
}



#main_links  li {
	border-bottom: 1px solid white;
	overflow: hidden;
}

#main_links  li:first-child {
	border-top: 1px solid white;
}

#main_links a {
	font-size: 1.2em;
	display: block;
	color: white;
	font-weight: normal;
	width: 100%;
	height: 100%;
	padding: 4px 25px;
}

#main_links a:hover {
	color: #354d5c;
	background: #8797a1;
}
#main_links li:hover {
	
}



#main_links .schatten_links, #main_links  .schatten_rechts { 
	top: 0; 
	padding-top: 25px; 
}

/*------------------------------------------------
Unterlinks
------------------------------------------------*/

#unterlinks { /*ul*/
	width: 100%;
	font-size: 1.2em;
	border: 0px solid #354d5c;
	list-style-position: outside;
	list-style-type: none;
	background: none;
}


#unterlinks li.label {
	border-bottom: 1px solid #8797a1;
	font-weight: bold;
}

#unterlinks li {
	border-bottom: 0px solid #8797a1;
	line-height: 1.8em;
}

#unterlinks li:first-child {
	border-top: 0px solid #8797a1;
} 

#unterlinks a {
	padding: 0px 0 0 25px;
	display: block;
	color: 	#8797a1;
	border: 0px solid red;
	word-spacing: 0;
}

#unterlinks a.aktiv {
	font-weight: bold;
	color: #354d5c;
}


#unterlinks a:hover {
	color: gray;
}

/*------------------------------------------------
Inhalt
------------------------------------------------*/

#content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 50px 0;
	background: white;
	z-index: 3;
	border: 0px solid red;
}




/*------------------------------------------------
Grid
------------------------------------------------*/

.grid {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  text-align: left;
}

.grid-m1 { /* Abstand links - zum Rand */
  float: left;
  width: 50px;
  height: 1px;
}

.grid-m2 { /* Abstand Spalte 1 zu Spalte 2*/
  float: left;
  width: 100px;
  height: 1px;
  border: 0px solid black;
}

.grid-m3 {
  float: left;
  width: 100px;
  height: 1px;
  border: 0px solid black;
}

.trennlinie {
	position: absolute;
	width: 1px;
	background: gray;
	height: 100%;
	left: 637px;
	top: 0;
}


/*-- 2 zu 1 Spalten  = 1 grosse 1, kleine--*/

.grid-2zu1-c1 {
  position: relative;
  border: 0px solid red;	
  float: left;
  width: 537px;
}

.grid-2zu1-c2 {
  position: relative;
  float: left;
  width: 287px;	
  border: 0px solid red;
}


/*-- 1 zu 2 Spalten  = 1 klein 1 gross--*/

.grid-1zu2-c1 {
  border: 0px solid red;	
  float: left;
  width: 200px;
}

.grid-1zu2-c2 {
  float: left;
  width: 624px;
  border: 0px solid red;
}


/* -- */

.grid-c1 {
  float: left;
  width: 200px;
  border: 0px solid red;
}

/* 3 spalten - links - 1 : 1 */
.grid-c2 {
  float: left;
  width: 262px;
  border: 0px solid red;
}

.grid-c3 {
  float: left;
  width: 262px;
  border: 1px solid red;
}


/* 3 spalten - links - gross - rechts */

.grid-c4 {
  float: left;
  width: 324px;
  border: 0px solid red;
}

.grid-c5 {
  float: left;
  width: 200px;
  border: 0px solid red;
}



/*------------------------------------------------
H1 - Überschriften
------------------------------------------------*/

#h1_a, #h1_b, #h1_c, #h1_d {
	position: relative;
	border: 0px solid red;
	top: -6px;
	left: -4px;
	height: 35px;
	margin-bottom: 25px;
}

#h1_a h1, #h1_b h1, #h1_c h1, #h1_d h1 {
	margin-top: 2px;
	margin-left: 4px;
}

h1 { 
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 2.5em; 
	 color: #354d5c; 
     font-weight: lighter;
}

h2 {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 1.5em; 
	 color: #354d5c; 
     font-weight: lighter;
	 margin-bottom: 1.8em;
}



p {
	font-size: 1.2em; 
	line-height: 1.8em; 
	border: 0px solid black;
}

.abstand {
	border: 0px solid black;
	height: 3.6em;
}


/*-- Touren --*/
.tour { /*div für jede einzelne Tour */
	margin-bottom: 2.3em;
	clear: both;
	border: 0px solid red;
	position: relative;
}

p.tourh2, 
p.pressh2 {  /* Tour Name */
	border-bottom: 0px solid #8797a1; 
	font-weight: bold;
}

p.pressh2 {
	margin-bottom: 1.8em;
}

.smallimage,
.smallimage-none {
	border: 5px solid #e2e3e4;
	padding: 5px;
	margin-right: 25px;
	float: left;
}

.smallimage-none {
	border: none;
	padding: 0;
}

.textnebenBild {
	position: relative;
	border: 0px solid red;
	height: 100%;
}

p.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	border: 0px solid black;
}

p.text {

}

/*------------------------------------------------
#Sonstiges
------------------------------------------------*/

.list { /*ul*/
	font-size: 1.2em; 
	line-height: 1.8em; 
	border: 0px solid black;
	list-style-position: outside;
}

.list li {
	border: 0px solid red;	
	margin-left: 14px;
}

.sender {
	color: gray;
	font-size: 0.8em;
}


/*------------------------------------------------
Footer
------------------------------------------------*/

#footer {
	width: 1024px;
	height: 10px;
	margin: 25px auto 0 auto;
	text-align: right; 
	color: white;
}

#footer ul {
	list-style-position: outside;
	list-style-type: none;
}

#footer ul li {
	float: right;
	border-right: 1px solid white;
}

#footer ul li:first-child {
	border: none;
}

#footer a{
	display: block;
	padding: 0 5px;
	color: white;
}