/*  01. BASICS ################################################ */
/*  02. LAYOUT ################################################ */
/*  03. METANAVIGATION ######################################## */
/*  04. MAINNAVIGATION ######################################## */

/*  01. BASICS ################################################ */

* {
	padding: 0; 
	margin: 0;
	
}

html { 
        overflow: -moz-scrollbars-vertical; 
}

body {
	font-size: 70%; 
	background-color: #a37e34; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* => 0.7em bzw. 11px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

/*  02. LAYOUT ################################################ */
#bl {background: transparent url(../images/bl.png) 0 100% no-repeat; }
#br {background: transparent url(../images/br.png) 100% 100% no-repeat;}
#tl {background: transparent url(../images/tl.png) 0 0 no-repeat;}
#tr {background: transparent url(../images/tr.png) 100% 0% no-repeat;padding:7px;}
.t {background: transparent url(../images/dot.png) 0 0 repeat-x; }
.b {background: transparent url(../images/dot.png) 0 100% repeat-x}
.l {background: transparent url(../images/dot.png) 0 0 repeat-y}
.r {background: transparent url(../images/dot.png) 100% 0 repeat-y}

#contact_box {background: url(../images/contact_background.png) repeat-x scroll 100% 100%; border:  #fff 1px solid}

#contentRight {border: #fff 1px solid}

#contact_box #bl {background: url(../images/bl_grey.png) 0 100% no-repeat;}
#contact_box #br {background: url(../images/br_grey.png) 100% 100% no-repeat;}

#contentAdditional .clear {
	font-size: 1px; 
	height: 1px;
}


#br {background: url(../images/br.png) 100% 100% no-repeat;}

#container {
	position: absolute;
	top: 8px;
	left: 50%;
	width: 973px;
	margin: 0 0 0 -487px;
	padding-left: -487px;
	background: #FFFFFF;
}

#naviMetaTop ul {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 15px;
}

#naviMetaTop ul li {
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 8px;
	background: url(../images/naviMetaTop_divider.gif) left no-repeat;
}

#naviMetaTop ul li.first {
	background: none;
}

#naviMetaTop a {
	color: #000;
}

#naviMetaTop ul li.first a {
	padding-left: 15px;
}

#branding {
	position: relative;
}

#branding h1 a {
	display: block;
	width: 364px;
	height: 76px;
	margin-left: 1px;
	background: url(../images/first_italy_logo.jpg) no-repeat;
}

#branding h1 a span {
	display: none;
}

#langSelect {
	position: absolute;
	top: 50px;
	right: 20px;
}

#langSelect a {
	color: #A37E34;
}

#naviMain {
	position: relative;
	display: block;
	width: 971px;
	height: 35px;
	margin-left: 1px;
	border-bottom: 1px solid #fff;
	background: #A37E34;
}

#naviMain ul {
	position: absolute;
	top: 9px;
	left: 20px;
}

#naviMain ul li {
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-right: 8px;
	padding-right: 10px;
	background: url(../images/naviMain_divider.gif) right no-repeat;
}
ht drauf kommst, bitte an andreas wenden... :-)
#naviMain ul.level1 li.last, 
#naviMain ul.level1 li.first {
	background: none;
}

#naviMain ul.level1 li.first {
    margin-right: 80px;
}


#naviMain ul li a {
    padding: 8px 0px 9px 0px;
	color: #fff;
}

#naviMain ul.level1 li.act a,
#naviMain ul.level1 li.cur a {
    background: url(../images/naviMain_act.gif) 0px 30px no-repeat;
}

#naviMain {

}

.tx-macinasearchbox-pi1 {
	position: absolute;
	top: 9px;
	right: 10px;
}

#suchwort {
	width: 130px;
	border: none;
	padding: 0px 0px 0px 2px;
	background: url(../images/searchbox_bg.gif) repeat-x;
}

#suchen {
	margin-right: 20px;
	border: none;
	background: none;
	color: #FFFFFF;
	cursor: pointer;
}

.bigImage {
	margin-left: 1px;
}

#naviCalender {
	margin: 7px 1px 30px 1px;
}

#naviSub {
	width: 240px;
	float: left;
	margin-right: 15px;
}

#naviSub ul li a {
	color: #000;
}

#naviSub ul.level1 li {
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #bb9f69;
}

#naviSub ul.level1 li.last {
	border: none;
}

#naviSub ul.level1 li a {
	padding-left: 12px;
	background: url(../images/naviSub_li_bullet.gif) 0px 3px no-repeat;
}

#naviSub ul.level1 li.act a {
	background: url(../images/naviSub_li_act_bullet.gif) 0px 4px no-repeat;
}

#naviSub ul.level1 li.act ul.level2 li.cur a,
#naviSub ul.level1 li.act ul.level2 li.actifsub a {
	font-weight: bold;
	color: #b10917;
}

#naviSub ul.level1 li.act ul.level2 li a,
#naviSub ul.level1 li ul.level2 li a {
	background: none;

}

#naviSub ul.level1 li ul.level2 {
	padding-top: 5px;
}

#naviSub ul.level1 li ul.level2 li {
	border: none;
}

#contentMain {
	width: 515px;
	float: left;
	padding-bottom: 15px;
}

#contentAdditional {
	width: 180px;
	float: right;
	padding-left: 10px;
	margin-right: 10px;
}

#calender {
	margin-bottom: 10px;
}

#callback_box {
	border: 1px solid #fff;
}

#mailform_box {
	border: 1px solid #fff;
}

#newsletter_box {
	border: 1px solid #fff;
}

#callback_box h4 {
	font-weight: bold;
	color: #000;
    font-size: 12px;
}

#mailform_box h4 {
	font-weight: bold;
	color: #000;
    font-size: 12px;
}

#newsletter_box h4  {
	font-weight: bold;
	color: #000;
    font-size: 12px;
}

#callback_box a,
#newsletter_box a,
#mailform_box a {
	color: #000;
	text-decoration: underline;
}


.infobox {
	float: left;
	width: 221px;
	margin-right: 14px;
	padding-bottom: 50px;
}

.infobox h3 {
	margin-bottom: 6px;
	text-transform: uppercase;
	font-weight: bold;
}

.infobox .infobox_teaser{
	border-bottom: 1px solid #cfbc95;
	padding: 7px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	color: #656565;
}

.infobox_text {
	padding-top: 10px;
	line-height: 12px;
}

.infobox_text a {
	color: #a37e34;
}

#naviMetaBottom {
	clear: both;
	width: 974px;
	background: #a37e34;
}

#naviMetaBottom ul {
	margin-left: 410px;
	padding: 10px 8px 10px 0;
	text-align: right;
}

#naviMetaBottom ul li {
	display: inline;
	margin-left: 3px;
	padding-left: 8px;
	background: url(../images/naviMetaBottom_divider.gif) left no-repeat;
}

#naviMetaBottom ul li.first {
	background: none;
}

#naviMetaBottom ul li a {
	color: #fff;
}

#naviMetaBottom ul li.first a {
	padding-left: 15px;
}

/*	Layout Reisen-Uebersicht
*/

.contenttable-1 {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}

.contenttable-1 td {
	border-bottom: 1px solid #808080;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contenttable-1 .td-0 {
	color: #A37E34;
}

.contenttable-1 .td-1 {
	font-weight: bold;
}

.contenttable-1 .td-4 {
	text-align: right;
	background-image: url(../images/euro.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	padding-right: 14px;
}

.contenttable-1 .td-5 a {
	color: #A37E34;
}

.contenttable-1 .tr-0 td {
	border-bottom: 1px solid #000000 !important;
	text-align: left !important
}

.contenttable-1 .tr-0 .td-4 {
	background-image: none;
	padding: 0;
}

.contenttable-1 .tr-0 .td-0 {
	color: #000000 !important;
}

.contenttable-1 .tr-0 .td-1 {
	font-weight: normal !important;
}	

.contenttable-1 a {
	color: #000000;
	text-decoration: underline;
}

/* Layout Hotel-Informationen
*/

.contenttable-2 {
	background-color: #E9E0CF;
	width: 100%;
	padding: 10px;
	font-size: 13px;
}

.contenttable-2 td {
	padding-bottom: 5px;
}

.contenttable-2 .td-0 {
	text-align: right;
	color: #A37E34;
	width: 25%;
}

.contenttable-2 .td-1 {
	padding-left: 10px;
}

/* Layout Hotel-Details
*/

.contenttable-3 {
	width: 100%;
	font-size: 12px;
}

.contenttable-3 td {
	border-bottom: 1px solid grey;
	padding-bottom: 5px;
	padding-top: 5px;
}

.contenttable-3 .td-0 {
	padding-left: 3px;
}

.contenttable-3 .td-1 {
	padding-left: 10px;
}

/* Layout Hotel-Buchung
*/

.contenttable-4 {
	width: 100%;
	font-size: 13px;
	margin-bottom: 20px;
}

.contenttable-4 td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.contenttable-4 .td-0 {
	width: 25%;
	text-align:right;
	color: #A37E34;
}	

.contenttable-4 .td-1 {
	padding-left: 10px;
}

/*	Layout Oper-Informationen
*/
.contenttable-5 {
	width: 100%;
	padding: 10px;
	font-size: 13px;
}ht drauf kommst, bitte an andreas wenden... :-)

.contenttable-5 td {
	padding-bottom: 5px;
}

.contenttable-5 .td-0 {
	text-align: right;
	color: #A37E34;
	width: 25%;
}

.contenttable-5 .td-1 {
	padding-left: 10px;
}

/*	Layout Oper-Reisedetails
*/
.contenttable-6 {
	background-color: #E3E2E2;
	width: 100%;
	padding: 10px;
	font-size: 13px;
}

.contenttable-6 td {
	padding-bottom: 5px;
}

.contenttable-6 .td-0 {
	text-align: right;
	color: #A37E34;
	width: 25%;
}


.contenttable-6 .td-1 {
	padding-left: 10px;
}

/*	Layout Oper-Hotels
*/
.contenttable-7 {
	background-color: #DACBAE;
	background-image: url(../images/table-opera-background.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 100%;
	padding: 10px;
	padding-bottom: 20px;
	margin-top: 1px;
	font-size: 13px;
}

.contenttable-7 td {
	padding-bottom: 5px;
}

.contenttable-7 .td-0 {
	text-align: right;
	color: #A37E34;
	width: 25%;
}

.contenttable-7 .td-1 {
	padding-left: 10px;
}

/*	Layout Opern-Charaktere
*/

.contenttable-8 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.contenttable-8 td {
	border-top: 1px solid #808080;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contenttable-8 .tr-0 td {
	border: 0;
}

.contenttable-8 .tr-1 td {
	border-top: 1px solid #000000;
}

.contenttable-8 .td-0 {
	width: 150px;
}

#mfp_zip {
	width: 50px !important;
}

.backLinkTop {
	border-bottom: 1px solid #A37E34;
}

.backLinkBottom {
	margin-top: 10px;
	border-top: 1px solid #A37E34;
}

.backLinkTop a, .backLinkBottom a {
	color: #A37E34;
}

#callBackForm {
	background-color: #E2E0E1;
	padding: 10px;
}

#callBackForm label {
	display: block;
}

#callBackForm label.follow {
	margin-right: 7px;
	max-width: 325px;
	width: auto;
	float: left;
	margin-top: 0;
}

#callBackForm input.rb-cb {
	display: inline;
	float: left;
	margin-bottom: 8px;
	margin-right: 6px;
	margin-top: 0;
	float: left;
}

#callBackForm input[type="text"] {
	width: 200px;
	margin-right: 10px;
}

#callBackForm div.step {
	font-size: 14px;
}

#callBackForm div.nextstep {
	float: right;
}

#callBackForm div.step a {
	color: #A37E34;
	text-decoration: none;
	background: #E2E0E1 none repeat scroll 0 0;
	padding: 5px;
}

#callBackForm div.prevstep a {
	background: url(/fileadmin/templates/images/pfeil_links.gif)  #E2E0E1 2px no-repeat;
	padding: 5px 5px 5px 10px;
}

#callBackForm div.nextstep a {
	background: url(/fileadmin/templates/images/pfeil_rechts.gif)  #E2E0E1 2px no-repeat;
	padding: 5px 5px 5px 10px;
}

div#alterspanne {
	margin-right: 20px;
}

#callBackForm div.prevstep {
	margin-right: 20px;
	float: left;	
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	width: 0;
}

.tx_mailformplus_errors {
	font-size: 14px !important;
	margin-bottom: 15px;
	margin-top: 15px;
}

#naviCalender ul {
	list-style-type: none;
	background-color: #808080;
	height: 20px;
}

#naviCalender li {
	display: inline;
}

.tx-sremailsubscribe-pi1 {
	background-color: #E2E0E1;
	padding: 10px;	
}

.tx-sremailsubscribe-pi1 dd {
	width: 70% !important;
}

.tx-sremailsubscribe-pi1 input[type="checkbox"] {
	display: none;
}

.booking {
	font-size: 13px;
	background-color: #E2E0E1;
	padding: 10px;
}

.booking h2,h4,h5,h6 {
	margin-bottom: 10px;
}

.booking dt {
	padding-right: 5px;
	padding-top: 6px;
	text-align: right;
	width: 25%;
	float:left;
}

.booking dd {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	width: 70%;
	float: left;
}	

.booking td {
	padding-left: 5px;
	padding-right: 5px;
}

.booking th {
	padding-bottom: 3px;
}

.booking .mfp_fellow_salutation {
	width: 70px;
}

.booking .mfp_fellow_firstname {
	width: 130px !important;
}

.booking .mfp_fellow_lastname {
	width: 130px !important;
}

.booking .mfp_fellow_birthday {
	width: 80px !important;
}

.booking #mfp_comment {
	margin-top: 5px;
}

.booking input[type="checkbox"] {
	margin-right: 3px;
	margin-bottom: 5px;
}

.booking input[type="submit"] {
	margin-top: 10px;
}

h4#col_right {
	font-weight: normal;
	color: #a7a7a7;
	font-size: 13px;
	margin-bottom: 3px;
}

h3#col_right {
	font-weight: normal;
	color: #000000;
	font-size: 1.1em;
	margin: 0;
}

img.number {
	margin-bottom: 3px;
}

#contact_footer {
	margin-bottom: -4px;
	color:#666666;
}

#contact_footer a:visited {
	color: #666666;
}

#contact_footer a {
	color: #666666;
}

#contentRight h2 {
	font-weight: normal;
	color: #a7a7a7;
	font-size: 13px;
	margin-bottom: 3px;	
}

#contentRight p {
	margin: 0;
}

div.tx-thmailformplus-pi1 #callBackForm {
	background: none;
}

div.tx-thmailformplus-pi1 form#form_mp h3 {
	margin-top: 22px;
}

div.divide_gray {
	background-color: #E2E0E1;
	clear: both;
	display: block;
	font-size: 1px;
	margin: 10px 0;
	height: 1px;
}

#callBackForm .left {
	color: #A37E34;
	padding-bottom: 6px;
}

div.floatdiv {
	float:left
}

div#altersspanne .width-2,
div#personenzahl .width-2,
div#termins .width-2,
div#budget .width-2 {
	width: 33px;
	height:	16px;
}

*+ html div#altersspanne .width-2,
*+ html div#personenzahl .width-2,
*+ html div#termins .width-2,
*+ html div#budget .width-2 {
	width: 33px;
	height:	16px;
}

* html div#altersspanne .width-2,
* html div#personenzahl .width-2,
* html div#termins .width-2,
* html div#budget .width-2 {
	float: left;
	margin-right: 10px
}

div#altersspanne label.follow,
div#personenzahl label.follow,
div#termins label.follow,
div#budget label.follow {
	margin-right: 5px;
	margin-top: 6px;
}

div#personenzahl {
	margin-left: 20px;	
}

div#personenzahl label.follow {
	width: 75px;
}

div#personenzahl input.follow-field,
div#budget input.follow-field {
	margin-bottom: 4px;
}

div#budget label.long {
	margin-right: 23px;
}

div#gesammtzahl {
	text-align: right;
	height: 12px;
}

* html div#gesammtzahl {
	padding-right: 2px;
}

*+ html div#gesammtzahl {
	margin-right: 10px;
	float: right;
}

div.divide_gold {
	background-color: #A37E34;
	clear: both;
	display: block;
	font-size: 1px;
	margin: 10px 0;
	height: 1px;
}

#eventvorstellung {
	width: 483px;
}

div.divright {
	float: right;
	padding-top: 5px;
}

.errorlabel {
	color: #B5081C;
}

.labellastpage {
	display: block;
	float: left;
	margin-bottom: 8px;
	margin-top: 0;
	padding-right: 8px;
	position: relative;
	width: 170px;
	text-align: right;
}

.inputfeld {
	margin-bottom: 5px;
}

.required-fields {
	margin-top: 12px;
}

div#termins .width-2,
div#budget .width-2 {
	width: 80px
}

div.errorlabel {
	background: url(/fileadmin/templates/images/alarm.gif) left no-repeat;
	float: left;
	margin-left: 7px;
	width: 20px;
	height: 20px;
}

* html div#personnenzahl {
	width: 127px;
}

*+ html div#personnenzahl {
	width: 127px;
}