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

Title:   www.thueringen-tourismus.de screen styles
Author:  webit!
Update:  2009-08-10

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

@import url(content.css);

* {
    margin: 0;
    padding: 0;
    /* outline: 0; */
    }

v\:* { behavior:url(#default#VML); }

body {
    background: #fff;
    color: #444;
    font: normal 100.01% Arial,Helvetica,FreeSans,sans-serif;
    text-align: center;
    }

/* =LAYOUT
----------------------------------------------------------------------------- */

div#wrapper {
    font-size: 0.625em; /* 1em = 10px */
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    width: 98em; /* 980px */
    }

div#wrapper-content {
    float: left;
    width: 82.3em; /* 823px */
    }

div#extra {
    float: right;
    width: 14.6em; /* 146px */
    }

div#wrapper-navi {
    float: left;
    width: 22.2em; /* 222px */
    }

div#wrapper-first-content {
    float: right;
    width: 59em; /* 590px */
    }

div#first-content {
    background: #F8FDDD;
    }

img#head {
    width: 82.3em;
    }

#wrapper-navi h2,
#extra h2 {
    display: none;
    }


/* =SKIPLINKS
----------------------------------------------------------------------------- */

#skiplinks {
    left: -3000px;
    position: absolute;
    top: 0;
    z-index: 100;
    }

#skiplinks a:active,
#skiplinks a:focus {
    background-color: #FFF;
    color: #000;
    display: block;
    font-size: 1.2em;
    left: 3004px;
    line-height: 25px;
    padding: .1em .5em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    white-space: nowrap;
    }


/* =LINKS
----------------------------------------------------------------------------- */

a {
    text-decoration: none;
    }


a img {
    border: 0;
    }


/* =ROUNDBOX
----------------------------------------------------------------------------- */
.roundbox {
    padding: 10px 0;
    }
.dom .roundbox {
    padding: 0;
    }

.roundbox div.hd,
.roundbox div.hd div.c,
.roundbox div.ft,
.roundbox div.ft div.c {
    background-image: url(../img/bas/corners.png);
    background-repeat: no-repeat;
    height: 10px;
    overflow: hidden;
    }
* html .roundbox div.hd,
* html .roundbox div.hd div.c,
* html .roundbox div.ft,
* html .roundbox div.ft div.c {
    background-image: url(../img/bas/corners.gif);
    }

.roundbox div.hd,
* html .roundbox div.hd {
    background-position: 0 0;
    }

.roundbox div.hd div.c,
* html .roundbox div.hd div.c {
    background-position: 100% -10px;
    }

.roundbox div.ft,
* html .roundbox div.ft {
    background-position: 0 -20px;
    }

.roundbox div.ft div.c,
* html .roundbox div.ft div.c {
    background-position: 100% -30px;
    }


/* =SPRACHE
----------------------------------------------------------------------------- */

div#language {
    float: left;
    font-size: 1.1em;
    margin: .5em 1em 0;
    }

div#language a {
	color: #999;
	padding-right: .5em;
	}
div#language a:hover,
div#language a:focus {
	color: #CCC;
	}

div#language img {
	border: 0;
	}


/* =SUCHE
----------------------------------------------------------------------------- */

#search {
    margin: .5em 0 .3em;
    }

#search input,
#search button {
    font-size: 1em;
    }

#search input {
    width: 9em;
    }

#search input.submit {
    background: url(../img/lupe.gif) no-repeat 0 -4px;
    border: 0;
    width: 12px;
    }

#search button {
    background: none;
    border: 0;
    margin-bottom: 0;
    }

/* =NAVIGATION
----------------------------------------------------------------------------- */

#navi {
    background: #8FC13A;
    }

#navi ul {
    list-style-type: none;
    }

#navi li {
    border-top: 1px solid #FFF;
    font-size: 1.1em;
    font-weight: bold;
    margin: .5em 0;
    padding: .3em 0 0 17px;
    text-transform: uppercase;
    }

#navi ul > li:first-child {
    border-top: 0;
    margin-top: .1em;
    }

#navi li li {
    border-top: 0;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    text-transform: none;
    }

#navi li a {
    color: #FFF;
    }

#navi li a:hover,
#navi li a:focus {
    color: #EEE;
    }

#navi li li a {
    color: #444;
    }

#navi li li a:hover,
#navi li li a:focus {
    color: #666;
    }

/* RUBRIKEN */

#navi li {
    background: url(../img/pfeil_grau.gif) no-repeat 0 .5em;
    }

#navi li.blau {
    background-image: url(../img/pfeil_blau.gif);
    }

#navi li.dunkelblau {
    background-image: url(../img/pfeil_dunkelblau.gif);
    }

#navi li.gruen {
    background-image: url(../img/pfeil_gruen.gif);
    }

#navi li.orange {
    background-image: url(../img/pfeil_orange.gif);
    }

#navi li.rot {
    background-image: url(../img/pfeil_aktiv.gif);
    }

#navi li li {
    background-image: none;
    }


/* =BREADCRUMB
----------------------------------------------------------------------------- */

#breadcrumb {
    color: #999;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2.3em;
    }

#breadcrumb em {
    left: -500em;
    position: absolute;
    }

#breadcrumb span {
    padding: 0 .4em;
    }

#breadcrumb a {
    color: #999;
    }

#breadcrumb a:hover,
#breadcrumb a:focus {
    color: #CCC;
    }


/* =EXTRABEREICH
----------------------------------------------------------------------------- */

#extra div.teaser {
	background: #CBEC93;
	font-size: 1.1em;
	margin: 1em 0;
	}
#extra div.banner {
	background: #8FC13A !important;
	}


#extra div.teaser .header,
#extra div.teaser .footer {
	text-align: center;
	}

#extra div.teaser .header,
#extra div.teaser .hd {
	background-color: #8FC13A;
	}

#extra div.teaser h3 {
	color: #FFF;
	font-size: 1.2em;
	padding: 0 0 10px 0;
	}

#extra div.teaser p {
	margin: .5em;
	}
#extra div.teaser .footer p {
	margin-bottom: 0;
	}
#extra div.banner .footer p {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	}

#extra div.teaser ul {
	margin: 1em .5em .2em;
	}

#extra div.teaser ul.link {
	list-style-type: none;
	}

#extra div.teaser ul.link li {
	background: url(../img/pfeil_rot.gif) no-repeat 0 .2em;
	padding-left: 17px;
	}

#extra a {
	color: #000;
	}
#extra a:hover,
#extra a:focus {
	color: #999;
	}

#extra a img {
	border: 0;
	}


/* =HOTLINE
----------------------------------------------------------------------------- */
#hotline div.ft {
    display: none;
    }

#hotline h3 {
    font-size: 1.6em !important;
    padding: 0 !important;
    font-weight:bold !important;
    text-transform: uppercase;
    }

#hotline div.header img {
    margin: .6em 0 .7em;
    }

#hotline div.body img {
    display: block;
    width: 13.3em;
    }


/* =ANGEBOTE
----------------------------------------------------------------------------- */

#angebote div.ft {
    margin-top: -.8em;
    }

#angebote dt {
    background: #A7D656;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    }

#angebote dd {
    margin: .5em;
    }
#angebote dd.price,
#angebote dd.link  {
    margin-bottom: 1em;
    }
#angebote dd.link {
    background: url(../img/pfeil_rot.gif) no-repeat 0 .2em;
    padding-left: 17px;
    }

#angebote dt span {
    display: block;
    padding: .3em .5em;
    }

#angebote img {
    border-bottom: 1px solid #FFF;
    display: block;
    width: 13.3em;
    }

#angebote em {
    font-weight: bold;
    font-style: normal;
    }

#angebote em span {
    color: #E3010C;
    }


/* =ONLINE-BUCHUNG
----------------------------------------------------------------------------- */

#online-buchung div.body {
    *height: 1%; /* IE6, IE7 */
    padding: .9em .9em .5em;
    }
* html #online-buchung div.body {
    padding: .9em .8em .5em;
    }

#online-buchung select,
#online-buchung input {
    border: 1px solid #8FC13A;
    color: #555;
    font-size: 1em;
    height: auto;
    margin: 0 0 8px;
    width: 11.6em; /* 125px */
    }

#online-buchung select#children,
#online-buchung select#child1,
#online-buchung select#child2,
#online-buchung select#child3 {
    margin-bottom: 4px;
    }

#online-buchung select#children {
    display: none;
    }

#online-buchung input {
    padding: 1px 2px;
    width: 11em; /* 121px */
    }

#online-buchung input.dp-applied {
    width: 9.1em; /* 98px */
    float: left;
    }

#online-buchung .footer input {
    background: #E4010A url(../img/ico_submit.gif) no-repeat 4px 50%;
    border: 0;
    color: #FFF;
    font-size: 1em;
    height: auto;
    margin: 2px 0 0;
    padding: 2px 5px 2px 12px;
    width: auto;
    _width: 0; /* IE6 */
    overflow: visible;
    }


/* =Kalender
----------------------------------------------------------------------------- */

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 15px;
    padding: 0;
    margin: 1px 0 0 4px;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../img/ico_kalender.gif) no-repeat;
    }

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
    }

table.jCalendar {
    background: #8FC13A;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 0;
    width: auto;
    }

table.jCalendar th {
    background: #CBEC93;
    color: #000;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    }

table.jCalendar td {
    background: #F8FDDD;
    border: 0;
    color: #000;
    padding: 3px 5px;
    text-align: center;
    font-size: 11px;
    }

table.jCalendar td.other-month {
    background: #F8FDDD;
    color: #AAA;
    }

table.jCalendar td.today {
    background: #CBEC93;
    color: #000;
    }

table.jCalendar td.selected {
    background: #8FC13A;
    color: #FFF;
    font-weight: bold;
    }

table.jCalendar td.selected:hover {
    background: #F33;
    color: #FFF;
    }

table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #CBEC93;
    color: #000;
    }

table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #FFF;
    color: #888;
    }

div.dp-popup {
    position: relative;
    background: #8FC13A;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 0;
    width: 162px;
    *width: 170px;
    line-height: 1.2em;
    }

div#dp-popup {
    position: absolute;
    z-index: 199;
    }

div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
    }

a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
    }
a#dp-close:hover {
    text-decoration: underline;
    }

div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
    }

div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
    }

div.dp-popup div.dp-nav-prev a {
    float: left;
    }

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
    }

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
    }

div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
    }

div.dp-popup div.dp-nav-next a {
    float: right;
    }

div.dp-popup a.disabled {
    cursor: default;
    color: #F8FDDD;
    }

div.dp-popup td {
    cursor: pointer;
    }

div.dp-popup td.disabled {
    cursor: default;
    }

/*-- Ergänzungen TTG DK für Hafasformular in space/assets/ttg/to/css/screen.css --*/

#hafas_div {
	position:absolute;
	top-50px;
	z-index:3;
	visibility:hidden;
}

#hafas_close {
	position:absolute;
	left:220px;
	z-index:3;
	padding-top:0.3em;
}

#hafas_form {
	position:absolute;
	border:1px solid #8fc13a;
	background-color:#f8fddd;
	padding:2em 1em 1em 1em;
}

#hafas_form label {
	font-size:1.2em;
	font-weight:bold;
}

#hafas_form td.hafas_col1 {
	padding-right:1.5em
}

#hafas_form input {
	font-size:1.2em;
	width:180px;
}

#hafas_form td {
	padding-bottom:0.3em;
}
/*-- Ende Ergänzungen TTG DK für Hafasformular in space/assets/ttg/to/css/screen.css --*/