/* __ elements __ */

/**********************************

STYLESHEET proCONVENTION

**********************************/



* {

	outline: 0;

}



html {

    font-size: 62.5%;

}



html, body {

	background: #fff;

}



body {

    margin: 0;

    color: #000;

    font-family: Arial, Times New Roman;

    font-size: 1.3em;

}



a, a:hover, a:visited, a:active {

    color: #000;

    text-decoration: underline;

}



a:hover {

    text-decoration: none;

}



form {

    display: inline;

    margin: 0;

    padding: 0;

}



fieldset {

    border: 0;

    display: inline;

    margin: 0;

    padding: 0;

}



abbr {

    cursor: help;

    border-bottom: 1px dotted #000;

}



h1, h2, h3, h4, h5, h6 {

	display: block;

	font-size: 1.2em;

	font-weight: bold;

	margin: 0 0 10px 0;

}



h2 {

	font-size: 1.1em;

}



h3 {

	font-size: 1.0em;

}



i {

	font-size: 0px;

	font-style: normal;

	display: inline-block;

	vertical-align: top;

}



/* __ elements __ */



#logo {

	float: left;

	height: 80px;

	line-height: 11.5;

	margin-bottom: 10px;

	overflow: hidden;

	padding-left: 10px;

	width: 230px;

}



#logo img {

	border: 0;

}



#flaggen img{border: 0;}



#flaggen{

	float: right;

	height:45px;

    width: 715px;

}



#flaggen div{

	/*width: 103px;*/

	float: right;

}



.wrapper {

    margin: 0 auto;

	padding: 0 0 35px 0;

    width: 960px;

}



#header {

    width: 960px;

	margin: 0 auto;

}



#header-logos {

    margin: 10px 0 0 0;

	height: 90px;

}



#header-logo-left, #header-logo-right {

    height: 85px;

    width: 50%;

}



#header-logo-left img, #header-logo-right img {

    border: 0;

}



#header-logo-left table, #header-logo-right table {

    border: 0;

    border-collapse: collapse;

    height: 85px;

    padding: 0;

    width: 100%;

}



#header-logo-left {

    text-align: left;

}



#header-logo-right {

    text-align: right;

}





#header-navigations {

    margin: 0 0 0 11px;

	line-height: 45px;

	height: 45px;

	float: left;

	width: 697px;

}



#header-navigations img{float: left;margin-right: 20px;border: 0;}

#header-navigations ul{float: left;}



#header-navigations div ul, #flaggen ul{

	font-family: 'Yanone Kaffeesatz', Times New Roman;

	font-size: 19px;

    list-style: none;

    margin: 0 5px 0 0;

    padding: 0;

}



#header-navigations div ul li, #flaggen ul li {

    float: left;

    font-size: 100%;

    margin: 0 35px 0 5px;

    width: auto;

}



#flaggen ul li {

	padding: 0;

	margin: 0;

}



#header-navigations div ul li a{

	height: 45px;

	display: block;

	float: left;

    text-decoration: none;

	/*color: #4c4c4e;*/

}



#header-navigations div ul li a:hover, #header-navigations div ul li.active a{

	background-image: url(../images/navi-pfeil.gif);

	background-position: center bottom;

	background-repeat: no-repeat;

	background-color: #002241;/*Gewählte Farbe*/

}



#header-navigations div ul li.active a {

    font-weight: bold;

}



#header-navigations div#header-navigation-right ul li {

    margin: 0 0 0 35px;

}



#header-navigation-right{float:right;}

#header-navigation-right a{color: #7EAA1F;}



#content-wrapper {

    margin: 10px auto 0;

    padding: 0 5px;

}



#content-positioner {

    background: transparent url(../images/background-repeat.png) repeat-y scroll 0 0;

    border: 0;

    border-collapse: collapse;

    padding: 0;

    width: 940px;

}



#navigation {

    padding: 0 10px 0 0;

    width: 170px;

}



#content {

    padding: 0 0 0 10px;

    width: 750px;

}



#footer {

	float: right;

    margin-top: 10px;

    padding: 5px;

    text-align: right;

    width: 500px;

}





#navigationscolor{

	font-size: 0px;

	height: 10px;

	margin: 0;

	padding: 0;

	background-color: #002241;/*Gew�hlte Farbe*/

}





/* __ outer shapes __ */

/**********AnfrageBTN*************/

#hotelsuchebtn{

	width: auto;

	background-image: url(../images/button-hotelsuche-bg-sprite.jpg);

	background-position: 0 0;

	border: 0;

	height: 40px;

	width: 167px;

	padding: 0 0 0 10px;

	margin: 10px 0 0 0;

	text-align: left;

}



#hotelsuchebtn:hover{	background-position: 0 -40px;cursor:pointer;}



#main-navigation{

	float: left;

	background-image: url(../images/main-navigation-bg.gif);

	background-position: left bottom;

	background-repeat: repeat-x;

	background-color: #fafafa;

	width: 240px;

	padding-top:20px;

}



#main-content{

	float: left;

	width: 718px;

	/*border: 1px dotted #C9C9C9;*/

	border-top: 0;

}



#main-content h1{

	font-family: 'Yanone Kaffeesatz', Arial;

	font-weight: normal;

	font-size: 30px;

	color: #4c4c4e;

	margin-top: -3px;

}



.anzeige{

	background-color: #FFFFFF;

    border-top: 1px dotted #C9C9C9;

    border-left: 1px dotted #C9C9C9;

    float: left;

    margin-left: 10px;

    width: 64px;

	text-align: center;

	border-right: 2px solid #e8e8e6;

	border-bottom: 2px solid #e8e8e6;

	font-size: 10px;

}



.anzeige span{font-size: 22px;}



.anzeigeinner{padding: 5px;}



.anzeige a{

	text-decoration:none;

	display: block;

    width: 64px;

}



#main-navigation li.headline p span{

	padding: 7px 0;

	display: block;

}

/********************************/

/*Main Navigation Listen*/

/********************************/

#main-navigation ul{

	margin: 10px;

	padding: 0;

}



#main-navigation ul li{

	list-style-type: none;

	border-left: 1px dotted #C9C9C9;

	border-right: 1px dotted #C9C9C9;

	background-color: #fff;

}





#main-navigation ul li a{

	height: 26px;

	line-height: 26px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	background-image: url(../images/main-navigation-pfeil.gif);

	background-position: left -26px;

	background-repeat: no-repeat;

	padding-left:20px;

}



#main-navigation ul li.first a{

	/*border-top: 1px dotted #C9C9C9;*/

	background-image: url(../images/main-navigation-pfeil-first.gif);

}



#main-navigation ul li.last a{

	border-bottom: 1px dotted #C9C9C9;

	background-image: url(../images/main-navigation-pfeil-last.gif);

	height:25px;

}



#main-navigation ul li a:hover, #main-navigation ul li a.mainactive{

	background-position: left 0;

}



#main-navigation ul li a.mainactive {

	font-weight: bold;

}



#main-navigation span.headline{

	font-family: 'Yanone Kaffeesatz', Arial;

	color: #818284;

	font-size: 22px;

	font-weight: normal;

	margin: 0 10px 10px;

	border-bottom: 1px dotted #818284;

	padding-top: 0;

	display: block;

}



#main-navigation li.headline{

	font-family: Arial;

	color: #000;

	font-size: 12px;

	font-weight: normal;

}



#main-navigation li.headline{

	background-image: url(../images/headline-bg.gif);

	background-position: left bottom;

	background-repeat: no-repeat;

	background-color: transparent;

	/*height: 53px;*/

	border-left: 0;

	border-right: 0;

	border-top: 1px dotted #C9C9C9;

	padding:  5px 10px 20px 10px;

}

/***************************************************************/

#main-navigation li.headline .oneline{

	position: absolute;

	margin-top: 0px;

}



#main-navigation li.headline .twolines{

	position: absolute;

	margin-top: 7px;

}



#main-navigation li.headline a{

	margin:0;

	padding: 0;

	line-height: 14px;

	background-image: none;

	text-decoration: underline;

	height: 14px;

	display: inline;

	background-color: transparent;

}



#main-navigation li.headline .inhalt{

	margin-left: 26px;

	margin-bottom: 6px;

}



#main-navigation li.headline p{

	position: relative;

	top: 5px;

	margin: 0;

	padding: 0;

}



#main-navigation li.headline a:hover{

	background-image: none;

	text-decoration: none;

}



#main-navigation li.headline-trenner{

	border: 0;

	background-image: url(../images/headline-trenner-bg.gif);

	background-position: left bottom;

	background-repeat: no-repeat;

	height: 5px;

	line-height: 5px;

	font-size: 0px;

	background-color: transparent;

}





.headline .content{zoom: 1; display: block;}

.headline .margin30{margin-left: 30px;}

.headline .margin10{margin-left: 10px;}

.headline .icon{left: 0; position: absolute; top: 5px;}

.headline .icon .oneline{left: 0; position: absolute; top: 2px;}



.clear {

    clear: both;

}



/***************************************************************/



#main-navigation input.input {

	background-color: #fff;

	border: 1px dotted #C9C9C9;

	height: 24px;

	margin-left: 10px;

	margin-top: 7px;

	padding-left: 5px;

	padding-right: 5px;

	width: 208px;

	line-height: 24px!important;



}



#main-navigation input.icon {

    background-image: url("../images/icons/user_suit.png");

    background-position: 3px 5px;

    background-repeat: no-repeat;

    padding-left: 25px;

    width: 188px;

}



#main-navigation input.right {

    background-image: url("../images/icons/magnifier.png");

    background-position: 198px 5px;

    background-repeat: no-repeat;

    padding-left: 5px;

    padding-right: 25px;

    width: 188px;

}



#main-navigation input.key {

    background-image: url("../images/icons/key.png");

    background-position: 3px 5px;

    background-repeat: no-repeat;

}



#main-navigation #login{

	padding: 6px 11px 0px 11px;

}





#login div.wrap {

	width: 214px;

}



#login div.left {

	float: left;

}



#login div.right {

	text-align: right;

	float: right;

}



.small {

	font-size: 11px;

}



#login div.loginspeichern {

	height: 20px;

	line-height: 20px;

}



#login div.loginspeichern label {

	margin:0;

	padding:0;

	height:20px;

	position:relative;

	top:-1px;

}



#login div.loginspeichern {

	margin-bottom: 5px;

}



/*MERGE*/

#content {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	padding-bottom:20px;

}



#content div.box {

	float: left;

}



#content div.box div.inner {

	padding: 10px;

}



#content img {

	margin: 5px 5px 5px 0;

}

/************************/

/* Columns                     */

/************************/

#columnwrapper {

	width: 950px;

}



#columnwrapper a {

	color: #7EAA1F;

}



.bordertop {

	border-top: 1px dotted #c9c9c9;

}



.borderbottom {

	border-bottom: 1px dotted #c9c9c9;

}



.threecolumns, .twocolumns, .two-one-columns, .one-two-columns, .onecolumn {

	background-position: left top;

	background-repeat: repeat-y;

	border-left: 1px dotted #c9c9c9;

	border-right: 1px dotted #c9c9c9;

}



.threecolumns {

	background-image: url(../images/drei.gif);

}



.twocolumns {

	background-image: url(../images/zwei.gif);

}



.two-one-columns {

	background-image: url(../images/zwei-eins.gif);

}



.one-two-columns {

	background-image: url(../images/eins-zwei.gif);

}

/*Breiten f�r Spalten----------------------------------------------*/

#content div.column3 {

	width: 316px;

}



#content div.last {

	width: 316px;/*950 durch drei.. 2x 316px und der letzte 318px*/

}



#content div.column2 {

	width: 474px;

}



#content div.column1 {

	width: 950px;

}



#content div.column1-3 {

	width: 315px;

}



#content div.column2-3 {

	width: 632px;

}



.encapsulated {

	margin-top: 10px;

	border-left: 1px dotted #c9c9c9;

	border-bottom: 1px dotted #c9c9c9;

	border-right: 1px dotted #c9c9c9;

	border-top: 1px dotted #c9c9c9;

}



/*Breiten f�r Spalten----------------------------------------------*/

.footer {

	margin-top: 30px;

	width: 950px;/*Neue Breite setzten, da nicht im Wrapper*/

}



.footer ul{

	list-style-type: square;

	color: #cdcdcd;

	margin: 0;

	padding: 0 0 0 15px;

}



.footer ul span, .footer ul a {

	color: #000;

}



/************************/

/*     �berschriften        */

/************************/



#content div.box h1, b.headline2, h1, h2, h3, h4, h5, h6 {

    color: #4C4C4E;

    font-family: 'Yanone Kaffeesatz',Arial;

    font-size: 25px;

    font-weight: normal;

	line-height: 45px;

   /* margin-top: -3px;*/

}



#content  b.headline2 {

	font-size: 25px;

}



#content div.box h2, b.headline3 {

    color: #4C4C4E;

    font-family: 'Yanone Kaffeesatz',Arial;

    font-size: 25px;

    font-weight: normal;

    margin-top: -3px;

}



.linkliste, .messeangebote {

	padding: 0;

	margin: 0;

	width: 100%;

	list-style: none;

}



ul.width20 li {

	width: 20%;

}



ul.width25 li {

	width: 25%;

}



ul.width50 li {

	width: 50%;

}



.linkliste li {

	float: left;

	margin-bottom: 10px;

}



.linkliste li.country-headline {

    width: 100%;

    font-weight: bold;

}



.linkliste a, .messeangebote a {

	color: #7EAA1F;

}



.messeangebote li {

    line-height: 1.5;

}



#schatten {

    background-image: url("../images/schatten.png");

    background-position: center bottom;

    background-repeat: repeat-x;

    font-size: 0;

    height: 5px;

    margin-bottom: -5px;

    position: relative;

}



/*Breiten f�r Spalten----------------------------------------------*/

#content div.column3 {

	width: 316px;

}



#content div.last {

	width: 316px;/*950 durch drei.. 2x 316px und der letzte 318px*/

}



#content div.column2-1 {

	width: 474px;

}



#content div.column2-2 {

	width: 474px;

}



#content div.column1 {

	width: 950px;

}



#content .one-two-columns div.column1-3 {

	width: 316px;

}



#content .one-two-columns div.column2-3 {

	width: 634px;

}



#content .two-one-columns div.column1-3 {

	width: 315px;

}



#content .two-one-columns div.column2-3 {

	width: 632px;

}





.firstboxposition {

	margin-bottom: 10px;

	border-left: 1px dotted #c9c9c9;

	border-bottom: 1px dotted #c9c9c9;

	border-right: 1px dotted #c9c9c9;

}



.schluessel {

	background-image: url(../images_ma2/schluessel.jpg);

	background-position: 720px top;

	background-repeat: no-repeat;

}



.firstboxposition label {

	position: relative;

	top: -4px;

	/*margin-left: 10px;*/

}



.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }

.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



#startanfrage #auswahl {

    color: #000000;

    margin-bottom: 5px;

    margin-top: -5px;

}



#startanfrage #auswahl span {

    display: block;

}



#startanfrage #auswahl span input {

    margin-left: 0;

    margin-right: 6px;

}



#startanfrage #auswahl span label {

    cursor: pointer;

    position: relative;

    top: -1px;

}



#startanfrage select {

    border: 1px dotted #C9C9C9;

    color: #000000;

    font-size: 11px;

    height: 23px;

    margin-bottom: 10px;

    padding: 2px;

    width: 188px;

}



#startanfrage input.input, #header-navigation-right input.input {

    border: 1px dotted #C9C9C9;

    color: #000000;

    font-size: 11px;

    height: 13px;

    margin-bottom: 10px;

    padding: 5px 3px;

    width: 180px;

}



label i.alignright {

    margin-left: 7px;

    margin-right: 0;

}



i {

    display: inline-block;

    font-size: 0;

    font-style: normal;

    margin-top: 1px;

    vertical-align: top;

}



#header-navigation-right .header-login,

#header-navigation-right .facebook-like,

#header-navigation-right .google-plusone {

	float: left;

	margin-right: 15px;

    position: relative;

    top: -3px;

}



#header-navigation-right .facebook-like {

    margin-right: 5px;

}



#header-navigation-right .google-plusone {

    padding-top: 4px;

}



.highlighted{

	background-color: #fcffd5;

}



.mbm {

    margin-bottom: 10px !important;

}



img.icon {

    position: relative;

    top: -7px;

}



.fl {

    float:left; 

}



/**************** Box Clickable ****************/

.hotelbox{

	margin-bottom: 10px;

	padding-top: 10px;

	background:#EBECED;

}



.clickable{

	cursor: pointer !important;

}



.hotelbox:hover{

	background:#D6D8DC;

}



.hotelbox.selected, .hotelbox.selected .boxinnen{

	background:#D6D8DC;

}



.boxinnen{

	padding-left:15px;

	background:#EBECED;

}



.boxinnen:hover, .hotelbox:hover .boxinnen{

	background:#D6D8DC;

}



.boxinnen input.checkbox {

    margin-top: 6px;

    float:left;

}



.boxtxt{

	float: right;

    padding: 0 10px 10px;

    width: 870px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	font-size:1.2em;

}



.boxtxt img.hotelbild {

	margin-bottom: 5px!important;

    margin-right: 15px!important;

    margin-top: 5px!important;

	float: left;

	border:3px solid #DBDDDF;

}



.boxtxt .hoteldetails {

	font-weight:bold;

	font-size:13px;

}



.boxtxt img.tv-icon {

	border: 0;

	float: right;

	cursor: help;

}



.boxAuszeichnungen{

	margin-bottom: 10px;

	padding: 15px;

	width: 340px;

	background:#E6E6E6;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



.hotelbox h2 {

	margin-top:0px!important;

	margin-bottom:-13px;

}



.hotelbox h2 a {

	font-size: 22px;

}



/**************** Hoteldetails ****************/



table.separated {

    border: 1px dotted #C9C9C9 !important;

    text-align: left;

}



table.separated tr td {

    border: 1px dotted #C9C9C9 !important;

}



table.none, table.none td {

    background-color: transparent;

    border:none!important;

}



#columnwrapper table.none tr td table tr th {

    border: none!important;

    border-collapse: collapse;

}



.smaller {

    font-size: smaller;

}



.center {

    text-align:center!important;

}