/* ######################################################################################################
** ### Layout ###########################################################################################
** ######################################################################################################
*/
#header {
  	background: 		#5f81b3 url(/lib/header_top.gif) repeat-x left top;
}

#nav_main {
  	background: 		url(/lib/header_bottom.gif) no-repeat left bottom;
}

#nav_main li {
  	background: 		url(/lib/navigation/off.gif) repeat-x top left;
}

#nav_main ul li:focus,
#nav_main ul li:hover,
#nav_main ul li:active,
#nav_main li:focus a,
#nav_main li:hover a,
#nav_main li:active a,
#nav_main #current { 
  background-image: 	url("/lib/navigation/on.gif"); 
}

#nav_main #current.nav-first, 
#nav_main li:hover.nav-first {
   background: 			url("/lib/navigation/left_on.gif") no-repeat top left;
 }

#nav_main .nav-first {
   background: 			url("/lib/navigation/left_off.gif") no-repeat top left;
 }

#nav_main #current.nav-last, 
#nav_main li:hover.nav-last {
   background: 			url("/lib/navigation/right_on.gif") no-repeat top right;
}

#nav_main .nav-last {
   background: 			url("/lib/navigation/right_off.gif") no-repeat top right;
 }

#submenu li span {
	background: 		#dcdcdc url("/lib/subnavigation/main.gif") repeat-x; 
}

#submenu li#active,
#submenu li strong {
	background: 		#c3c3c3 url("/lib/subnavigation/active.gif") repeat-x; 
}

#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { 
	background:  		#e66e0c url("/lib/subnavigation/on.gif") repeat-x;
}


/* ######################################################################################################
** ### Content ##########################################################################################
** ######################################################################################################
*/
body { 
    color:              #000; 
    font-size:          70%; 
    font-family:        Arial, Verdana, 'Trebuchet MS',Helvetica, sans-serif; 
}

h1,h2,h3,h4 { 
    font-family:        Arial, Verdana, 'Trebuchet MS',Helvetica, sans-serif; 
    font-weight:        normal;
}

h1 {font-size: 1.7em; color: #05377e; padding: 0px; margin: 0 0 10px;  }
h2 {font-size: 1.2em; color: #05377e; padding: 0px; padding-bottom: 1px; margin: 0 0 4px 0; font-weight: bold; border-bottom: 1px #ced4d9 solid; }
h3 {font-size: 1.2em; color: #05377e; padding: 0px; margin: 0 0 0.25em 0; font-weight:bold; }
h4 {font-size: 1.1em; color: #505050; padding: 0px; margin: 0 0 0.30em 0; font-weight:bold; border: 0px; }
h5 {font-size: 1.0em; color: #505050; padding: 0px; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #505050; padding: 0px; margin: 0 0 0.30em 0; font-style:italic; }

p,ul,dd,dt { 
    line-height:        1.5em; 
}

p { 
    line-height:        1.5em; 
    margin:             0 0 10px 0; 
}

table p {
    margin-bottom:      5px;
}

a, a em.file {
    color:              #05377e; 
    text-decoration:    none;
}
    
a:hover, a:focus { 
    color:              #05377e; 
    text-decoration:    underline; 
    background:         none;
    -moz-outline:       none;
}

ul.content-ul {
    margin:             0px;
    margin-bottom:      10px;
}

ul.content-ul li {
    margin:             0px;
    padding:            0px;
    padding-left:       8px;
    text-indent:        8px;
    list-style:         none;
    background:         url(/lib/icons/i_bullet_black.gif) no-repeat 5px;
}

#topnav a { 
    color:              #bbc6d6; 
    background:         transparent; 
    text-decoration:    none; 
}

#topnav a:hover { 
    color:              #fff; 
}

#footer a { 
    color:              #05377e; 
}

#footer a:hover, #footer a:focus {   
    text-decoration:    underline; 
    background:         none; 
}


/* ######################################################################################################
** ### Form #############################################################################################
** ######################################################################################################
*/
form {
    overflow:           visible;
}

input, textarea, select {
    width:              auto;
	border:             1px #ced4d9 solid;
	padding:            3px;
	color:              #505050;
    background:         #fff url(/lib/grand_small_invert.gif) repeat-x bottom; 
}

select {
    padding:            2px;
    background:         #fcfcfc;
}

input[type=text]:focus, textarea:focus {
	background:         #f8f8f8;
	color:              #505050;
	border-color:       #ced4d9;
}

label {
    font-size:          1em; 
    color:              #505050; 
    padding:            0px; 
    margin:             0 0 2px 0; 
}

.input-submit {
    padding:            2px 5px 4px 5px;
    color:              #fff;
    font-weight:        bold;
    background:         #fff url(/lib/back_submit.gif) repeat-x; 
    border:             0px;
}

p.ungueltig {
    color:              #e66e0c;
}

input.suche-date.ungueltig, input[type=text].suche-date.ungueltig:focus {
    border: 			1px solid #e66e0c;
}

.form-textarea {
    font-size:          105%; 
    font-family:        Arial, Verdana, 'Trebuchet MS',Helvetica, sans-serif; 
    width:              340px;
    background:         #fcfcfc;
}

.form-wide {
    width:              340px;
}

.hotels-rechts-wide {
	width:				100px;
}

.form-left {
    float:              left; 
    width:              130px; 
    height:             50px;
}

.form-right {
    float:              left; 
    width:              368px; 
    height:             50px;
}

.form-rechts-left {
    float:              left; 
    width:              100px; 
    height:             50px;
}

.form-rechts-right {
    float:              left; 
    width:              128px; 
    height:             50px;
}

.form-left-textarea {
    float:              left; 
    width:              130px; 
    height:             150px;
}

.form-right-textarea {
    float:              left; 
    width:              368px; 
    height:             150px;
}

.form-h4 {
    margin-top:         16px;
}

.form-hr {
    margin-bottom:      13px;
}

.form-submit {
    float:              left; 
    width:              368px; 
    height:             32px; 
    margin-top:         5px; 
    margin-left:        130px;
}


/* ######################################################################################################
** ### Map ##############################################################################################
** ######################################################################################################
*/
#sidebar_map {
    margin-bottom:      15px;
}

#sidebar_map ul {
    margin:             0px;
}

#sidebar_map ul li {
    margin:             0px;
    padding:            0px;
    padding-left:       8px;
    text-indent:        8px;
    list-style:         none;
    background:         url(/lib/icons/i_bullet_blue.gif) no-repeat 5px;
}

#sidebar_map ul li#gmapSidebarItem_0 {
    background:         url(/lib/icons/i_bullet_red.gif) no-repeat 5px;
}


/* ######################################################################################################
** ### Index ############################################################################################
** ######################################################################################################
*/
.index-tabs {
    margin-top:         6px;
}

.index-tick {
    clear:              both;
    float:              left; 
	margin-top:			2px;
    width:              22px;
}

/* ######################################################################################################
** ### Suche ############################################################################################
** ######################################################################################################
*/
.suche-top {
    margin-bottom:      0px; 
    border-bottom:      0px;
}

.suche-bottom {
    border-top:         0px; 
    padding-top:        0px;
}

.suche-form-right-small {
    float:              left; 
    width:              165px; 
}

.suche-date {
    width:              100px;
}

.suche-options {
    float:              left;
    margin-left:        8px;
    margin-top:         4px;
}

.suche-distance, .suche-stars {
    width:              110px;
}

.suche-verfuegbarkeit {
    margin-top:         4px;
	border:				0px;
	margin:				0px;
	padding:			0px;
	background:			none;
}

.suche-checkbox {
    clear:              both;
    margin-bottom:      7px;
}

.suche-checkbox input  {
    background:         none;
    padding:            0px;
    border:             0px;
}


#results {
	width:				340px;
	margin-top:			1px;
	margin-left:		1px;
	border: 			1px solid #ced4d9;
	border-bottom: 		0px;
	padding: 			0px;
	display: 			none;
}

#results div {
	width:				338px;
    border-bottom: 		1px solid #ced4d9;
    border-right: 		1px solid #ced4d9;
    padding: 			4px;
}

#results .unselected {
	background-color: 	#fff;
}

#results .selected {
	background: 		#fb921a url(/lib/subnavigation/on.gif) repeat-x;
	color: 				#fff;
}

/* ######################################################################################################
** ### Hotels ###########################################################################################
** ######################################################################################################
*/
.hotels-sortby {
    float:              left; 
    width:              165px; 
    margin-top:         2px;
    margin-bottom:      6px;
}

.hotels-sortby input {
    margin-top:         2px;
    background:         none;
    padding:            0px;
    border:             0px;
}

.hotels-sortby label {
    font-weight:        bold;
}

.hotels-notabs {
    padding-top:        5px;
}

.hotels-name {
    float:              left; 
    width:              390px;
}

.hotels-stars, .hotels-heart {
    margin-left:        5px;
}

.hotels-house {
    margin-right:       5px;
}

.hotels-price {
    float:              left; 
    width:              108px; 
    text-align:         right;
}

.hotels-euro {
    margin-right:       4px; 
    margin-top:         1px;
}

.hotels-p {
    clear:              both; 
    margin-bottom:      15px; 
    height:             67px; 
    margin-bottom:      10px;
}

.hotels-picture {
    float:              left; 
    border:             1px solid #ced4d9; 
    margin:             3px 6px 0 0;
}

.hotels-adress {
    float:              left; 
    width:              201px; 
    height:             37px; 
    margin-right:       10px; 
    margin-bottom:      8px;
    border:             1px solid #ced4d9; 
    background:         #fff url(/lib/grand_small.gif) repeat-x bottom; 
    overflow:           hidden;
}

.hotels-adress p {
    color:              #444;
    margin:             2px 5px 0px 5px; 
}

.hotels-linkbox1 {
    float:              left; 
    width:              160px; 
    height:             37px; 
    margin-right:       10px; 
    margin-bottom:      8px; 
    font-weight:        bold;
}

.hotels-linkbox2 {
    float:              left; 
    width:              115px; 
    height:             37px; 
    margin-bottom:      8px;  
    font-weight:        bold;
}

.hotels-icon-calendar {
    height:             15px; 
    padding-top:        2px; 
    background:         url(/lib/icons/i_calendar.gif) no-repeat 0px 1px; 
    text-indent:        20px;
}

.hotels-icon-information {
    height:             15px; 
    margin-top:         6px;
    padding-top:        1px; 
    background:         url(/lib/icons/i_information.gif) no-repeat; 
    text-indent:        20px; 
}

.hotels-icon-map {
    height:             15px; 
    padding-top:        2px; 
    background:         url(/lib/icons/i_map.gif) no-repeat; 
    text-indent:        20px;
}

.hotels-icon-pictures {
    height:             15px; 
    margin-top:         6px;
    padding-top:        1px; 
    background:         url(/lib/icons/i_pictures.gif) no-repeat; 
    text-indent:        20px;
}

.hotels-3spalten {
    float:              left; 
    width:              158px;
}


/* ######################################################################################################
** ### Hotels Rechts ####################################################################################
** ######################################################################################################
*/
.hotels-rechts-form-small {
    height:             40px;
}

.hotels-rechts-date, .hotels-rechts-stars {
    width:              100px;
}

.hotels-rechts-options {
    float:              left;
    margin-left:        8px;
    margin-top:         4px;
}

.hotels-rechts-checkbox {
    clear:              both;
    margin-bottom:      7px;
}

.hotels-rechts-checkbox input  {
    background:         none;
    padding:            0px;
    border:             0px;
}

.hotels-rechts-submit {
    float:              left; 
    height:             32px; 
    margin-top:         5px; 
}


/* ######################################################################################################
** ### Hotel ############################################################################################
** ######################################################################################################
*/
.hotel-picture {
    float:              left; 
    border:             1px solid #ced4d9; 
    margin:             3px 6px 2px 0;
}

.hotel-pictures {
    float:              left; 
    border:             1px solid #ced4d9; 
    margin:             3px 7px 8px 0;
}

.hotel-stars {
    margin-left:        5px;
}

.hotel-flag {
    float:              left; 
    padding:            2px 6px 0 0;
}


/* ######################################################################################################
** ### Buchen ###########################################################################################
** ######################################################################################################
*/
.buchen-table-head {
	padding:			7px;
	padding-bottom:		2px;
	background: 		#f2f2f2; 
	border-top: 		1px solid #ced4d9; 
	border-right: 		1px solid #ced4d9; 
	border-bottom: 		1px solid #ced4d9;
}

.buchen-table-first {
	border-left: 		1px solid #ced4d9;
}

.buchen-table-body {
	padding:			7px;
	padding-bottom:		2px;
	background: 		#fbfbfb; 
	border-right: 		1px solid #ced4d9; 
	border-bottom: 		1px solid #ced4d9;
}

.buchen-table-info {
	background: 		#fbfbfb; 
	border: 			1px solid #ced4d9; 
	border-bottom: 		3px solid #ced4d9;
}


/* ######################################################################################################
** ### Kundenservice ####################################################################################
** ######################################################################################################
*/
.kundenservice-symbole {
    clear:              both;
    float:              left; 
    width:              130px;
}

.kundenservice-description {
    margin-left:        130px;
}