
body
{
	background:#004c70; /*url('../img/background_body.jpg') fixed repeat-x;*/
	font-family:tahoma;
	font-size:14px;
	color:#2c2c2c;
	padding:0px;
}

#container
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:white;
}

.wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#head
{
	background:url('../img/background_banner.png') repeat-y;
}

.cookie-hinweis__link {
	float: right;
	margin-left: 1rem;
}

.cookie-hinweis {
	font-size: 0.875rem;
	color: rgb(255, 255, 255);
	background-color: rgba(200, 200, 200, 1);

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px;
	z-index: 10000;
}

.cookie-hinweis + .site {
	padding-top: 45px;
}


#banner
{
	padding-top:22px;
	padding-bottom:11px;
	position:relative;
	height:215px;
}

#banner div.slide
{
	position:absolute;
	top:22px;
	left:0;
}

#banner span.text
{
	display:block;
	position:absolute;
	top:150px;
	right:13px;
	color:#0e65a7;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
}

#banner img
{
	z-index:1;
}

#topmenu
{
	height:29px;
	padding-left:13px;
}

#main
{
	float:right;
	width:740px;
	margin:13px;
	min-height:600px;
}

#footer
{
	clear:right;
	margin-left:13px;
	margin-right:13px;
	padding-bottom:24px;
	font-size:10px;
}


/*Topmenü*/

#topmenu a
{
	display:block;
	float:left;
	width:134px;
	height:25px;
	text-align:center;
	color:white;
	background:url('../img/background_topmenu_button.png') repeat-y;
	margin-right:3px;
	padding-top:4px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}

#topmenu a:hover
{
	font-weight:bold;
	background:url('../img/background_topmenu_button_hover.png') repeat-y;
}

#topmenu div.telefon
{
	padding-top:2px;
	text-align:right;
	margin-right:15px;
	font-weight:bold;
}

#topmenu div.telefon img
{
	vertical-align:middle;
	margin-right:5px;
}

/* Linkes Menü*/
#leftmenu
{
	float:right;
	width:221px;
	margin-top:13px;
	margin-left:13px;
}

#leftmenu .submenu1,
#leftmenu .submenu2
{
	display: none;
}

#leftmenu a
{
	color:white;
}

#leftmenu ul
{
	list-style:none outside none;
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
}

#leftmenu li
{
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}

#leftmenu li.ebene0
{
	background: transparent url('../img/background_left_caption.png') no-repeat 0 0;
	padding-left:10px;
	margin-bottom:1px;
	font-weight:bold;
	border:1px solid #cbcbcb;
	cursor:pointer
}

#leftmenu li.submenu1
{
	margin-bottom:2px;
}

#leftmenu li.ebene1
{
	padding-left:15px;
	background: transparent url('../img/background_left_list.png') no-repeat;
	border:1px solid #cbcbcb;
}

#leftmenu li.submenu2
{
	margin-bottom:2px;
}

#leftmenu li.ebene2
{
	padding-left:20px;
	background: transparent url('../img/background_left_list2.jpg') no-repeat;
	border:1px solid #cbcbcb;
}

#leftmenu span.pfeil
{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:5px;
	left:200px;
}

#leftmenu li.open span.pfeil
{
	background:transparent url('../img/menu_pfeil_open.png') no-repeat;
}

#leftmenu li.close span.pfeil
{
	background:transparent url('../img/menu_pfeil_close.png') no-repeat;
}

/* Footer */

#bottommenu
{
	width:400px;
	border-top:1px solid #969696;
	padding-top:13px;
	float:left;
}

#bottommenu a
{
	padding-right:2px;
	color:#2c2c2c;
	font-weight:bold;
}

#bottommenu a + a
{
	border-left:2px solid #2c2c2c;
	padding-left:6px;
}

#footer div.copyright
{
	text-align:right;
	padding-top:13px;
	color:#969696;
}

#footer div.copyright a
{
	color:#969696;
}


/* Allgemein */

.clearleft
{
	clear:left;
	height:0px;
}

a
{
	text-decoration:none;
}

img
{
	border:none;
	vertical-align:middle;
}

input,
select,
textarea
{
	border:1px solid #999999;
}

.datum
{
	width:67px;
}

div.buttons a
{
	background:transparent url('../img/background_button.png') repeat-x;
	display:block;
	border:1px solid #ababab;
	width:120px;
	float:left;
	text-align:center;
	padding:3px;
	margin-right:3px;
	color:white;
	font-weight:bold;
}

div.buttons a.breit
{
	width: 240px;
}

div.buttons a img
{
	vertical-align:middle;
	margin:3px;
}

/* layoutpage */
#layoutdisplay
{
	background:transparent url('../img/block_background.png') repeat-y;
}

#layoutdisplay h1
{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	margin:0px;
	padding:6px;
	background:transparent url('../img/block_caption.png') repeat-y;
}

#layoutdisplay div.block
{

	padding:5px;
	width:235px;
	border:1px solid #c4c4c4;
	height:265px;
	height:275px\9;
}

#layoutdisplay div.block img
{
	width:235px;
	height:156px;
}

#layoutdisplay div.block h2, #layoutdisplay div.block a
{
	font-size:14px;
	font-weight:bold;
	color:#3C6797;
}

/* Reisenliste */

#reisenliste div.pager
{
	background:#1466af;
	padding:2px;
	padding-left:13px;
}

#reisenliste div.pager a
{
	color:white;
}


#reisenliste div.pager a.page1
{
	color:#2c2c2c;
}

#reisenliste div.liste
{
	padding-bottom:21px;
}

#reisenliste div.intro
{
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	padding: 6px;
	background:white;
}
#reisenliste div.row
{
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}

#reisenliste div.background0
{
	background:white;
}

#reisenliste div.background1
{
	background:#aad8ff;
}

#reisenliste div.image
{
	float:left;
	width:200px;
	padding:6px;
}

#reisenliste div.image img
{
	border:1px solid #23548a;
	width:198px;
	height:145px;
}

#reisenliste div.beschreibung
{
	padding:6px;
	float:left;
	width:318px;
	border-left:1px solid #c7c7c7;
	height:150px;
}

#reisenliste div.row h2 {
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
}

#reisenliste div.row h2 a {
	color:#3c6797;
}

#reisenliste div.preis
{
	float:left;
	width:90px;
	padding:6px;
	padding-top:36px;
	height:120px;
	border-left:1px solid #c7c7c7;
	text-align:right;
	font-size:18px;
}

#reisenliste div.links
{
	padding:6px;
	padding-top:36px;
	height:120px;
	float:left;
	border-left:1px solid #c7c7c7;
}

#reisenliste div.links a
{
	color:#2c2c2c;
	display:block;
	margin-bottom:10px;
	padding-left:12px;
	background: transparent url('../img/link_pfeil.png') no-repeat;
}

#reisedisplay img
{
	border:1px solid #23548a;
}

#reisedisplay div.main img.mainpicture
{
	float:left;
	margin:13px;
	margin-left:0px;
	width:400px;
}

#reisedisplay div.main img.thumb1
{
	float:left;
	margin-top:13px;
	margin-right:13px;
	width:152px;
	height:99px;
	cursor:pointer;
}

#reisedisplay div.main img.thumb2
{
	float:left;
	margin-top:13px;
	width:152px;
	height:99px;
	cursor:pointer;
}

#reisedisplay a.pdf,
#reisedisplay a.preisanfrage
{
	display:block;
	float:right;
	width:138px;
	height:22px;
	margin-top:30px;
	text-align:center;
	padding:6px;
	color:white;
	font-weight:bold;
}
#reisedisplay a.preisanfrage
{
	background:transparent url('../img/button_preisanfrage.gif') no-repeat;
}
#reisedisplay a.pdf
{
	margin-right:10px;
	background:transparent url('../img/button_reisepdf.png') no-repeat;
}

#reisedisplay a.pdf img,
#reisedisplay a.preisanfrage img
{
	border:none;
}

#reisedisplay div.tabs
{
	background:transparent url('../img/block_caption.png') repeat-y;
	padding:6px;
}

#reisedisplay div.tabs a
{
	font-weight:bold;
	color:white;
	transparent url('../img/block_caption.png') repeat-y;
	width:180px;
	padding:6px;
}

#reisedisplay div.tabs a.inactive
{
	text-decoration:underline;
}

#reisedisplay div.tabs a+a
{
	border-left:2px solid white;
}

#reisedisplay h3
{
	clear:both;
}

#reisedisplay table.terminuebersicht th
{
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

#reisedisplay table.terminuebersicht th.saison
{
	width:100px;
}


#reisedisplay table.terminuebersicht th.zeitraum
{
	width:200px;
}

#reisedisplay table.terminuebersicht th.preis
{
	width:70px;
}

#reisedisplay table.terminuebersicht td.preis
{
	text-align:right;
}

#reisedisplay div.bilder
{
	float:left;
	width:357px;
	margin-right:13px;
}

#reisedisplay div.bilder img
{
	width:100%;
	height:272px;
}
#reisedisplay div.videos img
{
	width: 120px;
	height: 80px;
}

#reisedisplay div.bilder a
{
	display:block;
	width:100%;
	padding-top:13px;
}

#reiserequest #alter
{
	display:none;
	clear:left;
	padding:10px 0;
}

#reiserequest #alter label
{
	width:67px;
}

#reiserequest #alter input.alter
{
	float:left;
	width:67px;
	margin:0 10px 0 0;
}

#reiserequest div.block,
#reisebook div.block
{
	background:#aad8ff;
	margin-bottom:10px;
}

#reisedisplay div.block div.caption,
#reiserequest div.block div.caption,
#reisebook div.block div.caption
{
	padding:13px;
	background:transparent url('../img/block_caption.png') repeat-y;
}

#reisedisplay div.block div.caption h2,
#reiserequest div.block div.caption h2,
#reisebook div.block div.caption h2
{
	font-size:18px;
	color:white;
	margin:0px;
}

#reiserequest div.block div.main,
#reisebook div.block div.main
{
	padding:13px;
}

#reiserequest div.row,
#reisebook div.row
{
	clear:left;
	margin-bottom:6px;
}

#reiserequest .unsichtbar, #reisebook .unsichtbar
{
	display:none;
}

#reiserequest label,
#reisebook label
{
	display:block;
	float:left;
	width:135px;
}
#reiserequest .cor-label {}
#reiserequest .cor-label[data-sichtbar=""] {visibility: hidden;}

#reiserequest div.felder
{
	float:left;
	width:120px;
}

#reiserequest div.uhrzeitdummy
{
	float:left;
	width:255px;
	height:20px;
}

#reiserequest select.zahlen
{
	width:60px;
}

#reiserequest select.uhrzeit
{
	width:60px;
}

#reiserequest input.uhrzeit
{
	width:40px;
	border:0px;
	background:#AAD8FF;
}

#reiserequest div.block div.caption img
{
	vertical-align:middle;
}

#reiserequest div.block div.caption h3,
#reisebook div.block div.caption h3
{
	font-size:14px;
	font-weight:bold;
	display:inline;
	color:white;
	margin:0px;
}

#reiserequest div.ebsmeldung,
#reisebook div.ebsmeldung
{
	background:#a0ed95;
	padding:13px;
	font-size:18px;
}

/* Reisebook */

#reisebook table.preisuebersicht
{
	width:100%;
	border:none;
    empty-cells:show;
    border-collapse:collapse;
    border-spacing:0px;
	margin-top:20px;
}

#reisebook table.preisuebersicht th
{
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

#reisebook table.preisuebersicht th.datum,
#reisebook table.preisuebersicht td.datum
{
	width:175px;
}

#reisebook table.preisuebersicht th.status
{
	width:110px;
}

#reisebook table.preisuebersicht th.leistung
{
	width:255px;
}

#reisebook table.preisuebersicht tr.zeile td
{
	font-size:14px;
	padding-top:13px;
}

#reisebook table.preisuebersicht tr.zeile td.gesamtpreistext
{
	text-align:right;
	font-weight:bold;
}

#reisebook table.preisuebersicht tr.zeile td.gesamtpreis
{
	font-weight:bold;
}

#reisebook table.preisuebersicht td.preis
{
	text-align:right;
}

#reisebook div.main h3
{
	margin:0px;
	margin-bottom:5px;
	color:#114782;
	font-size:14px;
	font-weight:bold;
}

#reisebook input
{
	width:300px;
}

#reisebook textarea
{
	width:300px;
	height:150px;
}

#reisebook input.plz
{
	width:67px;
	margin-right:13px;
}

#reisebook input.ort
{
	width:212px;
}

#reisebook input.datum
{
	width:67px;
}

#reisebook input.checkbox
{
	float:left;
	width:auto;

	margin-right:20px;
}

#reisebook .readonly
{
	background:#aad8ff;
	border:none;
}

#reisebook #AGBROW
{
	margin-top:20px;
}

input.error
{
	background:#ff7878;
}


/* Textseite */

#textdisplay h2
{
	margin:0px;
	margin-bottom:10px;
	color:#114782;
	font-size:18px;
}

#textdisplay iframe
{
	border:none;
	outline:none;
}

#reisedisplay h3,
#textdisplay h3
{
	margin-top:10px;
	margin-bottom:10px;
	color:#114782;
	font-size:14px;
	font-weight:bold;
}

#textdisplay img.hauptbild
{
	float:right;
	max-width:300px;
	margin-left:10px;
	margin-bottom:10px;
}

#textdisplay p
{
	margin-top:5px;
	margin-bottom:5px;
}

/*** AGENTURLOGIN ***/
#AgenturLogin .zeile {
	margin-bottom:10px;
}
	#AgenturLogin label {
		width: 135px;
		display: block;
		float:left;
	}
	#AgenturLogin .zeile a {text-decoration:underline;}

/*** AGENTUR-NEUANMELDUNG ***/
#AGTREGISTER {}
	#AGTREGISTER .zeile {clear:left;}
		#AGTREGISTER .zeile label {width:160px; float:left;}

.form .danke {display:none;}

table#buchungsliste {width:100%; border-collapse:collapse;}
	#buchungsliste .none {display:none;}
	#buchungsliste .aright {text-align:right;}
	#buchungsliste th {text-align:left; border-bottom:1px #444 solid;}
	#buchungsliste th, #buchungsliste td {padding:2px 5px;}

	#buchungsliste .pagerleft, #buchungsliste .pagercenter, #buchungsliste .pagerright {border-top:1px #444 solid;}
	#buchungsliste .pagercenter {text-align:center;}

	#buchung {font-size:0.85em;}
		#buchung .body .label {display:inline-block; width:135px; font-weight:bold;}
		#buchung .body .status {display:none;}
		#buchung .body .OP .op {display:inline;}
		#buchung .body .OK .ok {display:inline;}
		#buchung .body .XX .xx {display:inline;}
		#buchung .body .RQ .rq {display:inline;}
		#buchung .aright {text-align:right;}
		#buchung button {
			float:right;
			display: block;
			width: 138px;
			height: 34px;
			margin-top: 30px;
			text-align: center;
			padding: 6px;
			color: white;
			font-weight: bold;
			background:#10437B url(../img/button_preisanfrage.gif) 0 0 no-repeat;
		}

		#buchung table {border-collapse:collapse; width:100%;}
			#buchung table th {border-bottom:1px #444 solid; text-align:left;}
			#buchung table td {padding-bottom:10px; vertical-align:top;}

		#buchung table.leistungen {margin-top:20px;}
			#buchung table.leistungen th {text-align:left;}
			#buchung table.leistungen .datum {width:135px;}

		#buchung table.teilnehmer {}
			#buchung table.teilnehmer .gebdatum {width:135px;}
