/* LAYOUT
***************************************************/
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.border {
	border: #00FF00 1px solid;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.red {
	color: #ff0000;
}

.blue {
	color: #0099ff;
}

.headline {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

.headline2 {
	font-weight: bold;
	color: #75a7e0;
}

.preis {
	font-size: 30px;
	font-weight: bold;
	color: #ffa14e;
}

/* MAUS
***************************************************/
.pointer {
	cursor: pointer;
}

/* LINKS
***************************************************/
a:link {
	color: #757575;
	text-decoration: none;
}

a:visited {
	color: #757575;
	text-decoration: none;
}

a:hover, a.aktiv {
	color: #990000;
	text-decoration: none;
}

/*  boxYellow  */
.boxYellowTitle a:link {
	color: #4987cc;
}

.boxYellowTitle a:visited {
	color: #4987cc;
}

.boxYellowTitle a:hover, .boxYellowTitle a#aktiv {
	color: #396ca6;
}

/* LOGO
***************************************************/
#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 164px;
	height: 47px;
	background: url(../images/styles.gif) 0px 0px no-repeat;
}

#logo a {
	width: 164px;
	height: 47px;
	display: block;
}

/* AKTUELLES
***************************************************/
#aktuelles {
	position: absolute;
	top: 0px;
	left: 386px;
	width: 342px;
	height: 58px;
	background: url(../images/styles.gif) 0px -306px no-repeat;
	overflow: hidden;
}

#aktuelles p {
	margin: 0px 5px 0px 5px;
}

#aktuelles b {
	color: #990000;
}

#aktuellesButton {
	position: absolute;
	top: 44px;
	left: 283px;
	width: 59px;
	height: 14px;
	background: url(../images/styles.gif) -343px -306px no-repeat;
}

#aktuellesButton a {
	width: 59px;
	height: 14px;
	display: block;
}

#aktuellesButton a:hover, #aktuellesButton a#aktiv2 {
	background: url(../images/styles.gif) -343px -321px no-repeat;
}

#aktuellesButton b {
	display: none;
}

/* NAVIGATION
***************************************************/
#nav {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 728px;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#navBar {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 728px;
	height: 10px;
	background: url(../images/styles.gif) 0px -106px no-repeat;
	font-size: 1px;
}

#nav b {
	display: none;
}

#nav li {
	list-style: none;
}

/* home */
#home {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 48px;
	height: 26px;
	background: url(../images/styles.gif) 0px -52px no-repeat;
}

#home a {
	width: 48px;
	height: 26px;
	display: block;
}

#home a:hover, #home a#aktiv {
	background: url(../images/styles.gif) 0px -79px no-repeat;
}

/* charterbus */
#charterbus {
	width: 83px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -49px -52px no-repeat;
}

#charterbus a {
	width: 83px;
	height: 26px;
	display: block;
}

#charterbus a:hover, #charterbus a#aktiv {
	background: url(../images/styles.gif) -49px -79px no-repeat;
}

/* tagesradtouren */
#tagesradtouren {
	width: 123px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -133px -52px no-repeat;
	margin-left: 2px;
}

#tagesradtouren a {
	width: 123px;
	height: 26px;
	display: block;
}

#tagesradtouren a:hover, #tagesradtouren a#aktiv {
	background: url(../images/styles.gif) -133px -79px no-repeat;
}

/* radreisen */
#radreisen {
	width: 76px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -256px -52px no-repeat;
}

#radreisen a {
	width: 76px;
	height: 26px;
	display: block;
}

#radreisen a:hover, #radreisen a#aktiv {
	background: url(../images/styles.gif) -256px -79px no-repeat;
}

/* tagestouren */
#tagestouren {
	width: 92px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -333px -52px no-repeat;
	margin-left: 2px;
}

#tagestouren a {
	width: 92px;
	height: 26px;
	display: block;
}

#tagestouren a:hover, #tagestouren a#aktiv {
	background: url(../images/styles.gif) -333px -79px no-repeat;
}

/* mehrtagesreisen */
#mehrtagesreisen {
	width: 120px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -425px -52px no-repeat;
}

#mehrtagesreisen a {
	width: 120px;
	height: 26px;
	display: block;
}

#mehrtagesreisen a:hover, #mehrtagesreisen a#aktiv {
	background: url(../images/styles.gif) -425px -79px no-repeat;
}

/* skitouren */
#skitouren {
	width: 74px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -546px -52px no-repeat;
	margin-left: 2px;
}

#skitouren a {
	width: 74px;
	height: 26px;
	display: block;
}

#skitouren a:hover, #skitouren a#aktiv {
	background: url(../images/styles.gif) -546px -79px no-repeat;
}

/* musicals */
#musicals {
	width: 66px;
	height: 26px;
	float: right;
	background: url(../images/styles.gif) -621px -52px no-repeat;
	margin-left: 2px;
}

#musicals a {
	width: 66px;
	height: 26px;
	display: block;
}

#musicals a:hover, #musicals a#aktiv {
	background: url(../images/styles.gif) -621px -79px no-repeat;
}

/* SUB-NAV
***************************************************/
#subNav {
	width: 534px;
	margin-top: 10px;
	border-top: 1px #abd2fe solid;
	border-left: 1px #abd2fe solid;
	border-right: 1px #abd2fe solid;
	background: #f1f8ff;
}

#subNav p {
	margin: 5px 10px 0px 10px;
}

#subNavBottom {
	width: 536px;
	height: 6px;
	background: url(../images/styles.gif) 0px -292px no-repeat;
	font-size: 1px;
	margin-bottom: 10px;
}

/* TRIP-NAV
***************************************************/
#tripNav {
	width: 352px;
	margin-top: 10px;
	border-top: 1px #ffd37c solid;
	border-left: 1px #ffd37c solid;
	border-right: 1px #ffd37c solid;
	background: #fff1d5;
}

#tripNav p {
	margin: 5px 10px 0px 10px;
}

#tripNavBottom {
	width: 354px;
	height: 6px;
	background: url(../images/styles.gif) 0px -299px no-repeat;
	font-size: 1px;
}

/* MAIN
***************************************************/
#main {
	position: absolute;
	top: 121px;
	left: 10px;
	width: 536px;
}

/* CONTENT
***************************************************/
#cntTop {
	width: 536px;
	height: 6px;
	background: url(../images/styles.gif) 0px -117px no-repeat;
	font-size: 1px;
}

#cntTop2 {
	width: 536px;
	height: 26px;
	background: url(../images/styles.gif) 0px -151px no-repeat;
}

#cntMiddel {
	width: 534px;
	border-left: 1px #ffd37c solid;
	border-right: 1px #ffd37c solid;
	border-bottom: 1px #ffd37c solid;
	background: #fff1d5;
}

#cnt {
	padding: 5px 10px 5px 10px;
}

/* BOXEN
***************************************************/
.box {
	float: left;
	margin-right: 10px;
}

.lastBox {
	float: left;
}

/* gelb */
.rowBoxesYellow {
	width: 536px;
	height: 181px;
	margin-top: 10px;
}

#boxYellowLeftTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) 0px -124px no-repeat;
}

#boxYellowMiddleTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) 0px -124px no-repeat;
}

#boxYellowRightTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) 0px -124px no-repeat;
}

.boxYellowTitle {
	height: 21px;
	padding-top: 5px;
	font-weight: bold;
	color: #4987cc;
}

.boxYellowBottom {
	width: 172px;
	height: 155px;
	background: #fff1d5;
}

/* blau */
.rowBoxesBlue {
	width: 536px;
	height: 139px;
	margin-top: 10px;
}

#boxBlueLeftTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) -173px -124px no-repeat;
}

#boxBlueMiddleTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) -173px -124px no-repeat;
}

#boxBlueRightTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) -173px -124px no-repeat;
}

.boxBlueTitle {
	height: 21px;
	padding-top: 5px;
	font-weight: bold;
	color: #fefefe;
}

#boxBlueLeftBottom {
	width: 172px;
	height: 113px;
	background: url(../images/styles.gif) 0px -178px no-repeat #f1f8ff;
}

#boxBlueMiddleBottom {
	width: 172px;
	height: 113px;
	background: url(../images/styles.gif) -173px -178px no-repeat #f1f8ff;
}

#boxBlueRightBottom {
	width: 172px;
	height: 113px;
	background: url(../images/styles.gif) -346px -178px no-repeat #f1f8ff;
}


#boxBlueLeftBottom a, #boxBlueMiddleBottom a, #boxBlueRightBottom a {
	width: 172px;
	height: 113px;
	display: block;
}

#boxBlueLeftBottom b, #boxBlueMiddleBottom b, #boxBlueRightBottom b {
	display: none;
}

/* SUCHE
***************************************************/
#search {
	width: 536px;
	margin-top: 10px;
}

#searchTop {
	width: 536px;
	height: 26px;
	background:url(../images/styles.gif) 0px -151px no-repeat;
}

#searchMiddle {
	width: 534px;
	border-left: 1px #ffd37c solid;
	border-right: 1px #ffd37c solid;
	border-bottom: 1px #ffd37c solid;
	background: #fff1d5;
}

/* HIGHTLIGHTS
***************************************************/
#hightlights {
	position: absolute;
	top: 121px;
	left: 556px;
	width: 172px;
}

#hightlightsTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) -173px -124px no-repeat;
}

#hightlightsMiddle {
	width: 172px;
	background: #f1f8ff;
}

#hightlightsBottom {
	width: 172px;
	height: 6px;
	background: url(../images/styles.gif) -537px -117px no-repeat;
	font-size: 1px;
	margin-bottom: 10px;
}

/* MENÜ
***************************************************/
#menu {
	position: absolute;
	top: 121px;
	left: 10px;
	width: 172px;
}

#menuTop {
	width: 172px;
	height: 26px;
	background: url(../images/styles.gif) 0px -124px no-repeat;
}

#menuMiddle {
	width: 172px;
	background: #fff1d5;
}

#menuMiddle .menuLine {
	width: 152px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/styles.gif) -537px -158px no-repeat;
	font-size: 1px;
}

#menuMiddle .menuLine2 {
	width: 152px;
	height: 11px;
	margin: 8px 10px 8px 10px;
	background: url(../images/styles.gif) -537px -170px no-repeat;
	font-size: 1px;
}

#menuBottom {
	width: 172px;
	height: 6px;
	background: url(../images/styles.gif) -537px -151px no-repeat;
	font-size: 1px;
}

/* REISE
***************************************************/
#trip {
	position: absolute;
	top: 121px;
	left: 192px;
	width: 354px;
}

#tripTop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 354px;
	height: 26px;
	background: url(../images/styles.gif) -346px -124px no-repeat;
}

#tripPic {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 177px;
	height: 139px;
	background: url(../images/dummyBild.jpg);
}

#tripHeadline {
	position: absolute;
	top: 26px;
	left: 177px;
	width: 177px;
	height: 139px;
	background: #75a7e0;
}

#tripHeadline p {
	font-size: 14px;
	font-weight: bold;
	color: #fefefe;
	margin: 10px 5px 10px 5px;
}

#tripMiddle {
	width: 354px;
	margin-top: 165px;
	background: #fff1d5;
}

#tripCnt {
	padding: 3px 5px 10px 5px;
}

/* FORMULAR
***************************************************/
.formLine {
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #005388;
	border-left: none;
}

.formText {
	border: 1px dotted #005388;
	height: 200px;
}

.formSelect {
	border: 1px dotted #005388;
}

.button {
  	clear: both;
  	text-align: center;
  	padding-top: 5px;
}

/*  Suche  */
#search select {
	width: 300px;
	background-color: #fff1d5;
}

#search .formRow {
	padding: 5px;
}

/*  Kontakt  */
#kontaktForm .formRow {
	width: 357px;
	margin-left: 70px;
	clear: both;
	padding: 5px 0px 0px 0px;
}

#kontaktForm .formLabel {
	width: 62px;
	float: left;
	text-align: right;
	padding: 3px 2px 0px 0px;
}

#kontaktForm .formField {
	width: 285px;
	float: right;
	background-color: #fff1d5;
}

/*  Buchungsformular  */
#buchungsformularForm .formRow {
	width: 395px;
	margin-left: 50px;
	clear: both;
	padding: 5px 0px 0px 0px;
}

#buchungsformularForm .formLabel {
	width: 100px;
	float: left;
	text-align: right;
	padding: 3px 2px 0px 0px;
}

#buchungsformularForm .formField {
	width: 285px;
	float: right;
	background-color: #fff1d5;
}

/*  Charterbus  */
#charterbusForm .formRow {
	width: 410px;
	margin-left: 40px;
	clear: both;
	padding: 5px 0px 0px 0px;
}

#charterbusForm .formLabel {
	width: 115px;
	float: left;
	text-align: right;
	padding: 3px 2px 0px 0px;
}

#charterbusForm .formField {
	width: 285px;
	float: right;
	background-color: #fff1d5;
}

/*  ChechList  */
.checkListRow {
	width: 395px;
	margin-left: 50px;
	clear: both;
	padding-top: 5px;
}

.checkListLabel {
	width: 100px;
	float: left;
	text-align: right;
}

.checkListField {
	width: 290px;
	float: right;
}

.checkListText {
	float: left;
	width: 285px;
	padding-left: 5px;
}