/* MAIN ---> */

body {
	font-family: Myriad Web Pro, Myriad Web, Helvetica, Arial, Verdana, Sans Serif;
	font-size: 10pt;
}

a, a:visited {
	color: #00A;
	text-decoration: none;
}

h3, p {
	margin: 0;
	padding: 0;
}

h3 {
	margin-bottom: 10px;
}

#wrapper {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -475px;
	width: 950px;
}

/* <--- MAIN */

/* HEADER ---> */

#head {
	height: 250px;
	background: url(/tpl/img/header.jpg) center no-repeat;
	margin-bottom: 20px;
}

#head h1 {
	margin: 0 10px;
	padding: 0;
	float: left;
	display: inline;
	font-size: 16px;
}

#head h2 {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 14px;
	float: right;
	color: #666;
}

#head a {
	text-decoration: none;
}

#head h1 a, #head h2 a {
	color: #333;
}

/* <--- HEADER */

/* NAVIGATION ---> */

#navigation {
	clear: both;
	position: relative;
	top: 205px;
	width: 960px;
	height: 38px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-left: -5px;
}

#navigation ul li {
	float: left;
	list-style: none;
}

#navigation ul li a, #navigation ol li a {
	height: 38px;
	padding: 12px 20px;
}

#navigation li a:hover {
	background: url(/tpl/img/bg-orange.gif) repeat-x #F90;
}

#navigation .active {
	font-weight: bold;
}

.rounder {
	margin: 0;
	padding: 0;
	height: 38px;
	width: 13px;
	margin-left: -3px;
	margin-right: -3px;
}

/* <--- NAVIGATION */

/* CONTENT---> */


#content {
	background: url(/tpl/img/bg-site.gif) no-repeat;
	float: right;
	width: 620px;
	padding: 10px;
}

#content h1 {
	font-size: 16px;
}

#content iframe {
	text-align: right;
}

#content p {
	text-align: justify;
	line-height: 150%;
	margin-bottom: 10px;
}

#content .teaser {
	font-weight: bold;
	margin-bottom: 20px;
}

#content .banner-text {
	float: right;
	text-align: right;
	margin: 0 0 5px 10px;
	background-color: #CCF;
}

#content .banner-text p {
	text-align: right;
	padding: 5px;
	margin: 0;
}

#content .zweiteil {
	float: left;
	width: 295px;
	margin-right: 8px;
	margin-bottom: 10px;
}

#content .zweiteil h2 {
	font-size: 14px;
	color: #333;
	padding: 4px 8px;
	margin: 0;
}

#content .kosten {
	text-align: right;
}

#content .preis {
	color: #C00;
	font-weight: bold;
}

#content .zt_text {
	height: 150px;
	padding: 4px 8px;
	border: 1pt solid #FC0;
	background: #FFF;
}

#content .zt_ad {
	height: auto;
	padding: 4px 8px;
	border: 1pt solid #EEE;
	background: #FFF;
}

#content .zt_text img {
	float: left;
	margin: 4px;
}

/* <--- CONTENT */

/* SIDEBAR ---> */

#sidebar {
	float: left;
	width: 305px;
}

#sidebar ol li {
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	height: 14px;
	padding: 8px 5px;
	margin: 2px 0 2px -38px;
	background: #CCF;
}

#sidebar li a {
	height: 14px;
	width: 250px;
	padding: 8px 5px;
}

#sidebar .active {
	color: #333 !important;
}

#buchungsmaske .links {
	clear: both;
	float: left;
	height: 25px;
	width: 90px;
	padding: 3px 5px -3px 0px;
}

#buchungsmaske .rechts {
	height: 25px;
}

#buchungsmaske select {
	width: 175px;
}

#buchungsmaske .date {
	width: 90px;
}

#buchungsmaske .button {
	width: 150px;
	height: 35px;
	cursor: pointer;
	padding-left: 40px;
}

.box {
	color: #FFF;
	clear: both;
	width: 300px;
	margin-top: 0;
	padding: 0;
}

.reiter {
	color: #FFF;
	float: left;
	margin-left: 5px;
	margin-right: -6px;
	height: 40px;
	text-align: center;
	font-variant: small-caps;
	font-size: 11px;
}

.klein {
	width: 72px;
}

.mittel {
	width: 120px;
}

.lang {
	width: 170px;
}

.reiter p {
	padding: 3px 5px 7px 5px;
	font-size: 0.9em;
}

.box_oben {
	background: url(/tpl/img/ecke-ol.gif) top left no-repeat;
	text-align: right;
	max-height: 10px;
	font-size: 0;
}

.box_unten {
	clear: both;
	background: url(/tpl/img/ecke-ul.gif) bottom left no-repeat;
	text-align: right;
	font-size: 0;
}

.box_inhalt {
	padding: 0 3px;
}

.button input {
	text-align: right;
	padding-right: 10px;
	width: 150px;
	height: 35px;
	background: url(img/button150.gif) no-repeat;
	background-position: 0 0;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
	border: 0;
}

.button input:hover {
	background-position: 0 100%;
	color: #333;
}

/* <--- SIDEBAR */

/* FOOTER ---> */

#footer {
	text-align: center;
	clear: both;
	font-size: 11px;
	color: #666;
	margin: 10px 0 20px 0;
	padding-top: 15px;
}

/* <--- FOOTER */

/* MISC ---> */

#longAD {
	position: absolute;
	top: 285px;
	left: 50%;
	margin-left: 480px;
}

.mehr-abstand {
	padding: 5px 15px;
}

.w2yellow {
	color: #333;
	background: url(/tpl/img/bg-yellow.gif) repeat-x #FC0;
}

.yellow {
	color: #333;
	background: url(/tpl/img/bg-yellow-bottom.gif) bottom repeat-x #FC0;
}

.w2orange {
	background: url(/tpl/img/bg-orange.gif) repeat-x #F90;
}

.orange {
	background: url(/tpl/img/bg-orange-bottom.gif) bottom repeat-x #F90;
}

.w2lila {
	background: url(/tpl/img/bg-lila.gif) repeat-x #909;
}

.lila {
	background: url(/tpl/img/bg-lila-bottom.gif) bottom repeat-x #909;
}

.w2blue {
	background: url(/tpl/img/bg-blue.gif) repeat-x #069;
}

.blue {
	background: url(/tpl/img/bg-blue-bottom.gif) bottom repeat-x #069;
}

.w2red {
	background: url(/tpl/img/bg-red.gif) repeat-x #C30;
}

.red {
	background: url(/tpl/img/bg-red-bottom.gif) bottom repeat-x #C30;
}

.w2green {
	background: url(/tpl/img/bg-green.gif) repeat-x #390;
}

.green {
	background: url(/tpl/img/bg-green-bottom.gif) bottom repeat-x #390;
}

.top-logo {
	float: left;
	margin: -5px 0;
}

/* <--- MISC */

/* BASICS ---> */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.link {
	cursor: pointer;
}

.highlight {
	color: #6699CC;
}

/* <--- BASICS */