﻿
body
{
	font-family: arial, sans; font-size: 86%;
         padding: 0; margin: 0 ; text-align: center; background-color: #D8EDFB;
}
/*div { border: solid 1px green;}*/
h1 {  color: #000; font-size: 11pt; font-weight: bold; 	text-transform: uppercase; }
h2 {  color: #232174; font-size: 11pt; font-weight: normal;  }
h3 {  color: #232174; font-size: 10pt; font-weight: bold;  }
h4 {  color: #232174; font-size: 9pt; font-weight: bold;  }


a { color:#232174; text-decoration: underline;}
a:hover { text-decoration: underline;}

div.spacer1 { padding: 10px;}
div.spacer2 { padding: 8px;}
/****************************************************************/
/* Startseite */
body.index h1 {  color: #FFF; font-size: 11pt; font-weight: bold; text-transform: none;}
body.index div.container
{
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	width: 746px;
	background-color: #FFFFFF;
	text-align: left;
	height: 503px;
}
body.index > div.container {
	width: 746px;
	height: 503px;
}


body.index div#logo
{
	position: absolute; top: 0px; left: 20px; z-index: 1;  width: 722px; height: 464px;
         margin:0;padding:0px; background-color: #FFF;
}
body.index div#logo img {
	margin: 3px;
	margin-right: 0px;
	left: 384px;
	top: 202px;
	position: absolute;
}
div.bild {
	position: absolute;
	top: 2px;
	left: 2px;
	margin: 0;
	padding: 0;
	z-index: 2;
	width: 190px;
	height: 200px;
}
div.zitat
{
	position: absolute;
	top: 202px;
	left: 198px;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 260px;
	background-color: #84C326;
	color: #FFF;
	border-right: 2px solid #FFF;
	z-index: 2;
	font-size: 12px;
	font-family: albany, arial, sans;
}
div.zitat div.link { text-align:center; padding: 5px;}
div.zitat div.link a { font-size: 12px; color:#fff; }

body.index div.nav
{
	position: absolute;
	top: 202px;
	left: 0px;
	width: 190px;
	height: 260px;
	z-index: 2;
	color: #FFF;
	background-color: #007CC3;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	font-size: 12px;
	font-family: albany, arial, sans;
	line-height: 1.1;
}
body.index div > div.nav { width: 188px;  }

body.index div.nav dl { margin: 10px; }
body.index div.nav dt { margin-top: 0.3em; }

body.index div.nav a { color:#FFF; text-decoration: none;}
body.index div.nav a:hover { text-decoration: underline;}

body.index div.impressum
{
	position:absolute; top: 467px; left:0px;  margin:0 ; padding: 0;  width: 741px;
         background-color: #84C326; color: #FFF;border: 2px solid #FFF;
         font-size: 70%; text-align: center; text-transform: uppercase;
}
body.index div.impressum a { color:#FFF; text-decoration: none;}
body.index div.impressum a:hover { text-decoration: underline;}

body.index div > div.impressum {
	width: 743px;
}
/****************************************************************/
/* Folgeseite(n)  */
div.container
{
	position: relative; margin: 0 auto; margin-top:10px; padding: 0;  width: 900px; height: 501px;
         background-color: #FFFFFF;
	text-align:left;
}
body > div.container { width: 900px;  }

div#gruen
{
				position: absolute;
				top: 0px;
				left: 233px;
				margin: 0;
				width: 455px;
				height: 25px;
				background-color: #84C326;
				z-index: 5;
}
div#blau
{
	position:absolute; top: 0px; left:0px;  margin:0 ; width: 35px; height: 537;
         background-color: #007CC3; z-index: 2;
         border-right: 5px solid #D8EDFB;
}

div > div#blau
{
	position:absolute; top: 0px; left:0px;  margin:0 ; width: 30px;
}

div.nav
{
         position: absolute; top:0px; left: 34px; width:190px; height: 260px; z-index: 2;
         color: #000; background-color: #FFF ;
         font-size: 80%; font-family: albany, arial, sans;
}
div > div.nav { width: 188px; left: 34px; }

div.nav dl { margin: 10px; }
div.nav dt { margin-top: 0.5em; padding-left: 10px;  }

div.nav a { color:#000; text-decoration: none;  }
div.nav a:hover { text-decoration: underline;}
div.nav dt.highlight
{
	color:#007CC3; text-decoration: none; background-image:url(img/nav-highlight.gif);
         background-repeat: no-repeat; background-position: 0 1px;
}
div.nav dt.highlight a {	color:#007CC3; }


div#logo
{
	position: absolute; top: 0px; left: 692px; z-index: 1;  width: 208px; height: 100%;
         margin:0;padding:0px; background-color: #FFF; font-size: 80%;
}
div#logo img
{
	margin:0;padding:0px;
}



div.impressum
{
	position:absolute; top: 504px; left:28px;  margin:0 ; padding: 0;  width: 872px; height: 33px;
         background-color: #84C326; color: #FFF;
         font-size: 12px; text-align: center; text-transform: uppercase;
}
div >div.impressum {
	top: 504px;
	left: 28px;
	width: 877px;
	height: 33px;
}

div.impressum a { color:#FFF; text-decoration: none;}
div.impressum a:hover { text-decoration: underline;}

div#content
{
	position:absolute; top: 45px; left:232px; width: 440px; height: 450px;
 	overflow:auto;  margin:0 ; padding-right: 5px;
         font-size: 85%;
         /*border: 1px solid red;*/
}
div#content td { font-size: 75%; vertical-align:top; }
div#content td.heading
{
	font-size: 80%; font-weight:bold; padding-left: 20px; padding-top:20px;	text-transform: uppercase;
	background-image:url(img/h2.gif);background-repeat: no-repeat; background-position: 0 20px;
}
div > div#content td.heading { background-position: 0 21px;}

img.right { float: right; margin:0; margin-left:10px;}


/***********************************************************/
/* Seitenspez. */
div#reisenfoto
{
	position:absolute; top: 250px; left:300px;

}

div#disclaimer
{
	float:right;  background-color: palegoldenrod; width: 250px; font-size: 90%;
}

td.checkbox { padding-bottom: 20px;}

table.reisen { }
table.reisen td.rechts { text-align:right; }
.startlogo {
	position: absolute;
	right: 0px;
	top: 202px;
	width: 353px;
	height: 180px;
	color: #0067A7;
	font-size: 11px;
	text-align: center;
	margin-top: 7px;
}
.laufschrift {
	position: absolute;
	width: 356px;
	right: 2px;
	height: 65px;
	background-image: url('img/laufschrift.jpg');
	background-repeat: no-repeat;
	background-color: #0074B5;
	color: #FFFFFF;
	bottom: 40px;
	z-index: 3;
}
.headgrafik {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 197px;
	width: 546px;
}
