/*#################################################
Author: Gordon Bujak
Layout & Design by Gordon Bujak
URL: http://www.komm.x4w.de/
XING: https://www.xing.com/profile/Gordon_Bujak
##################################################*/

/*###################################### General ##########################################*/
body { margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical; background: url('../images/bg.gif') repeat-x; }
img { border: 0pt none ;}
h1{font-family: Arial,sans-serif; font-size: 109%; color: #00b3c1; margin: 10px 0pt 15pt 0px; }
h2{font-family: Arial,sans-serif; font-size: 99%; color: #2b2727; margin: 0px 0pt 15pt 0px; }
h3{font-family: Arial,sans-serif; font-size: 89%; color: #f49a12; margin: 0px 0pt 5pt 0px;}
h4{font-family: Arial,sans-serif; font-size: 79%; color: #2b2727; margin: 0px 0pt 5pt 0px; }
#globalcontainer {width: 950px; margin: 0 auto; padding: 0;}
/*########################################## row 1 #######################################*/
.row1 {float: left; width: 950px; position: relative;}
/* -------- col 1 ----------- */
.row1_col1 {float: left; width: 150px; margin-top: 15px; height: 87px;}
.row1_col1 a.logo {background: url('../images/logofon.gif') no-repeat; overflow: hidden; width: 134px; height: 75px; position: absolute; left: 0.75pt; text-indent: -9999px; display: block;}
/* -------- col 2 ----------- */
.row1_col2 {background: url('../images/logo2.gif') no-repeat; margin-top: 20px; float: left; width: 458px; height: 87px;}
/* -------- col 3 ----------- */
.row1_col3 {float: left; width: 316px; height: 87px;}
.row1_col3 p {margin: 20px 0pt 0pt 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: right; font-weight: bold;}
.row1_col3 a {font-size: 12px; font-weight: bold; color: #2b2727; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.row1_col3 a:hover {font-size: 12px; font-weight: bold; color: #f49a12; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
/*######################################## row 2 ########################################*/
.row2 {width: 989px; margin: 0 auto; padding: 0;}
.row2 a {color: #FFFFFF; text-decoration:none;}
.row2 a:hover {color: #FFFFFF; text-decoration:underline;}
/* -------- col 1 ----------- */
.row2_col1 {margin: 15px 0pt 0pt 0px; background: url('../images/package.gif') no-repeat; float: left; width: 160px; height: 210px;}
.row2_col1_gastro {
	margin: 1px 0pt 0pt 0px;
	float: right;
	width: 100%;
	height: 210px;
}
.row2_col1_aktion {margin: 15px 0pt 0pt 0px; float: left; width: 385px; height: 232px;}
/* -------- col 2 ----------- */
.row2_col2 {float: left; width: 225px; height: 210px; padding-top: 18px;}
.row2_col2 p {color: #FFFFFF;}
.Stil4 {margin: 0px 0pt 7pt 7px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px;  }
.Stil5 {margin: 0px 0pt 7pt 7px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.Stil6 {margin: 0px 0pt 0pt 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  }
.Stil7 {margin: 0px 0pt 7pt 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.Stil8 {margin: 0px 0pt 7pt 7px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Stil14 {margin: 0px 7pt 0pt 7px;}
.promo {float: right; }
/* -------- col 3 ----------- */
.row2_col3 {background: url('../images/gastro_banner2.jpg') no-repeat; background-position: bottom; float: left; width: 604px; height: 210px;margin-top:1px;}
.row2_col3 p {color: #FFFFFF;}
.Stil9 {margin: 14px 0pt 0pt 50px; font-family: "Times New Roman", Times, serif; font-size: 35px; }
.Stil10 {margin: 0px 0pt 0pt 0px; font-family: "Times New Roman", Times, serif; font-size: 23px; }
.Stil11 {margin: 0px 0pt 0pt 30px; font-family: "Times New Roman", Times, serif;  font-size: 35px; }
.Stil12 {margin: 15px 0pt 0pt 50px; font-family: "Times New Roman", Times, serif;  font-size: 16px; font-weight: bold;}
.Stil13 {margin: 0px 0pt 0pt 50px; font-family: "Times New Roman", Times, serif;  font-size: 13px; }
/*######################################## row 3 ########################################*/
.row3 {float: left; width: 950px; position: relative; margin-bottom: 15px; margin-top: 10px; }
/* -------- col 1 ----------- */
.row3_col1 {float: left; width: 200px; margin-left: 0px; }
.row3_col1_1 {float: left; width: 189px;  margin-bottom: 25px; }
ul#navi {margin: 0; padding: 0;}
ul#navi li {list-style: none; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC;}
ul#navi li a {font-size: 12px; font-weight: bold; color: #2b2727; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
ul#navi li a:hover {font-size: 12px; font-weight: bold; color: #f49a12; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.row3_col1_1 p {margin: 18px 7pt 0pt 30px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #635d5d;}
.row3_col1_2 {float: left; width: 189px; margin-bottom: 20px; }
.col1_2_tri_1 {background: url('../images/box_o_l.gif') no-repeat; float: left; width: 15px; height: 19px;}
.col1_2_tri_2 {background: url('../images/box_m.gif') repeat-x; float: left; width: 159px; height: 19px;}
.col1_2_tri_3 {background: url('../images/box_o_r.gif') no-repeat; float: left; width: 15px; height: 19px;}
.col1_2_tri_4 {background: url('../images/box_m.gif') repeat-y; background-position: left; float: left; width: 15px; height: 86px;}
.col1_2_tri_6 {background: url('../images/box_m.gif') repeat-y; background-position: right; float: left; width: 15px; height: 86px;}
.col1_2_tri_5 {float: left; width: 159px;}
.Stil1 {margin: 0px 7pt 5pt 10px; font-size: 12px; font-weight: bold; color: #c00730; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Stil2 {margin: 0px 7pt 0pt 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.Stil3 {margin: 11px 7pt 0pt 10px;}
.col1_2_tri_7 {background: url('../images/box_u_l.gif') no-repeat; background-position: bottom; float: left; width: 15px; height: 19px;}
.col1_2_tri_8 {background: url('../images/box_m.gif') repeat-x; background-position: bottom; float: left; width: 159px; height: 19px;}
.col1_2_tri_9 {background: url('../images/box_u_r.gif') no-repeat; background-position: bottom; float: left; width: 15px; height: 19px;}
.col1_2_tri_11 {background: url('../images/box_m.gif') repeat-y; background-position: right; float: left; width: 15px; height: 115px;}
.col1_2_tri_10 {background: url('../images/box_m.gif') repeat-y; background-position: left; float: left; width: 15px; height: 115px;}
/* -------- col 2 ----------- */
.row3_col2 {float: right; width: 710px;}
.row3_col2 p {margin: 0px 7pt 15pt 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.row3_col2 a {color: #333333;text-decoration:underline;}
.row3_col2 a:hover {color: #f49a12;text-decoration:underline;}
.row3_col2_tri_1 {float: left; width: 90px;}
.row3_col2_tri_2 {float: left; width: 380px;}
.row3_col2_tri_3 {float: left; width: 150px;}
.row3_col2_tri_4 {float: left; width: 550px;}
.directory {float: left; width: 700px;  background: url('../images/hospitality_1_profi.gif') repeat-x; }
.directory1{float: left; width:100px;height: 40px;  padding-top:11px;}
.directory1 p {padding-left: 15px; font-weight: bold; color: #FFFFFF;}
.directory2 {float: left; width: 600px;height: 40px; border-left: none;padding-top: 11px;}
.directory2 p {color: #FF6600; text-align:center; }
.directory2 a {text-decoration:none; font-weight: bold; color: #FFFFFF;}
.directory2 a:hover {font-weight: bold; color: #FFFFFF; text-decoration:underline;}
.list {float: left; width: 700px; border-bottom: 1px solid #cccccc; margin-bottom: 15px; }
.list1 {float: left; width: 260px; padding-left: 10px;}
.listname {color:#4cb785; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.list2 {float: left; width: 290px;}
.list3 {float: left; width: 50px; text-align:center;}
.list3  a{text-decoration:none; color:#4cb785;}
.list3  a:hover {text-decoration:underline; color: #4cb785;}
.list3 p{text-align:center;}
.stillP {text-valign: top; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.row3_col2 img#money {float: right; clear: right; margin-left: 10px;}
.row3_col2 img#face2 {float: left; margin-right: 15px;  }
.pfeil_l {float: left; margin-right: 20px; margin-bottom: 10px; padding-top: 28px; width: 24px; height: 64px;}
.pfeil_r {float: left; margin-left: 20px; margin-bottom: 10px; padding-top: 28px; width: 50px; height: 64px;}
.tumbs {float: left; width:568px; margin-bottom: 10px; height: 90px;}
#tumbs {width:568px;overflow:hidden;white-space:nowrap;}
.row3_col2 img#hotel {float: left; clear: right; margin-right: 20px;border: 1px solid #cccccc;}
.row3_col2 img#package {float: left; margin-bottom: 25px;}
.row3_col2 img#hotelthumb {margin-right: 10px; margin-left: 10px;border: 1px solid #cccccc; }
.row3_col2 img#face {float: right; clear: right; margin-right: 50px;}
.row3_col2 img#flyer {float: left; margin-bottom: 25px; margin-right: 10px; clear: right;}
.row3_col2 li {margin: 0px 7pt 10pt 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.flyer {float: left; width: 700px;}
.flyer_sub {float: left; border: 1px solid #CCCCCC; height: 160px; width:205px; padding-top:6px; padding-right:3px; padding-left:8px; margin-right: 15px; margin-bottom: 17px;}
.flyer_sub1 {float: left; height: 27px; }
.flyer_sub2 {float: left; width:235px; }
.flyer_sub2 a {font-family: Arial,sans-serif; color: #f49a12; text-decoration:none;}
.flyer img#flyer2 {float: left; margin-bottom: 10px; }
.flyer p {float: left;}
.form {padding: 3px 0px 0px 3px; color: #776B1B; border: 1px solid #cbb945; height: 21px; background-color: #fcf7d5; }
.form2 {padding: 3px 0px 0px 3px; color: #776B1B; border: 1px solid #cbb945; height: 91px;}
.form3 {color: #776B1B; border: 1px solid #cbb945; height: 24px; background-color: #fcf7d5;  width: 145px;}
.form4 {background-color: #fcf7d5; padding: 3px 0px 0px 3px; color: #776B1B; border: 1px solid #cbb945; height: 91px;}
#form {background: transparent; width: 480px;}
#form fieldset {margin: 10px auto;padding-bottom: 10px; border: 1px solid #CCCCCC; }
#form legend {margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#form fieldset p {margin: 10px auto; width: 400px;}
#form fieldset input { border: 1px solid #cbb945; background-color: #fcf7d5; height: 19px; width: 300px;padding: 3px 0px 0px 3px; }
#form fieldset#yourdetails #input1 { width: 230px}
#form fieldset#yourdetails #input3 {width:50px;}
#form fieldset#yourmessage #input2 {width: 272px;}
#form fieldset#yourmessage #input3 {width:19px;}
#form fieldset#businessdetails #input1 { width: 272px;border: 1px solid #cbb945; background-color: #fcf7d5; height: 19px; padding: 3px 0px 0px 3px;}
#form fieldset#businessdetails #input2 { width: 112px;border: 1px solid #cbb945; background-color: #fcf7d5; height: 19px; padding: 3px 0px 0px 3px; margin-right: 10px; }
#form fieldset#yourcode input {width: 100px; margin-right: 5px; }
#form fieldset label {float: left; width: 120px; }
#form fieldset textarea {width: 272px; height: 100px; border: 1px solid #cbb945; background-color: #fcf7d5;padding: 3px 0px 0px 3px; }
#form input#send {color: #FFFFFF; font-weight: bold; border: 1px solid #cbb945; background-color: orange; display: block;  float: right; margin-top: 0px; margin-bottom: 20px; width: 122px; }
#form input#send2 {color: #FFFFFF; font-weight: bold; border: 1px solid #cbb945; background-color: orange; display: block;  float: right; margin-top: 0px; width: 22px;}
#form2 {background: transparent;}
#form2 fieldset {border: 1px solid #FFFFFF; width: 250px; display: inline;}
#form2 legend {margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#form2 fieldset input { border: 1px solid #cbb945; background-color: #fcf7d5; height: 19px; padding: 3px 0px 0px 3px; }
#form2 fieldset#yourdetails input { width: 140px;}
#form2 fieldset label {float: left; width: 105px; }
#form2 input#send {color: #FFFFFF; font-weight: bold; border: 1px solid #cbb945; background-color: orange; display: block;  float: right; margin-top: 0px; width: 62px; }
.codetext {border: 1px solid #CCCCCC; background-color: #fcf7d5;color: #000080; width: 700px; padding: 10px; margin-top: 10px; margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
#code {vertical-align: top; padding-top: 1px;}
#auswahlbox {font-family: Arial,sans-serif; font-style: normal; margin-left: 20px; font-size: 13px; color: #000000; font-weight: normal;}
/*######################################## Footer ##########################################*/
#page_footer {font-size: 12px; text-align: center; clear: both; background: url('../images/bg_footer.gif') repeat-x; margin-top: 10px; font-family: Arial,Helvetica,Verdana; height: 35px;padding-top: 10px;}
#page_footer ul {margin:0px 0px 0px 0px; list-style:none; padding:5px 0px 15px 0px;}
#page_footer ul img {vertical-align:middle;}
#page_footer ul li {display:inline;}
#page_footer ul a {text-decoration:none; color:#333;}
#page_footer ul a:hover {color:#000; text-decoration:underline;}
.vorteile{background-image: url('../images/tellfriend-main.gif'); background-repeat: no-repeat; background-position: right top;}