@charset "UTF-8";

@media all
{
/* Page margins and background | Randbereiche & Seitenhintergrund */
#page_margins { width: 100%; min-width: 100%; max-width: 100%; text-align: center; background-color: #2f0025; }
html { height: 100%; }
body { margin: 0px; height: 100%; font-family: Arial; font-size: 11px; background-color: #2f0025; }  
a img { border: none; }
img { border: none; }  
div, span, p, label { font-family:  Arial !important; font-style: normal; font-size: 11px !important; color: #60605C !important; line-height: 14px; padding: 0; margin: 0; }
p { margin: 0 0 10px 0; }
ul, li { padding: 0px; }
.bold { font-weight: bold; }

/* Page */
#page { width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #ABA7A7; background-color: #FFFFFF; }
/* spezial-styles */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
/* End hide from IE-mac */  

/* Header */ 
#pageheader { width: 100%; text-align: center; margin: 25px; }

/* Navigation */ 
#nav { width: 100%; }
#nav_main { }
.nav_img { text-align: justify; margin-top: 0px !important; margin-bottom: 10px; height: 200px; }
.nav_img p, .nav_img span { padding: 0 !important; margin: 0 !important; }

/* Sprachen */
#col1_language { text-align: right; margin-top: 4px; margin-right: 4px; }

/* Content */
#main { clear: both; text-align: justify; margin-bottom:15px; background-image: url(images/hg_line.gif); background-position: left; background-repeat: repeat-y;}  
#col1 { float: left; margin: 10px 0 20px 10px; width: 600px; }
#banner_col1 { float: left; margin: 10px 0 20px 10px; }
#col3, #banner_col3 { float: right; width: auto; margin: 10px 10px 10px 5px; }
#col3 { width: 270px; }
#col1_content { padding-right: 25px; padding-left: 20px;}  
#col3_content { padding-right: 10px; padding-left: 25px;}

/* banner (breiten werden schon bei Content gesetzt */
#banner { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }

/* Footer */
#pagefooter { height: 30px; width: 100%; }
.hidden { float: left; border: none !important; }  
a.hidden { color: #fff !important; }

/* Styles einzelner Elemente */    
a { color: #651751 !important; font-weight: bold; text-decoration: none !important; }   
a:visited { color: #651751 !important; }
a.small { font-size: 10px; }    

div.header { clear: both; }
div.row { clear: both; width: 100%; }
div.row.transparent { background-color: Transparent !important; }
div.col { float: left; }
div.right { float: right !important; }
div.col2 { width: 2%; float: left; }
div.col10 { width: 10%; float: left; }
div.col11 { width: 11%; float: left; }
div.col12 { width: 12%; float: left; }
div.col15 { width: 15%; float: left; }
div.col17 { width: 16%; float: left; }
div.col20 { width: 20%; float: left; }
div.col22 { width: 22%; float: left; }
div.col25 { width: 25%; float: left; }
div.col27 { width: 27%; float: left; }
div.col30 { width: 30%; float: left; }
div.col35 { width: 35%; float: left; }
div.col40 { width: 40%; float: left; }
div.col45 { width: 45%; float: left; }
div.col50 { width: 50%; float: left; }
div.col55 { width: 55%; float: left; }
div.col60 { width: 60%; float: left; }
div.col70 { width: 70%; float: left; }
div.col80 { width: 80%; float: left; }
div.col90 { width: 90%; float: left; }
div.col95 { width: 95%; float: left; }
div.col99 { width: 99%; float: left; }
div.col100 { width: 100%; float: left; }
div.deviderMargin { margin-bottom: 5px; }
div.deviderMarginDouble * div { margin-bottom: 10px; }
.contentPadding { margin: 10px; }
.contentPaddingDouble { margin: 20px; }
div.center { text-align: center !important; }
div.middle { vertical-align: middle !important; }
.underline { text-decoration: underline !important; }


/* Listen */  
div.row.listRow { margin-bottom: 20px; padding: 15px; }
div.row.listColumn { padding: 35px 0 0 29px; }
div.ListItem { border-bottom: solid 1px #ABA7A7; margin-bottom: 10px; padding-bottom: 10px; }

/* Paging */
.Pager a { height: 10px; border: 1px solid #651751; padding: 1px 5px 1px 5px; margin: 1px; }
.Pager a:hover,
.Pager * .active { color: #FFFFFF !important; height: 10px; background-color: #651751; border: 1px solid #651751; padding: 1px 5px 1px 5px; margin: 1px; }

div.contentContainer { padding: 12px 10px 12px 10px; text-align: left; width: 806px; }
/* moz-hack (wird nur von moz, firefox gelesen) */
div.contentContainer[id] { width: 786px; }

/* Ueberschriften */
h1, h1 span { font-family: Arial !important; font-size: 14px !important; margin: 0px; padding: 0px;  }
h2, h2 span { font-family: Arial !important; font-size: 11px !important; margin: 0px; margin-top: 5px; }
h3, h3 span { font-family: Arial !important; font-size: 17px !important; margin: 5px 0px 8px 0px; font-weight: bold; text-transform: uppercase;}
h4, h4 span { font-family: Arial !important; font-size: 14px !important; margin:  0 0 2px -15px; color: #A17A99; }
h5, h5 span { font-family: Arial !important; font-size: 14px !important; font-weight: bold; color: #5D174D; }

.white { color: #FFFFFF !important; }
.lightGray, .lightGray span { color: #ABA7A7 !important;  }
.gray, .gray span { color: #60605C !important; }
.violett, .violett span { color: #651751 !important; }
.lightViolett, .lightViolett span { color: #D8CAD4 !important; }
.alert { color: Red !important; font-weight: bold; }
/* kaesten */

/* iFrame */
.bookingFrame { background-color: #eef0f3; width: 100%; height: 500px; border: 0px solid #FFFFFF; overflow: auto; }

/* Kasten rechts Seite */

/* Controls */
.TextBox { border: solid 1px #ABA7A7; font-size: 11px; margin-bottom: 1px; }
.TextBox:hover { border: solid 1px #C6C6C6; }
.Button { background-color: #651751; color: #FFFFFF !important; width: 75px; cursor: pointer; font-size: 12px !important; text-align: center !important; padding: 2px; }
.CheckBoxList * td { padding-right: 20px; }

/* Hotelliste */
div.boxGray { background-image: url('/images/Hotellist/box_gray.gif'); height: 60px; background-position: center; background-repeat: no-repeat; padding-top: 6px; padding-left: 12px; padding-right: 12px; padding-bottom: 6px; font-size: 13px !important; }
div.priceText { padding-top: 15px; padding-bottom: 15px; font-size: 13px !important; }
}