/*--------- CREDITS ---------

Author: Andris Linz für ibl und partner ag | werbeagentur;

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

/*--------- INHALT ---------

1.1 Colors

1.2 Reset und Main Styles

2.1 Navigation

3.1 Header

3.2 Content

3.3 Sitemap

3.4 Formular

3.5 SBB-Fahrplan

3.6 Preistabelle

4.1 Lightbox

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

/*--------- 1.1 COLORS ---------

Dunkelblau: #3c4652

Hellblau: #acced0

Braun: #918c78

Grau: #484549

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

/*--------- 1.2 RESET & MAIN STYLES ---------*/

* {
	margin:0;
	padding:0;
	border:0;
}

:focus {
	outline:none;
}

html {
	font-size:62.5%;
}

body {
	font-family:Helvetica, Arial, sans;
	background:#484549;
	min-width:1000px;
}

#wrapper {
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:485px;
	background:#fff;
	margin-top:-250px;
	margin-left:-500px;
}

h1 {
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#484549;
	line-height:1.6em;
	margin:0 0 10px 0;
}

h1.buchen {
	margin:0;
}


h2 {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#484549;
	line-height:1.8em;
}

p {
	font-size:1.2em;
	font-weight:normal;
	color:#484549;
	line-height:1.4em;
}

p.fussnote {
	font-size:1em;
	font-weight:normal;
	color:#484549;
	line-height:1.4em;
	margin:5px 0;
}

p.buchen {
	position:absolute;
	right:8px;
	top:35px;
	padding:0 15px 10px 10px;
	margin:0 0 10px 0;
	line-height:18px;
	clear:both;
}

p.coltitel {
	font-size:1em;
	font-weight:bold;
	margin:0 0 5px -15px;
}

/*--------- 2.1 NAVIGATION ---------*/

#navigation {
	position:absolute;
	height:335px;
	width:185px;
	top:145px;
	left:5px;
	overflow:hidden;
}

.nav-div {
	margin:0;
	padding:0;
}

#top-navigation {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:250px;
	/*margin-left:-505px;*/
	margin-left:-501px;
	padding:0;
	height:15px;
	background:#484549;
	font-size:.9em;
	font-weight:bold;
	float:left;
	width:600px;
}

.top-navigation-buchen {
width:358px;
height:42px;
float:left;
}

#top-navigation ul li {
	list-style:none;
	display:inline;
	margin:0 0 0 5px;
}

a:link.topnav, a:visited.topnav, a:active.topnav {
	color:#fff;
	text-decoration:none;
}

a:hover.topnav {
	color:#acced0;
	text-decoration:none;
}

.buchenaktiv {
	color:#acced0;
	text-decoration:none;
}

#sprachwahl {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:250px;
	margin-left:460px;
	width:50px;
	padding:0;
	height:15px;
	background:#484549;
	font-size:.9em;
	font-weight:bold;
	text-align:left;
}

#sprachwahl ul li {
	list-style:none;
	display:inline;
	margin:0 0 0 5px;
}

a:link.sprachw, a:visited.sprachw, a:link.sprachw {
	color:#fff;
	text-decoration:none;
}

a:hover.sprachw {
	color:#acced0;
	text-decoration:none;
}


.menu {
	height:.5px;
	line-height:1.4em;
	padding-left:5px;
}

.menuaktiv {
	color:#918c78;
	font-weight:bold;
	text-decoration:none;
	line-height:1.4em;
	font-size:1.2em;
	padding-left:5px;
}

a:link.menu, a:visited.menu, a:active.menu {
	color:#3c4652;
	text-decoration:none;
	font-size:1.2em;
	line-height:1.4em;
}

a:hover.menu {
	color:#918c78;
	text-decoration:none;
	font-size:1.2em;
	line-height:1.4em;
}

a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu {
	color:#3c4652;
	text-decoration:none;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:.08em;
	line-height:1.3em;
}

a:hover.mainmenu {
	color:#918c78;
	text-decoration:none;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:.08em;
	line-height:1.3em;
}

.umtitel {
	font-weight:bold;
	height:5px;
	color:#3c4652;
	font-size:1.2em;
	line-height:1.4em;
	padding-left:5px;
	text-decoration:none;
}

.umtitelaktiv {
	font-weight:bold;
	height:5px;
	color:#918c78;
	font-size:1.2em;
	line-height:1.4em;
	padding-left:5px;
	text-decoration:none;
}

.mainmenu {
	display:block;
}

.mainmenuaktiv {
	color:#918c78;
	text-decoration:none;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:.08em;
	line-height:1.3em;
}

/*--------- 3.1 HEADER ---------*/

#header {
	position:absolute;
	height:95px;
	width:625px;
	margin-left:185px;
	left:0;
	top:5px;
	background:#3c4652;
	color:#fff;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:normal;
	line-height:95px;
	padding:0 10px 0 10px;
	letter-spacing:.08em;
}

#header h1{
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
}

#headerleft {
	position:absolute;
	height:95px;
	width:175px;
	background:#918c78;
	margin-left:5px;
	left:0;
	top:5px;
	font-size:1.4em;
}

#headerleft h1{
	color:#fff;
	font-size:.8em;
	font-weight:normal;
	padding:5px 0 0 5px;
}

#logo {
	position:absolute;
	height:95px;
	width:165px;
	top:5px;
	right:5px;
}

/*--------- 3.2 CONTENT ---------*/

#content {
	position:absolute;
	height:338px;
	width:390px;
	top:105px;
	left:185px;
	background:#acced0;
	padding:37px 10px 0 10px;
}

#wettbewerb {
	position:absolute;
	height:338px;
	width:385px;
	top:105px;
	left:185px;
	background:#acced0;
	padding:37px 10px 0 10px;
	overflow:auto;
}

#content a:link, #content a:visited, #content a:active {
	/*background:#3c4652;*/
	padding:1px;
	color:#3c4652;
	text-decoration:underline;
}

a:link.links, a:visited.links, a:active.links {
	/*background:#3c4652;*/
	padding:1px;
	color:#fff;
	text-decoration:none;
	border-bottom:#acced0 2px solid;
	font-size:1em;
	line-height:1.6em;
}

#content a:hover {
	background:#fff;
	padding:1px;
	color:#3c4652;
	text-decoration:none;
}

#content a:link.pdfuploads, #content a:visited.pdfuploads, #content a:active.pdfuploads {
	background:#acced0;
	padding:1px;
	color:#484549;
	text-decoration:none;
}

#content a:hover.pdfuploads {
	background:#acced0;
	padding:1px;
	color:#484549;
	text-decoration:underline;
}

a:link.buchen, a:visited.buchen, a:active.buchen {
	background:#3c4652;
	padding:1px;
	color:#fff;
	text-decoration:none;
	letter-spacing:.04em;
	font-size:.9em;
}

a:hover.buchen {
	background:#fff;
	padding:1px;
	color:#3c4652;
	text-decoration:none;
	letter-spacing:.04em;
	font-size:.9em;
}

/* CONTENT FüR SITEMAP üBER GANZE LäNGE */

#content2 {
	position:absolute;
	height:338px;
	width:790px;
	top:105px;
	left:185px;
	background:#acced0;
	padding:37px 10px 0 10px;
}

/* 3/4 CONTENT FüR PREISTABELLE */

/*#content3 {
	position:absolute;
	height:338px;
	width:635px;
	top:105px;
	left:185px;
	background:#acced0;
	padding:27px 5px 0 5px;
	color:#484549;
}*/

/* Update G und B – 250711 */
#content3 {
	position:absolute;
	height:358px;
	width:635px;
	top:105px;
	left:185px;
	background:#acced0;
	padding:17px 5px 0 5px;
	color:#484549;
}

#content3 h1 {
	margin-bottom:5px;
}

#content3 p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

#content3 p.fussnote {
	font-size:1em;
	font-weight:normal;
	color:#484549;
	line-height:1.3em;
	margin:5px 0;
}

#content3 .spacer_preise {
	height:10px;
	font-size:10px;	
}

/* CONTENT FüR PRESSE */

#content4 {
	position:absolute;
	height:338px;
	width:980px;
	top:105px;
	left:5px;
	background:#acced0;
	padding:37px 5px 0 5px;
	color:#484549;
	overflow:auto;
}

#content4 a:link img, #content4 a:visited img, #content4 a:active img {
	height:75px;
	width:100px;
	border:#fff 5px solid;
	margin:5px;
}

#content4 a:hover img {
	height:75px;
	width:100px;
	border:#3c4652 5px solid;
	margin:5px;
}

#content4 dl {
	float:left;
	width:120px;
	height:150px;
	overflow:hidden;
}

#content4 dl dd p {
	margin-left:5px;
	width:100px;
	clear:both;
}



/* BILDER VARIANTE 1 */

/* Bild links oben */
#img1 { 
	position:absolute;
	height:185px;
	width:235px;
	top:105px;
	right:170px;
}

/* Bild links unten */
#img2 {
	position:absolute;
	height:185px;
	width:235px;
	top:295px;
	right:170px;
}

/* Bild rechts */
#img3 {
	position:absolute;
	height:375px;
	width:160px;
	top:105px;
	right:5px;
}

/* NUR EIN BILD */

#img4 {
	position:absolute;
	height:375px;
	width:400px;
	top:105px;
	right:5px;
	overflow:hidden;
}

/* BILDER VARIANTE 2 */

/* breites Bild oben */
#img5 {
	position:absolute;
	height:185px;
	width:400px;
	top:105px;
	right:5px;
}

/* Bild unten links */
#img6 {
	position:absolute;
	height:185px;
	width:235px;
	top:295px;
	right:170px;
}

/* Bild unten rechts */
#img7 {
	position:absolute;
	height:185px;
	width:160px;
	top:295px;
	right:5px;
}

/* NORMALE LISTE */
ul.liste {
	font-size:1.2em;
	margin:15px 0 0 15px;
	color:#484549;
	margin-top:15px;
	line-height:1.6em;
}

ul.liste li {
	list-style:square;
	line-height:1.6em;
	width:350px;
}

/* 2-SPALTIGE LISTE */
ul.col1 {
	color:#484549;
	font-size:1.2em;
	list-style:square;
	margin:15px 0 0 15px;
	float:left;
	width:150px;
	line-height:1.6em;
}

/* 2. Spalte ohne list-style */
ul.col2 {
	color:#484549;
	font-size:1.2em;
	list-style:none;
	margin:15px 0 0 150px;
	width:180px;
	line-height:1.6em;
}

/* 2. Spalte mit list-style */
ul.col3 {
	color:#484549;
	font-size:1.2em;
	list-style:square;
	margin:15px 0 0 200px;
	width:150px;
	line-height:1.6em;
}

ul.col4 {
	color:#484549;
	font-size:1.2em;
	list-style:square;
	margin:0 0 0 15px;
	float:left;
	width:150px;
	line-height:1.6em;
}

ul.col5 {
	color:#484549;
	font-size:1.2em;
	list-style:square;
	margin:0 0 0 200px;
	width:150px;
	line-height:1.6em;
}

.event {
	width:100%;
	font-size:1.2em;
	color:#484549;
	margin-top:5px;
	line-height:1.4em;
}

.titel {
	font-weight:bold;
}

.links {
	font-size:1.2em;
}

#map24 {
	position:absolute;
	width:200px;
	height:205px;
	top:65px;
	left:200px;
}

table.doppel {
	font-size:1.2em;
	width:100%;
	color:#484549;
	line-height:1.4em;
}


/*--------- 3.3 SITEMAP ---------*/

ul.sitemap {
	width:790px;
	height:24px;
}

li.sitemap-home {
	list-style:none;
	width:800px;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	line-height:3em;
	text-transform:uppercase;
}

li.sitemap-main {
	display:inline;
	list-style:none;
	float:left;
	width:100px;
	margin:0 2px;
	padding:2px;
	font-weight:bold;
	font-size:1em;
	text-align:left;
	overflow:hidden;
	text-transform:uppercase;
	background:#fff;
	line-height:1.5em;
	color:#484549;
}

li.sitemap-main a:link, li.sitemap-main a:visited, li.sitemap-main a:active {
	color:#484549;
	text-transform:uppercase;
	text-decoration:none;
}

li:hover.sitemap-main {
	text-decoration:none;
	background:#3c4652;
	color:#fff;
}

li:hover.sitemap-main a:link, li:hover.sitemap-main a:visited, li:hover.sitemap-main a:active{
	text-decoration:none;
	background:#3c4652;
	color:#fff;
}

li.sitemap-unter {
	list-style:none;
	float:left;
	margin:0 2px;
	padding:2px;
	font-weight:normal;
	font-size:1em;
	text-align:left;
	overflow:hidden;
	text-transform:uppercase;
	line-height:1.5em;
	background:#3c4652;
	color:#fff;
}

li.sitemap-unter a:link, li.sitemap-unter a:visited, li.sitemap-unter a:active {
	color:#fff;
	text-decoration:none;
	text-transform:none;
}

li.sitemap-unter a:hover {
	color:#3c4652;
	background:#fff;
}

li:hover.sitemap-unter a:link, li:hover.sitemap-unter a:visited, li:hover.sitemap-unter a:active {
	color:#3c4652;
		background:#fff;
	text-decoration:none;
	text-transform:none;
}


li:hover.sitemap-unter {
	list-style:none;
	float:left;
	margin:0 2px;
	padding:2px;
	font-weight:normal;
	font-size:1em;
	text-align:left;
	overflow:hidden;
	text-transform:uppercase;
	line-height:1.5em;
	background:#fff;
	color:#3c4652;
}

li.sitemap-zimmer {
	list-style:none;
	font-weight:normal;
	font-size:.9em;
	line-height:1.1em;
	padding:2px 2px 2px 7px;
	text-transform:none;
	background:#3c4652;
	margin:2px 0 0 0;
	display:block;
	color:#fff;
}

li:hover.sitemap-zimmer {
	list-style:none;
	font-weight:normal;
	font-size:.9em;
	line-height:1.1em;
	padding:2px 2px 2px 7px;
	text-transform:none;
	background:#acced0;
	margin:2px 0 0 0;
	display:block;
	color:#484549;
}

li.sitemap-zimmer a:link, li.sitemap-zimmer a:visited, li.sitemap-zimmer a:active {
	color:#fff;
	text-decoration:none;
	text-transform:none;
}

li.sitemap-zimmer a:hover {
	color:#484549;
}

li:hover.sitemap-zimmer a:link, li:hover.sitemap-zimmer a:visited, li:hover.sitemap-zimmer a:active {
	color:#484549;
	text-decoration:none;
	text-transform:none;
}

/*--------- 3.4 FORMULAR ---------*/

#formular {
	color:#484549;
	font-size:1.2em;
}

#formular h2 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#484549;
	line-height:1.8em;
}

#formular p {
	font-size:1em;
}

label {
	display:block;
	float:left;
	width:90px;
	height:14px;
}

label.antwort {
	width:150px;
}

label.buchen {
	display:block;
	float:left;
	width:170px;
	height:14px;
}

label.kurz {
	display:block;
	float:left;
	width:85px;
	padding-left:5px;
	padding-top:1px;
	height:14px;
}

label.rechts {
	float:right;
	width:300px;
}

input.checker {
	float:left;
	width:20px;
	height:14px;
}

input.gender {
	width:auto;
}
input {
	margin-bottom:1px;
	font-family:Helvetica, Arial, sans;
	font-size:1em;
	width:200px;
	color:#484549;
	height:14px;
}

select.buchen {
	margin-bottom:1px;
	font-family:Helvetica, Arial, sans;
	font-size:1em;
	width:200px;
	color:#484549;
	padding:0;
}

textarea {
	margin:0 0 1px 0;
	font-family:Helvetica, Arial, sans;
	font-size:1em;
	width:200px;
	min-width:200px;
	max-width:200px;
	height:50px;
	min-height:50px;
	max-height:50px;
	color:#484549;
	height:65px;
}

input#submit {
	background:#3c4652;
	color:#fff;
	margin-left:90px;
	width:auto;
	height:20px;
	margin-top:2px;
}

input#wettbewerbSubmit {
	background:#3c4652;
	color:#fff;
	width:auto;
	height:20px;
	margin-top:2px;
}

input#buchensubmit {
	background:#3c4652;
	color:#fff;
	margin-left:170px;
	width:auto;
	height:20px;
	margin-top:2px;
}

input.radiobuchen {
	margin-bottom:1px;
	font-family:Helvetica, Arial, sans;
	font-size:1em;
	width:14px;
	color:#484549;
	height:14px;
}


input#newsletter, input#brosch {
	width:auto;
}

/*--------- 3.5 SBB-FAHRPLAN ---------*/

input.radio {
	width:auto;
	height:1.1em;
}

/*--------- 3.6 PREISTABELLE ---------*/

.preise {
	width:635px;
	font-size:1.2em;
	color:#484549;
}

.preise tr.titelzeile {
	background:#e1f1f2;
	padding:0;
	line-height:1em;
	text-transform:uppercase;
}

.preise tr.zeile1 {
	background:#fafafa;
	padding:0;
	line-height:1em;
}

.preise tr.zeile1:hover {
	background:#3c4652;
	color:#fafafa;
	padding:0;
	line-height:1em;
}

.preise tr.zeile2 {
	background:#e1f1f2;
	padding:0;
	line-height:1em;
}

.preise tr.zeile2:hover {
	background:#3c4652;
	color:#fafafa;
	padding:0;
	line-height:1em;
}

tr.theader {
	height:16px;
	font-weight:bold;
}

/*--------- 4.1 LIGHTBOX ---------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../d/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../d/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../d/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}