/* ===== 0. Basisauszeichnungen ===== */

body {
	margin: 0px;
	padding: 0px;
	font: normal normal normal 100%/140% Arial, Helvetica, sans serif !important;
	background: #9ECCF6 url(pics/hint.gif) repeat-x;
	text-align: center;
	color: #333333;
	}
	
body * { 
	font-family: Arial, Helvetica, sans serif !important;
}

	table {
		font: normal normal normal 100% Arial, Helvetica;
		}
/* ===== 0.1 Ueberschriften ===== */

h1 {
	display: none;
}

 h2 {
		font: normal normal bold 90% Arial, Helvetica, sans serif;
		margin: 0px;
		background: url(pics/navitop_hint02.gif) no-repeat;	
		padding: 0px;
		color: #FFFFFF;
		position: absolute;
		left: 21px;
		width: 199px;
		top: 56px;
		z-index: 16;
		height: 41px;
}


h3 {
	font: normal normal bold 100%/140% Arial, Helvetica, sans serif;
	margin: 0px 9px 0px 9px;
	background: url(pics/h2_hint.png) repeat-x;	
	border-bottom: 1px solid #1F4667;
	border-left: 1px solid #67B3F4;
	border-right: 1px solid #125995;
	border-top: 1px solid #75B8F2;
	padding-left: 223px;
	padding-top: 5px;
	color: #FFFFFF;
	height: 27px;
}

#navigation h4 {
	font: normal normal bold 75%/140% Arial, Helvetica, sans serif;
	margin: 9px 0px 9px 0px;
	background-color: #A7D3F7;	
	border-bottom: 1px solid #A7B6C3;
	border-left: 1px solid #ABD5F8;
	border-right: 1px solid #A7C0D6;
	border-top: 1px solid #C9E3FA;
	padding: 4px 5px 4px 21px;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform:uppercase;
}

/* ===== 0.2 Hyperlinks ===== */

.navistat {
	margin: 0px;
	background: url(pics/h2_hint.png) repeat-x;	
	border-bottom: 1px solid #1F4667;
	border-left: 1px solid #67B3F4;
	border-right: 1px solid #125995;
	border-top: 1px solid #75B8F2;
	padding-top: 8px;
	height: 24px;
}

.navistat a {
	font: normal normal bold 90% Arial, Helvetica, sans serif;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.navistat a:link {
	font: normal normal bold 90% Arial, Helvetica, sans serif;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.navistat a:hover {
	font: normal normal bold 90% Arial, Helvetica, sans serif;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: underline;
}
.navistat a:visited {
	font: normal normal bold 90% Arial, Helvetica, sans serif;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

	#techmenue a:link, #techmenue a:visited{
		COLOR: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		}
		
	#techmenue a:hover, #techmenue a:active  {
		COLOR: #FFFFFF;
		text-decoration: underline;
		font-weight: bold;
		}
		
	#techmenue a:focus {
		COLOR: #F56900;
		text-decoration: underline;
		font-weight: bold;
		background: #FFFFFF;
		}

	a:link {
		COLOR: #0C84E7;
		text-decoration: none;
		font-weight: bold;
		}
		
	a:visited {
		COLOR: #0C84E7;
		text-decoration: none;
		font-weight: bold;
		}
		
	a:active {
		COLOR: #0C84E7;
		text-decoration: underline;
		font-weight: bold;
		}
		
	a:hover, a:focus {
		COLOR: #F56900;
		text-decoration: underline;
		font-weight: bold;
		}
		
	#footer a:link {
		COLOR: #333333;
		text-decoration: underline;
		font-weight: normal;
		}
		
	#footer a:visited {
		COLOR: #333333;
		text-decoration: underline;
		font-weight: normal;
		}
		
	#footer a:active {
		COLOR: #333333;
		text-decoration: none;
		font-weight: normal;
		}
		
	#footer a:hover {
		COLOR: #333333;
		text-decoration: none;
		font-weight: normal;
		}
		
	#footer a:focus {
		COLOR: #F56900;
		text-decoration: none;
		font-weight: normal;
		}
		
/* ===== 1. Seitenstruktur ===== */

#container {
	display: block;
	margin: 0px auto;
	width: 760px;
	position: relative; 
	text-align:left;
	/*overflow: hidden;*/
}

#kopf {
	position: relative; 
	width: 760px;
	height: 97px;
	background: transparent url(pics/kopf_hint.gif) left bottom no-repeat;
}

#techmenue {
	background:  url("pics/techohint.png") no-repeat;
	text-align: right;
	padding-right: 25px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 80%;
	line-height: 100%;
	color: #FFFFFF;
}

#inhalt01 {
		background: transparent url("pics/text_hint_03.gif") repeat-y;
	}
	
#text {
		position: relative;
		margin-left: 232px;
		margin-right: 36px;
		font-size: 80%;
		padding-bottom: 20px;
		width: 492px;
		overflow: hidden;
	}

#imagegrafik {
		position: relative;
		left: 9px;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		width: 742px;
		text-align: right;
	font: normal normal normal 80% Arial, Helvetica, sans serif;
	}
#sprungmenue {
		z-index: 30;
		position:absolute;
		top:-400px;
		right:0px;
		text-align: left;
}

	#sprungmenue a:focus,
	#sprungmenue a:hover,
	#sprungmenue a:active {
		position: absolute;
		top: 405px; 
		right: 0px; 	
		display:block;
		width:250px;
		font: normal normal bold 70%/140% Verdana, Arial, Helvetica;
		color:#FFFFFF;
		text-decoration: underline;
		background-color:#CC0000;	
		border-right: 10px solid #CC0000;
		border-bottom: 1px solid #CC0000;
		border-left: 1px solid #CC0000;
		padding-left: 10px;
		text-align: left;
}

#navigation {
		position: absolute;
		left: 32px;
		width: 180px;
		top: 98px;
		z-index: 17;
}
		
#footer {
		background:  url("pics/footer_hint.gif") left bottom no-repeat;
		text-align: center;
		padding-right: 25px;
		padding-top: 0px;
		padding-bottom: 20px;
		font-weight: normal;
		font-size: 80%;
		line-height: 100%;
		color: #333333;
		margin-top: 0px;
}
.footertext {
		width: 742px;
		border-top: 1px solid #A8A8A8;
		margin-left: 9px;
		padding-top: 10px;
		margin-top: 0px;
			}

/* ===== 2. Navigation ===== */

ul#mainnav {
		position: relative;
		display: block;
		list-style: none;
		font-weight: bold;
		font-size: 80%;
		padding: 0px;
		margin: 0px;		
		text-align: left;
		background: transparent url(pics/navi_hint.gif) repeat-y;
	}

ul#mainnav li { 
		display: block; 
		margin: 0px;
		padding: 0px;
	}

	ul#mainnav li a span.abstand { 
		padding: 0;
	}
	
ul#mainnav li a {
		display: block; 
		margin: 0px;		
		padding: 5px 5px 5px 24px;
		width: 151px; 
		color: #333333; 
		text-decoration: none;
		background: url("pics/mout.png") left center no-repeat;
		border-bottom: 1px solid #E7E7E7;
	}

ul#mainnav li a:hover, ul#mainnav li a:focus, ul#mainnav li a:active {
		display: block; 
		margin: 0px;
		padding: 5px 5px 5px 24px;
		width: 151px; 
		color: #F56900; 
		text-decoration: none;
		background: url("pics/mover.png") left center no-repeat;
		border-bottom: 1px solid #C4C4C4;
	}

ul#subnav {
		position: relative;
		display: block;
		list-style: none;
		font-weight: normal;
		font-size: 100%;
		padding: 0px;
		margin: 0px;		
		text-align: left;
	}

ul#subnav li {
		display: block; 
		margin: 0px;
		padding: 0px;
	}

ul#subnav li a {
		display: block; 
		margin: 0px;		
		padding: 2px 0px 2px 0px;
		width: 180px; 
		color: #333333; 
		text-decoration: none;
		background: url("pics/mout02.png") left center no-repeat;
		border-bottom: 1px solid #E7E7E7;
		font-weight: normal;
	}

ul#subnav li a:active, ul#subnav li a:focus, ul#subnav li a:hover {
		display: block; 
		margin: 0px;
		padding: 2px 0px 2px 0px;
		width: 180px; 
		color: #F56900; 
		text-decoration: none;
		background: url("pics/mover02.png") left center no-repeat;
		border-bottom: 1px solid #C4C4C4;
		font-weight: normal;
	}
	
.abstand {
		padding-left: 24px;
		padding-right: 5px;
}

.abstand2 {
		padding-left: 36px;
		padding-right: 5px;
}

.abstand3 {
		padding-left: 48px;
		padding-right: 5px;
}

/* ===== 3. Sonstiges ===== */

#schali {
		z-index: 12;
		position:absolute;
		top:128px;
		left:0px;
		background: transparent url("pics/schali.gif") no-repeat;
		width: 9px;
		height: 196px;
		}
		
#schare {
		z-index: 12;
		position:absolute;
		top:128px;
		left:751px;
		background: transparent url("pics/schare.gif") no-repeat;
		width: 9px;
		height: 196px;
		}
		
.navitop {
		padding-top: 18px;
		padding-left: 30px;
}

.navinews {
		font: normal normal normal 75%/140% Arial, Helvetica, sans serif;
		padding-left: 20px;
		padding-right: 10px;
		margin: 0px;
		border-bottom: 1px solid #B1B1B1;
		background: transparent url("pics/navi_hint.gif") repeat-y;	
}

.navinews p {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	

.navibot {
		height: 23px;
		background: transparent url("pics/navibot_hint02b.gif") no-repeat;
	}
	
#suche {
		z-index: 10;
		position:absolute;
		top:0px;
		left:208px;
		height: 97px;
		width: 208px;
		background: transparent url("pics/top_suche_bus.gif") no-repeat;
}

#suche form {
		padding-top: 71px;
		padding-left: 15px;
		height: 26px;
}

#suche input {
		font-size:13px;
}

#go {
		position: absolute;
		top: 72px;
		left: 164px;
}

#logo {
		z-index: 10;
		position:absolute;
		top:21px;
		left:484px;
		height: 67px;
		width: 268px;
}

.logozusatz { 
	width: 126px;
	height: 39px;
	position: absolute;
	top: 54px;
	right: -4px;
	background: url(grafiken/logozusatz.png) no-repeat;
}

* html .logozusatz { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='grafiken/logozusatz.png');
}

.unsichtbar {
		display: none;
}

.dunkelgrau {
		padding: 5px;
		margin: 0px;
		background-color: #D5D5D5;
		display: block;
}

.hellgrau {
		padding: 5px;
		margin: 0px;
		background-color: #EAEAEA;
		display: block;
}
.beige {
		padding: 5px;
		margin: 0px;
		background-color: #fbf8e7;
		display: block;
}
p.beige, p.hellgrau, p.dunkelgrau {
		margin-top: 1px;
}
ul.beige, ul.hellgrau, ul.dunkelgrau {
		margin-top: 1px;
		padding-left: 35px;
}
.bildlinks {
		float: left;
		padding-right: 10px;
}

.bildrechts {
		float: right;
		padding-left: 10px;
}

.ueberschrift {
		position:relative;
		font: normal normal bold 110% Arial, Helvetica, sans serif;
		background: #0a79e6 url(pics/h2_hint.png) repeat-x;		
		display: block;
		padding: 5px;
		margin: 0px;
		color: #FFFFFF;
		}
		
.textklein {
		font-size: 90%;
		}
		
.textgross {
		font-size: 110%;
		}
		
.cleaner {
		clear: both;
		}
/* ===== 4. Aktuelles ===== */

p.newsrubrik {
		margin-top: 20px;
		margin-bottom: 1px;
		background-color: #0d81e8;
		padding: 0px 5px 0px 5px;
		font-weight: bold;
		font-size: 90%;
		color: #FFFFFF;
}

p.newsrubrik a, p.newsrubrik a:link, p.newsrubrik a:visited {
		color: #FFFFFF;
		text-decoration: underline;
}
p.newsrubrik a:hover, p.newsrubrik a:active {
		color: #FFFFFF;
		text-decoration: none;
}
p.newsrubrik a:focus {
		color: #F56900;
		text-decoration: none;
		background: #FFFFFF;
}
p.newstitel {
		margin-top: 0px;
		margin-bottom: 1px;
		background-color: #cee6fa;
		padding: 5px;
		font-weight: bold;
		font-size: 120%;
}

p.newsuntertitel {
		margin-top: 0px;
		margin-bottom: 1px;
		padding: 0px 5px 0px 5px;
}

p.newslink {
		margin-top: 0px;
		margin-bottom: 1px;
		background-color: #e6f2fc;
		padding: 0px 5px 0px 5px;
		font-size: 90%;	
}

p.newstext {
		margin-top: 0px;
		margin-bottom: 1px;
		padding: 0px 5px 0px 15px;
}

/* ===== 5. Reisemodul ===== */

	dl.reiseland {
		list-style: none;
		margin: 1px 0 10px 0;
		padding: 0;
		}
	dl.reiseland dd {
		list-style: none;
		margin: 0;
		}
	dl.reiseland dd a   {
		display: block;
		}
	dl.reiseland dt {
		font: normal normal bold 110% Arial, Helvetica, sans serif;
		background: url(pics/h2_hint.png) repeat-x;		
		display: block;
		padding: 5px;
		margin: 10px 0 1px 0;
		color: #FFFFFF;
		}
		
	.rb01 {
		background: #cee6fa;
		padding: 4px;
		border-top: 1px solid #FFFFFF;
		}
	.rb02 {
		background: #e6f2fc;
		padding: 4px;
		border-top: 1px solid #FFFFFF;
		}
		
	.rb00 {
		font: normal normal bold 110% Arial, Helvetica, sans serif;
		background: url(pics/h2_hint.png) repeat-x;		
		color: #FFFFFF;
		}
		
	.table_fenster {
		margin-top: 15px;
		width: 90%;
		}
	.table_fenster td {
		vertical-align: top;
		horizontal-align: left;
		}
	#titel {
		background: url(pics/h2_hint.png) repeat-x;
		font-size: 100%;
		font-weight: bold;
		padding: 5px;
		color: #fff;
		}
	#titel a:link, #titel a:hover, #titel a:focus, #titel a:active, #titel a:visited {
		display: block;
		background-color: #fff;
		margin: -5px;
		padding: 5px;
		}		
	#informationen {
		
		}
	
	#informationen p {
		font-family: Arial, Helvetica, sans serif !important;
		font-size: 90%;
		}

	#sonstiges {
		background-color: #eaeaea;
		margin-top: 1px;
		margin-bottom: 10px;
		padding:5px;
		clear: both;
		}	

	#fahrten  {
		
		}

	#ueberschrift {
		position: relative;
		background: #0a79e6 url(pics/h2_hint.png) repeat-x;
		font-size: 120%;
		font-weight: bold;
		padding: 5px;
		color: #fff;
		border-bottom: 1px solid #fff;
		display: block;
		}

	.einzelfahrt {
		position: relative;
		background-color: #cee6fa;
		border-bottom: 1px solid #fff;
		padding: 5px;
		font-size: 120%;
		}
	
	.linkrbericht a {
		font-size: 80%;
	}
	
	.fahrtpreis {
		font-weight: bold;
		font-size: 80%;
		text-align: right;
	}

	.reise_resbutton {
		border: none;
		background: none;
		COLOR: #0C84E7;
		font-weight: bold;
	}

	#eingeschlossene_leistungen {
		background-color: #e6f2fc;
		padding: 5px;
		border-bottom: 1px solid #fff;
		}

	#haus_zu_haus {
		float: left;
		position:relative;
		width: 170px;
		padding-top: 3px;
		}
	#preise {
		background-color: #cee6fa;
		border-bottom: 1px solid #fff;
		font-size: 120%;
		font-weight: bold;
		line-height: 180%;
		padding: 5px;
		display: block;
		text-align: right;
		min-height: 63px;
		}
	#form_reisebericht input {
		width: 256px;
		height: 1.8em;
		font-size: 1em;
	}
	#form_reisebericht input.datum {
		width: 160px;
	}
	#form_reisebericht button {
		border: 0;
		cursor: pointer;
	}
	#form_reisebericht button#absenden {
		width: 100px;
		border: dashed 1px black;
	}
	#form_reisebericht button#startbut, #form_reisebericht button#endbut {
		width: 26px;
		background: none;
		padding: 0;
		margin: 0;
	}
	#form_reisebericht textarea {
		font-size: 1em;
		font-family: Arial, Helvetica, sans serif;
	}
	#form_reisebericht textarea#reisentitel {
		width: 256px;
		height: 4.2em;
	}
	#form_reisebericht textarea#rbtext {
		width: 344px;
		height: 8em;
	}
	
	.form_fehler {
		font: normal normal bold 90% Arial, Helvetica, sans serif;
		margin: 0;
		background-color: #A00;	
		padding: 1em;
		color: #FFFFFF;
		left: 21px;
		width: 199px;
		border: 1px solid black;
	}
	
	

a.badge { 
	outline: none;
	display: block;
	background: url(pics/badge.jpg) no-repeat;
	width: 176px;
	height: 179px;
	margin: 10px 0;
	position: relative;
}