/*
	CSS-Document
	This file is part of www.protea-tours.de
	
	Falk von Zydowitz
	www.pixel-worker.de
	April 2006

*/

/*
color definitions
mittelgelb: F4D280
dunkelbraun: 402A15
orangebraun: BD6600
linkfarbe: 15578E

*/

#footInner a, #footInner a:hover {
	color: #000;
	text-decoration: none;
}

.csi-text {
	margin: 0px;
	padding: 0px;temp.backbutton
}

.bodytext {
	margin-right: 10px;
	text-align: justify;
}

.menu_root_o {
	background-color: #F4D280;
	margin-bottom: 5px;
	padding: 6px;
}

.menu_root_i {
	background-color: #FCF9E6;
	padding: 2px;
	border: 1px #DA9229 solid;
}
.menu_root_i a
{
	color: #000;
}
.menu_root_i a:hover
{
	color: #BD6600;
}

.history_back_o {
	background-color: #F4D280;
	margin-bottom: 5px;
	padding: 6px;
	width: 60px;
}

.history_back_i {
	background-color: #FCF9E6;
	padding: 2px;
	border: 1px #DA9229 solid;
	text-align: center;
}

.history_back_i a
{
	color: #000;
}

.history_back_i a:hover
{
	color: #BD6600;
}

.history_back_o_en {
	background-color: #F4D280;
	margin-bottom: 5px;
	padding: 6px;
	width: 150px;
}

.history_back_i_en {
	background-color: #FCF9E6;
	padding: 2px;
	border: 1px #DA9229 solid;
	text-align: center;
}

.history_back_i_en a
{
	color: #000;
}

.history_back_i_en a:hover
{
	color: #BD6600;
}

/* common styles */
* {margin:0; padding:0;}
.hideme {display:none;}
a {color:#15578E; text-decoration:none;}
img {border:none;}
br.clear {clear:both;}
a.mehrinfos {
	display:block;
}
/* EO common styles */


body {
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#fff url('../img/body_bg_brown.png') top center repeat-y;
}


/* main container */
#page {
	display:block;
	position:relative;
	width:900px;
	background: transparent;
	margin-left:-450px;
	left:50%;
}
/* EO main container */


/* header */
#head {
	display:block;
	position:relative;
	top:0; left:0;
	width:100%; height:192px;
	background: #fff ;
}
/* EO header */


/* main navigation */
#mainnav {
	position:relative;
	top:0;	left:0;
	width:100%;	height:35px;
	background: #fff url('../img/mainnav_bg.gif') repeat-x;	
}
#mainnav h2 {display:none;}
#mainnav ul {
	list-style:none;
	margin:0 10px 0 10px;
}
#mainnav ul li {
	display:inline;
	height:35px;
}
#mainnav ul li a {
	display:block;
	float:left;
	height:27px;
	margin:0 0 0 10px;
}
#mainnav ul li span {
	display:none;
}
#mainnav ul li a {width:auto; height:35px; border:none;}
#mainnav ul li a img {border:none;}

/*
#mainnav ul li#id_nav_start a {width:94px; background: url('../img/nav_start_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_start a:hover {width:94px; background: url('../img/nav_start_1.gif') top center no-repeat;}
#mainnav ul li#id_nav_start.active a {width:94px; background: url('../img/nav_start_2.gif') top center no-repeat;}

#mainnav ul li#id_nav_angebote a {width:90px; background: url('../img/nav_angebote_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_angebote a:hover {width:90px; background: url('../img/nav_angebote_1.gif') top center no-repeat;}
#mainnav ul li#id_nav_angebote.active a {width:90px; background: url('../img/nav_angebote_2.gif') top center no-repeat;}

#mainnav ul li#id_nav_reiseinfos a {width:93px; background: url('../img/nav_reiseinfos_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_reiseinfos a:hover {width:93px; background: url('../img/nav_reiseinfos_1.gif') top center no-repeat;}
#mainnav ul li#id_nav_reiseinfos.active a {width:93px; background: url('../img/nav_reiseinfos_2.gif') top center no-repeat;}

#mainnav ul li#id_nav_kontakt a {width:92px; background: url('../img/nav_kontakt_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_kontakt a:hover {width:92px; background: url('../img/nav_kontakt_1.gif') top center no-repeat;}
#mainnav ul li#id_nav_kontakt.active a {width:92px; background: url('../img/nav_kontakt_2.gif') top center no-repeat;}

#mainnav ul li#id_nav_laender a {width:137px; background: url('../img/nav_laender_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_laender a:hover {width:137px; background: url('../img/nav_laender_1.gif') top center no-repeat;}
#mainnav ul li#id_nav_laender.active a {width:137px; background: url('../img/nav_laender_2.gif') top center no-repeat;}
*/
#mainnav ul li#printlink 
{
	float: right;
}

#mainnav ul li#printlink a
{
	background: url('../img/print_de.gif') top center no-repeat;
	position: relative;
	left: 10px;
	width: 90px;
}

#mainnav ul li#printlink_en
{
	float: right;
}

#mainnav ul li#printlink_en a
{
	background: url('../img/print_en.gif') top center no-repeat;
	position: relative;
	left: 10px;
	width: 90px;
}

#mainnav ul li#id_nav_english {float:right;}
#mainnav ul li#id_nav_english a {width:90px; background: url('../img/nav_english_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_english a:hover {width:90px; background: url('../img/nav_english_1.gif') top center no-repeat;}

#mainnav ul li#id_nav_deutsch {float:right;}
#mainnav ul li#id_nav_deutsch a {width:90px; background: url('../img/nav_deutsch_0.gif') top center no-repeat;}
#mainnav ul li#id_nav_deutsch a:hover {width:90px; background: url('../img/nav_deutsch_1.gif') top center no-repeat;}


/* EO main navigation */

.sublist1 .item
{
	display: block;
	width: 120px;
	border-bottom: 1px #989898 solid;
	border-right: 1px #989898 solid;
	background: #E5E5E5;
	line-height: 25px;
	min-height: 25px;
	margin-bottom: 5px;
}

.sublist1 .active
{
	display: block;
	width: 120px;
	border-bottom: 1px #989898 solid;
	border-right: 1px #989898 solid;
	background: #F4D280;
	line-height: 25px;
	min-height: 25px;
	margin-bottom: 5px;
}

.sublist1 a
{
	font-weight: bold;
	margin-left: 5px;
	color: #000;
}

.sublist1 .active a
{
	color: #BD6600;
}

.sublist2 .item, .sublist2 .active
{
	display: block;
	width: 120px;
	line-height: 20px;
	min-height: 20px;
	border: 0px;
	background: #EFEFEF;
	margin-bottom: 0px;
}


.sublist2 a
{
	font-weight: normal;
	margin-left: 10px;
	border: 0px;
	font-size: 12px;
	color: #000;
}

.sublist2 .active a
{
	color: #BD6600;
}

.sublist2 .item a
{
	color: #000000;
}

.sublist3 .item, .sublist3 .active
{
	display: block;
	width: 120px;
	line-height: 15px;
	min-height: 15px;
	border: 0px;
	margin-bottom: 0px;
}

.sublist3 a
{
	font-weight: normal;
	margin-left: 15px;
	border: 0px;
	font-size: 10px;
	color: FFF;
}
#cont {display:block;}
#contInner {
	display:block;
	margin:13px 0 0 0;
}

/* unterscheidung ob mit oder ohne subnavigation */
#contInner #content {
	width:880px;
	margin:0 0 0 10px;
}
#contInner.with_subnav #content {
	width:760px;
	margin:0 0 0 130px;
	_margin:0 0 0 127px;
}
#contInner.with_subnav #content.angebot {
	width:760px;
}

#contInner #subnav {display:none;}
#contInner.with_subnav #subnav {display:block; margin-left: 3px;}
/* EO unterscheidung ... */


/* dynamic content */
#content {
	display:block;
	height:auto;
}
#content h2 {
	width:auto; height:auto;
	background: transparent; /* #ddd; */
	font-size:20px;
	font-family:"Viner Hand ITC", Georgia, serif;
	font-weight:normal;
}
#content h2.slide_1 {
	height:40px;
	background: #F4D280 url('../img/headline_bg.png') left top no-repeat;
	margin:0 0 3px 0;
	overflow:hidden;
}
#content.angebot h2.slide_1 {
	margin:0 0px 3px 0;
}
#content h2.slide_1 span.left {
	height:40px;
	display:block;
	background: url('../img/headline_bg.png') right top no-repeat;
	margin:0 0 0 80px;
}
#content h2.slide_1 span.left span {
	display:block;
	text-align:center;
	padding: 0 0 0 0;
	margin:0 80px 0 0;
	line-height:40px;
}


#content h2.normal {
	margin:1em 0;
}
#content p.header_1 { /* alternativ */
	width:auto; height:auto;
	background: transparent;
	font-size:20px;
	font-family:"Viner Hand ITC", Georgia, serif;
	font-weight:normal;
	margin:1em 0;	
}


#content p.fliesstext {
	font-size:12px;
	line-height:140%;
	margin:0 auto 1em auto;
}

#content p.header_2 {
	width:auto; height:auto;
	background: transparent;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 0 0.4em 0;
}


#content p.zitat {
	font-size:13px;
	line-height:140%;
	font-style:italic;
	padding:0.3em 1em;
	background:#FDFDF2;
	border:1px dashed #DA9229;
	/*margin:0.2em 5em 0.2em 1em;*/
	margin:0.2em 0 0.7em 1em;
	width:350px;
}


#content ul {
	margin:0 2.2em;
	list-style-type:disc;
}
#content ol {
	margin:0 2.2em;
}

/* EO dynamic content */



/* sub navigation */
#subnav {
	width:120px; height:auto;
	float:left;
}
#subnav h2 {display:none;}

#subnav ul#level1 {
	list-style:none;
	font-size:12px;
	font-weight:bold;
	color:#402A15;
}
#subnav ul#level1 li {
	width:auto;	height:auto;
	background-color:#e5e5e5;
	border-top:1px solid #fff;
	border-bottom:1px solid #bfbfbf;
	padding:0 0 0 10px;
}
#subnav ul#level1 li a {
	display:block;
	padding:4px 2px 4px 0;
}
#subnav ul#level1 li#level1open a {
	color:#BD6600;
}
#subnav ul#level2 {
	list-style:none;
	font-size:11px;
	font-weight:normal;
	color:#402A15;
	margin:0 2px 4px 8px;
}
#subnav ul#level2 li.level2 {
	width:100%;
	height:auto;
	border:none;
	line-height:12px;
	padding:0 0 5px 0;
	color:#402A15;
}
#subnav ul#level2 li.level2 a {
	display:block;
	color:#402A15;
}
#subnav ul#level2 li#level2open a {
	color:#BD6600;
	font-weight:bold;
}
/* EO sub navigation */



/* footer */
#foot {
	position:relative;
	top:0; left:0;
	display:block;
	clear:both;
	width:100%;	height:130px;
	font-size:10px; line-height:15px;
	background: #fff url('../img/footer_bg_africa.png') no-repeat;
	overflow:hidden;
}
#footInner {
	position:absolute;
	width:100%;
	bottom:8px;
	text-align:center;
}
/* EO footer */


/* spezielle Styles
	hier kommen alle styles aus den verschiedenen bereichen
	spezielle elemente, die nicht wiederkehrend sind oder
	feste funktionen besitzen aber ohne einfluss auf das framework sind.
*/ 

/* -- common --*/
#id_satsa {margin:10px 0 10px 3px;}
#id_satsa span {display:block; margin:0 0 5px 5px;}

#content div.box {
	position:relative;
	width:auto; height:auto;
	border:6px solid #F4D280;
	border-collapse:collapse;
}
#content div.boxInner {
	position:relative;
	width:auto; height:auto;
	border:1px solid #DA9229;
	background-color:#FCF9E6;
}
#content div.boxInner.bild {
	line-height:0px; font-size:0px;	
}
/* -- EO common -- */


/* -- home -- */
#content div.homeBox .image {
	display:block;
	position:absolute;
	width:433px; height:473px;
	line-height:0px;
}
#content div.homeBox .text {
	display:block;
	position:relative;
	top:0px; left:433px;
	width:363px; height:421px; /* reale groesse = innere groesse + padding */
	padding:25px 35px 25px 35px;
	overflow:visible;
	font-size:14px;
	line-height:19px;
}
/* -- EO home -- */


/* -- angebot -- */
#id_searchbox {
	width:auto; height:auto;
	padding:5px 10px 5px 10px; margin:0 0 7px 0;
	border:1px solid #DA9229;
	background-color:#FCF9E6;
}
#content.angebot #id_searchbox {
	margin:0 10px 7px 0;
}
#id_searchbox div {
	display:inline;
	margin:0 20px 0 0;
}
#id_searchbox select {
	width:70px;
	text-align:left;
}
#id_searchbox div#id_suche {
	float:right;
	margin:0;
}

div.co_angebote {
	display:block;
	width:auto; height:auto;
}
div.angebotBox {
	width:364px; height:auto; /* 220px -12 padding */
	border:6px solid #F4D280;
	border-collapse:collapse;
	float:left;
	margin:0 4px 4px 0;
}
div.angebotBox.rechts {
	/* margin:0 0 4px 4px;
	margin:0; */
}
div.angebotBoxInner {
	width:auto; height:99%;
	border:1px solid #DA9229;
	background-color:#F2E1A7; /*FCF9E6;*/
}

div.angebotBoxInner h3 {
	display:block;
	width:auto; height:48px;
	background:#fff;
	border-bottom:1px solid #DA9229;
	font-size:16px;
	line-height:24px;
	color:#444;
	padding:0 5px 0 5px;
}
div.angebotBoxInner div.minimap {
	display:block;
	float:right;
	width:120px; height:142px;
	overflow:hidden;
}
div.angebotBoxInner div.infotext {
	position:relative;
	display:block;
	width:230px; _width:228px;
	height:130px; /* 142px -12 padding */
	overflow:hidden;
	padding:7px 4px 5px 6px;
	font-size:12px;
	line-height:15px;
	background:#F2E1A7;
	border-right:1px solid #DA9229;
}
div.angebotBoxInner div.infotext p.reisezeit {
	position:absolute;
	bottom:3px; left:6px;
}
div.angebotBoxInner div.figures {
	width:auto; height:30px;
	padding:0 5px 0 5px;
	background-color:#FCF9E6;
	border-top:1px solid #DA9229;
}
div.angebotBoxInner div.figures div {
	display:inline;
	line-height:32px;
	font-weight:bold;
}
div.angebotBoxInner div.figures div.dauer {
	float:left;
	color:#000;
}
div.angebotBoxInner div.figures div.preis {
	float:right;
	color:#b00;
}
/* -- EO angebot -- */


/* reiseverlauf */
div.boxInner.reiseverlauf .maininfo {
	position:relative;
	border-bottom:1px solid #DA9229;
	height:300px;
}
div.boxInner.reiseverlauf .normalmap {
	position:relative;
	float:left;
	width:330px; height:300px;
	border-right:1px solid #DA9229;
}
div.boxInner.reiseverlauf .infotext {
	position:relative;
	float:left;
	width:383px; height:180px;
	padding:10px 15px 10px 15px;
}
div.boxInner.reiseverlauf .figures {
	position:relative;
	float:right;
	width:383px; height:90px;
	overflow:hidden;
	padding:0 15px 0 15px;
	background-color:#FCF9E6;
}

div.boxInner.reiseverlauf .figures a.angebot {
	float:right;
}
div.boxInner.reiseverlauf div.figures div {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
div.boxInner.reiseverlauf div.figures div.dauer {
	color:#000;
}
div.boxInner.reiseverlauf div.figures div.preis {
	color:#b00;
	margin:0 0 10px 0;
}
table.stationen {
	clear:both;
	display:block;
	width:747px; height:auto;
	border:0px solid #ddd;
}
table.stationen td {
	vertical-align:top;
}
table.stationen td.number, table.stationen td.tourimage{
	width:240px;
	padding:10px 0 0 15px;
}
table.stationen td.number, table.stationen td.headline {
	height:60px;
}
table.stationen td.number span {
	display:block;
	width:40px; height:40px;
	background:url('../img/bullet_bg.png') no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	line-height:40px;
}
table.stationen td.headline .head {
	display:block;
	margin:20px 0 0 0;
	font-weight:bold;
	font-size:14px;
}
table.stationen td.tourimage img {
	float:left;
	border:1px solid #DA9229;
}
table.stationen td.longtext {
	padding:8px 20px 20px 0;
	font-size:14px;
	line-height:18px;
}
/* EO reiseverlauf */


/* galerie */
td.iflow-td-image-and-description {
	width:185px; height:170px;
	overflow:hidden;
	background:#f2f2f2;
}
td.iflow-td-image-and-description:hover {
	background:#ddd;
}
td.iflow-td-image-and-description a img {
	border-style:none;	
}
/* EO galerie */

table.stationen td.tourimage img { margin-bottom: 20px; }
p.stationDetail { padding: 0 30px 10px 0; }
img.stationDetail { padding: 10px 30px 10px 0; }
div#pagenav {
	float:right;
	margin-top:20px;
	margin-right: 20px;
}
div#pagenav a {
	color:#000000;
	font-weight:bold;
}
div#prevpage { float:left; }
div#fill {
	float:left;
	padding-left:10px;
	padding-right:10px;
}
div#nextpage { float:left; }

/* shar + */
div.csi-textpic { width:868px; border:6px solid #F4D280; border-collapse:collapse; background-color:#FCF9E6; }
div.csi-textpic p { margin-left:26px; font-size:14px; line-height:19px; }
p.headlineWithBackground { width: 760px; height:40px; background: #FFFFFF url('../img/headline_bg_760.png') left top no-repeat; margin:0 0 3px 0; overflow:hidden; font-size:20px; font-family: "Viner Hand ITC", Georgia, serif; font-weight:normal; text-align: center; padding-top: 4px; }
img.imageWithFrame { border:6px solid #F4D280; border-collapse:collapse; background-color:#FCF9E6; padding: 0px; margin-bottom: 8px; }
img.imageSpaceRight { padding-right:10px; }
img.imageSpaceLeft{ padding-left:10px; }

/* gästebuch-extension */
.tx-veguestbook-pi1 {margin:20px;}
.tx-veguestbook-pi1 input, .tx-veguestbook-pi1 textarea { margin:auto auto auto 20px;}
.tx-veguestbook-pi1 a {color:#DA9229; }
.tx-guestbook-list-header { background: #fff; /*#FCF9E6*/ padding:2px 5px; color: #000; font-weight:bold; line-height:20px; border-bottom-style:dashed; border-bottom-width:1px; border-color:#F4D280; }
.tx-guestbook-list-row { background-color: #fff; /*#FCF9E6*/ padding:2px 5px; }
.tx-guestbook-list-rowleft { background-color: #fff; /*#FCF9E6*/ padding:2px 5px; }
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
.tx-guestbook-latest-header { background-color: #539521; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 9px; color: #666666; }
.tx-guestbook-form-inputfield-med { border-style: auto; border-width: auto; border-color:auto; font-size:12; color:#333333; width:200px; height:20; }
.tx-guestbook-form-inputfield-big { border-style: auto; border-width: auto; border-color:auto; font-size:12; color:#333333; width:400px; height:20; }
.tx-guestbook-form-textarea { border-style: auto; border-width: auto; border-color:auto; font-size:12; color:#333333; width:400px; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }

table.kontakt td {padding:0 0 5px 0; vertical-align:top;}

.reiseverlauf p.bodytext { display: none; }

.stationen { border: 0px; }