/*****************************************************************
 * Style for erlebe-kuba.de / sunrise
 *----------------------------------------------------------------
 *
 * Author: Ralph Dors <rdors@online-systeme.de>
 * Author: Michael Eberle <meberle@online-systeme.de>
 *
 * Date: 17.12.2004 - 22.12.2004
 * Version: 1.0
 *****************************************************************/

html { margin: 0; padding: 0; background: url(/images/bg.gif) repeat-y; }
body { margin: 5px 10px 0 0; padding: 0; background: url(/images/Logo2.gif) top right no-repeat; }
html>body { margin: 5px 5px 0 0; }
a { color: #FE7900; text-decoration:none;}
a:link { color: #FE7900; text-decoration:none;}
a:hover { color: #000; text-decoration: underline;}

.clear { clear: both; }
.hidden { display: none; }

.error { background: #ff7474; color: #eee; border: 1px solid #f65e5e; padding: 2px 2px 2px 2px; }
.error a { color: #eee; text-decoration: underline; }
.error a:hover { color: #eee; text-decoration: none; }
.success { background: #dffdda; color: #1b8409; border: 1px solid #67cd56; padding: 2px 2px 2px 2px; }
.success a { color: #1b8409; text-decoration: underline; }
.success a:hover { color: #1b8409; text-decoration: none; }

.breakline { height: 5px; border-top: 1px dashed #8C8C8C; }

/*** search styling */
div.searchForm { margin: 22px 0 0 5px; padding: 0; width: 400px; position: absolute; top: 0px; left: 0px; }
html>body div.searchForm { margin: 15px 0 0 5px; }

div.searchForm form { margin: 0; padding: 0; border: 0; }
div.searchForm form fieldset { margin: 0; padding: 0; border: 0; }
div.searchForm form fieldset legend { display: none; }
div.searchForm form fieldset label { margin: 0 5px 0 0; padding: 0; font-weight: bold; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; }
div.searchForm form fieldset input#skey { margin: 0; padding: 0; position: absolute; width: 100px; background: #fff; border: 1px solid #000; }

div.searchForm form fieldset input#submit { margin: 0; padding: 0; position: absolute; left: 164px; width: 20px; background: transparent; border: 0; font-weight: bold; }
html>body div.searchForm form fieldset input#submit { left: 160px; }

/*** jump area */
div.jumpArea { margin: 15px 0 0 100px; padding: 0; float: left; position: relative; width: 300px; }
html>body div.jumpArea { margin: 0px 0 0 200px; padding: 10px 0 0 0; height: 50px; }

div.jumpArea form { margin: 0; padding: 0; border: 0; }
div.jumpArea form fieldset { margin: 0; padding: 0; border: 0; }
div.jumpArea form fieldset legend { display: none; }
div.jumpArea form fieldset label { margin: 0 5px 0 0; padding: 0; font-weight: bold; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; }
div.jumpArea form fieldset select { margin: 0; padding: 0; width: 100px; background: #fff; border: 1px solid #000; width: 200px; }

/*** country Splash styling */
div.countrySplash { margin: 25px 0 0 0; padding: 0; width: 100%; height: 94px; border: 0; background: #FF8B00; background: url(/images/top2.jpg) no-repeat; }
html>body div.countrySplash { margin: 0px 0 0 0; }

/*** container styling */
div.mainContainer { margin: 0px 0 0 0; padding: 10px 0 0 0; background: url(/images/leftline.gif) top left repeat-y; height: auto; }
div.mainContainer div.container { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; }
html>body div.mainContainer div.container { border-bottom: 1px solid transparent; }

div.mainContainer div.container div.content { margin: 0 0 0 -35px; padding: 0; float: left; width: 65%; }

/*** menu styling */
div.menuContainer {margin: 0; padding: 5px 0 0 0; float: left; width: 300px;  background: url(/images/MenuTop.gif) top left no-repeat; }
div.menuContainer div.menu { margin: 0; padding: 0; background: url(/images/twolines.gif); }
div.menuContainer div.menu ul { margin: 0; padding: 0 0 200px 0; width: 100%; height: auto; background: /*url(/images/MenuBtn.gif)*/ url(/images/MenuBtn2.gif) bottom right no-repeat; font-family: Verdana, Arial, Tahoma, sans-serif; }
div.menuContainer div.menu ul a:hover {  color: #990000;}
div.menuContainer div.menu ul li { margin: 2px 0 2px 45px; padding: 2px -50px 2px 10px; list-style: none; background: url(/images/Divider.gif) bottom right no-repeat; font-size: 12px; font-family: Verdana, Arial, Tahoma, sans-serif; width: 160px; display: block; }
div.menuContainer div.menu ul li a { margin: 0; padding: 2px 0 4px 0; text-decoration: none; color: #000; font-weight: bold; font-family: Verdana, Arial, Tahoma, sans-serif; display: block; height: 100%; }
div.menuContainer div.menu ul li a.active {color: #990000; margin: 0; padding: 2px -50px 2px 10px; background: url(/images/Divider.gif) bottom right no-repeat;}
/* Ab hier SubMenu */
div.menuContainer div.menu ul li ul { margin: 0px 0 10px 0; padding: 0 0 0 0px; list-style: none; background: transparent; min-height: 0;}
div.menuContainer div.menu ul li ul li { margin: 0; padding: 0;  background: url(/images/Divider.gif) bottom right no-repeat; }
div.menuContainer div.menu ul li ul li a { margin: 0; padding: 2px 0 0 10px;  background: transparent; color: #000; }
div.menuContainer div.menu ul li ul li a:hover { color: #FFF; }
div.menuContainer div.menu ul li ul li a.active { margin: 0; padding: 2px 0 0 10px; background: transparent; color: #FFF;}

/*** content styling */
div.mainContainer div.container div.content { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; color: #000; }
.midHeadline { font-size: 110%; font-weight: bold;}
div#content h3 {border-bottom: 1px solid black; font-size: 115%;}
div#content h4 { font-size: 100%;}
div#content { font-family: Verdana; letter-spacing: 0.01em; line-height: 1.5em;}
hr { display: none;}
.detViewPic {clear: right; float: right; margin: 0px 0 1em .5em; border: 1px solid black; width: 120px;}
.eingerueckt10px { margin-left:10px;}
.contentnormaltext { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; color: #000; }



/*** footer styling */
div.footer { margin: 0px 0 0 0; padding: 0; background-color:orange; background: url(/images/Corner2.gif) top left no-repeat; height: 75px; }

div.footer div.btnline { margin: -19px 0 0 215px; padding: 5px 0 0 50px; background: url(/images/btnline.gif) top left repeat-x; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 10px; }
html>body div.footer div.btnline { margin: -20px 0 0 215px; }

div.footer div.osfooter { margin: 0; padding: 0; text-align: right; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 10px; }
div.footer div.osfooter a, div.footer div.btnline a { text-decoration: none; color: #000; }

/*** linkcore styling */
div.linkcore { margin: 0 0 0 215px; color: #fff; font-size: 2px; }
div.linkcore a { color: #fff; }

/*** toolbox styling */
div.toolBox { margin: 0; margin-top:40px; padding: 0; width: 100%; text-align: right; clear: both; float:left; }
div.toolBox a#print { margin: 0; padding: 2px; float: right; background: url(/images/printit.gif) left top no-repeat; font-size: 1px; color: #fff; display: block; width: 25px; height: 20px; }
div.toolBox a#send { margin: 0; padding: 2px; float: right; background: url(/images/sendit.gif) left top no-repeat; font-size: 1px; color: #fff; display: block; width: 40px; height: 20px; }
div.toolBox a#back { margin: 0; padding: 0px; float: left; display: block; font-weight: bold; height: 20px; }


/*** toolboxPage styling */
div.toolBoxPages { margin: 10px 0 10px 0; padding: 0; width: 100%; height: 15px; text-align: right; background: #FFF3E6; }
div.toolBoxPages a { margin: 0; padding: 0 5px 0 5px; text-decoration: none; background: #FFC59D; color: #000; }
div.toolBoxPages a:hover { margin: 0; padding: 0 5px 0 5px; text-decoration: underline; background: #FFA062; color: #000; }
div.toolBoxPages a.active { margin: 0; padding: 0 5px 0 5px; text-decoration: underline; background: #FFA062; color: #000; }

/*** mailtofriend styling */
div.mailtofriend { margin: 0; padding: 0; text-align: left; width: 450px; }
div.mailtofriend form { margin: 0; padding: 0; border: 0; }
div.mailtofriend form fieldset { margin: 0; padding: 0; border: 1px dashed #8B8B8B; }
div.mailtofriend form legend { margin: 0; padding: 0 10px 0 10px; background: #fff; }
div.mailtofriend .left { margin: 0 0 0 10px; float: left; width: 135px; }
div.mailtofriend p { clear: both; }

div.mailtofriend input#m2f_submit { margin: 0 0 4px 0; padding: 0; width: auto; }
div.mailtofriend input { width: 200px; border: 1px solid #000; }
div.mailtofriend textarea { width: 200px; border: 1px solid #000; }

/*** list view styling */
div.listView { margin: 10px 0 0 0; padding: 0; width: 100%; }
div.listView div.date { margin: 0; padding: 0; font-size: 9px; font-family: Verdana, Arial, Tahoma, sans-serif; }
div.listView div.pic { margin: -20px 0 1em .5em; padding: 0; float: right; width: 120px; }
div.listView div.pic img { margin: 0; padding: 0; width: 120px; border: 1px solid #000; }
div.listView div.teaser { margin: 5px 0 0 0; padding: 0; font-size: 12px; font-style: italic; }
div.listView p { margin: 7px 0 5px 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Tahoma, sans-serif; }
div.listView p#details { margin: 7px 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #000; }
div.listView h3 { margin: 0; padding: 0; font-size: 13px; font-family: Verdana, Arial, Tahoma, sans-serif; border-bottom: 1px solid #000; }
div.listView h5 { margin: 0; padding: 0; font-size: 13px; font-family: Verdana, Arial, Tahoma, sans-serif; border-bottom: 1px solid #000; }
div.listView h5 a { text-decoration: none; color: #000; }
div.listView h5 a:hover { text-decoration: underline; color: #000; }

/*** top offer styling  */
div.offerHead { margin: 0 0 5px 0; padding: 0; font-size: 110%; font-weight: bold; }

div.table, div.table#price { display: block; border-collapse: collapse; width: auto; }

div.table#price div.tr { clear: both; border: 1px solid #DDD; width: 494px;}
div.table#price div.tr div.td { float: left; display: block; width: 243px; margin: 0; padding: 0 0 0 2px; border: 0; }
div.table#price div.tr#header { background: #EFEFEF; font-weight: bold; text-align: left; }

div.table div.tr { clear: both; border: 1px solid #DDD; width: 494px; }
div.table div.tr div.td { float: left; display: block; width: 120px; margin: 0 0 0 2px; padding: 0; border-right: 1px solid #DDD; }
div.table div.tr div.td_small { float: left; display: block; width: 50px; margin: 0; padding: 0 0 0 2px; border: 0; text-align: right; }

html>body div.table { display: table; }
html>body div.table div.tr { display: table-row; }
html>body div.table div.tr div.td { display: table-cell; border: 1px solid #DDDDDD; padding: 5px; width: auto; float: none; }

div.table div.tr#header { background: #EFEFEF; font-weight: bold; text-align: center; }
div.table div.tr#noBooking  div.td{ background: #F8F8F8; color: #FF666A; font-style: italic; }

div.basket a { margin-left: 10px; width: 30px; font-size: 1px; color: #fff; width: 24px; height: 19px; display: block; background: url(/images/basket.gif) no-repeat; }

div.dataDisclaimer { margin: 10px 0 0 0; padding: 0; text-align: center; color: #A0A0A0; font-size: 90%; }

/** Pre-Order selection tables by Ruediger Marwein **/

table.preorder { border: 1px solid #FF8B00; background-color: #FFF3E6; }
table.preorder th { text-align: left; background-color: #FF8B00; border: 1px solid #FF8B00; padding: 5px; }
table.preorder td { text-align: left; border:0.05pt solid #FF8B00; padding: 5px; }
table.preorder td table { border: 0px; width: 100%; }
table.preorder td table th { background: none; border: 0px; }
table.preorder td table td { background: none; border: 0px; }

/** End Pre-Order selection **/

/* Gruppenreisen Tagesablauf */
div#tagesablauf { margin-bottom: 20px; float:left;}
div#tagesablauf p { margin: 0 0 3px 0; }
div#tagesablauf div.kasten {  }
div#tagesablauf div.kasten div.tag {  width: 10%; float: left; clear: both; font-weight: bold;}
div#tagesablauf div.kasten div.descr {  float: right; width: 90%; margin-bottom:10px;}
div#tagesablauf div.kasten div.aktivity {  display: block;}

/* Gastland und Pflichtinfos Sub */
ul#subLinks { border-top: 1px solid black; margin-top: 30px; padding: 2px 0 0 0; list-style-type:none; clear: both;}
ul#subLinks li {display:inline; margin-right: 50px;}

/* Auflistungsstyling */
table.listTable {border: 0px solid black; width:100%;}
table.listTable tr.tHead { background-color: #FFF3E6; font-weight:bold;}
table.listTable td.termin { text-align:right;;}
table.listTable td.tdTeaser { border-bottom: 1px dashed #8C8C8C; }
table.listTable td.tdTeaser p { margin: 0; padding: 0;}
table.listTable td.tdTeaser img { width: 100px; float: right; border: 1px solid black; }
table.listTable tr.tHead td { padding: 5px; }
table.listTable td.pageNav { background-color: #FFF3E6; font-weight: bold;}

/* List Styling */
img.listPic {float: right; width: 100px; border: 1px solid black;}

/* anfrage spezialreisen styling */
div.anfragespezial { margin: 25px 0; padding: 0; text-align: left; width: auto; }
div.anfragespezial form { margin: 0; padding: 0; border: 0; }
div.anfragespezial .left { margin: 0 0 0 10px; float: left; width: 135px; }
div.anfragespezial p { clear: both; }

div.anfragespezial input#m2f_submit { margin: 0 0 4px 0; padding: 0; width: auto; }
div.anfragespezial input { width: 200px; border: 1px solid #000; }
div.anfragespezial textarea { width: 400px; border: 1px solid #000; }

div.gallery_box { border:1px solid orange; background-color:#FFF3E6; }

/* Bestell sytling */
.orderButton { border: 0; background: url(/images/btn_basket_add.gif) no-repeat; width: 147px; height: 28px; font-size: 1px; color: #000; text-align: center; float:left; cursor:pointer;}


/** click path **/
.path { font-size: 75%; border-bottom: 1px solid #e4e4e4; }
.path a, .path a:link, .path a:active, .path a:visited, .path a:hover { font-size: 100%; }

/** content resizing **/
div.content_small { /*width: 95%;*/ width: 81%!important; }
div.navigation_right { position: absolute; top: 220px; right: 1em; }


/** some content styling **/
div.content h3 { color: #FE7900; }


.picturebar a, .picturebar a:link, .picturebar a:visited, .picturebar a:hover, .picturebar a:active {
		border: 0px;
		text-decoration: none;
}
.picturebar img { border: 2px solid orange; }