/***** general attributes *****/

body {	
		font: 12px verdana, helvetica, arial, sans-serif;
		color: black; background-color: white;
		padding: 0; margin: 0;
}
li, td, th, font { font-size: 12px }
select, input { font-size: 12px }
/* select, input { font-size: 0.8em } */

form { margin: 0 }

table { border: none; margin: 0; border-collapse: collapse; }
td { vertical-align: top; }

img, fieldset { border: none }


a { text-decoration: none }
a:link			{ background-color: inherit; }
a:visited		{ background-color: inherit; }
a:link, a:visited, a:active	{ color: #00007f; }

a:hover			{ color: #000000; text-decoration: underline }
a:active		{ background-color: inherit; }





/* layout components */


/* nun im kopf der Seiten

#container { width: 962px }
#kopf { width: 802px }

#content {
	float: left;
	width: 637px;
	margin-left: 165px;
}
* html #content { display: inline; } 

#menu-senkrecht {
	float: left;
	width: 165px;
	margin-left: -802px;
}
#marketing { float: left; width: 160px; }

*/



#fuss { clear: both; }




/***** specific *****/


/* boxes */

div.box-small a			{ text-decoration: none }
div.box-small a:link	{ color: black }
div.box-small a:visited	{ color: #6F6F6F }
div.box-small a:hover	{ color: black;text-decoration: underline }
div.box-small a:active	{ color: black }

div.box-wide a:link		{ color: black }
div.box-wide a:visited	{ color: #6F6F6F }
div.box-wide a:hover	{ color: black;text-decoration: underline }
div.box-wide a:active	{ color: black }


div.box-small p { margin: .5em 1em }



/* bread crumb trail */

.breadcrumb {
	color: #7f7f7f;	background-color: inherit;
	margin: 0 0 0 1em; padding: .5em 0 .5em 0;
	font-weight: bold;
}
.breadcrumb a { padding: .5em 0 .5em 0; font-weight: normal }



/* alpha-tabs */

ul.alphatabs { margin-left: 4em; padding-left: 0; }
ul.alphatabs li { display: inline; }
ul.alphatabs a { padding: .3em 3px; font-weight: bold }


/* results-navi */

div.results-navi { text-align: center; margin: .3em 1em; font-size: 12px; color: black }
div.results-navi a { padding: .3em 6px; font-weight: bold; text-decoration: none }




/* regionen */

table.regions a { text-decoration: none }

/* hotelliste */

table.hotellist a 			{ text-decoration: none }
table.hotellist a:link		{ color: black }
table.hotellist a:visited	{ color: gray }
table.hotellist a:hover	{ color: black }
table.hotellist a:active	{ color: rgb(249,230,189) }


table.hotellist { width: 628px }
table.hotellist img { border: none }
table.hotellist td {
	padding: 4px 8px;
	vertical-align: middle;
}

/*
table.hotellist tr.odd td  { background-color: rgb(227,219,207);}
table.hotellist tr.even td	{ background-color: rgb(255,246,231);}
*/
table.hotellist tr.hotel td {
	background: url(row-background-hotels.gif) repeat-x top left;
}
table.hotellist tr.path p { margin: .5em 0 -3px -3px }

table.hotellist img.sterne, span.sterne img.sterne {
	width: 75px;
	height: 14px;
 	background-repeat: no-repeat;
 	background-color: transparent;
}
/*
table.hotellist tr.odd img.sterne  { background-image: url(sterne-odd.gif) }
table.hotellist tr.even img.sterne { background-image: url(sterne-even.gif) }
*/
table.hotellist tr img.sterne, span.sterne img.sterne { background-image: url(sterne.gif) }

table.hotellist img.n5, span.sterne img.n5 { background-position: 0 0 }
table.hotellist img.n4, span.sterne img.n4 { background-position: -15px 0 }
table.hotellist img.n3, span.sterne img.n3 { background-position: -30px 0 }
table.hotellist img.n2, span.sterne img.n2 { background-position: -45px 0 }
table.hotellist img.n1, span.sterne img.n1 { background-position: -60px 0 }
table.hotellist img.n0, span.sterne img.n0 { background-position: -75px 0 }

table.hotellist tr img.wertung, table.review-overview tr img.wertung, table.bewertung tr img.wertung {
	background-color: rgb(255,153,0);
	background-image: url(wertung.gif);
	background-repeat: repeat-y;
	width: 100px;
	height: 6px;
}


table.hotellist td.wertung a, table.review-overview td.wertung a, table.bewertung td.wertung a {
	text-decoration: none
}


table.hotellist td.wertung, table.review-overview tr td.wertung, table.bewertung tr td.wertung {
	text-align: center
}

table.hotellist thead th { text-align: left; padding-left: 1.5em }


/* Hotel hinzufügen */

div.addhotel {
	text-align: right;
}
div.addhotel a {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding: .5em 0 .5em 25px;
	background: url(/style/hotel-hinzufuegen.gif) center left no-repeat;
	text-decoration: none
}

/* boxes */

div.box-wide {
	width: 632px;
	background: url(box-bottom-632.gif) no-repeat bottom left;
	margin: 0 0 1em 0;
	padding-bottom: 3px
}

div.box-wide p { margin: 1em }

div.box-wide h2, div.box-wide h1 {
	background: url(box-head-632.gif) no-repeat top left;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 5px 0
}
div.box-wide h3 { margin: 1em; font-size: 12px }
div.box-wide table.hotellist { margin: 1em 2px }




div.box-small {
	width: 160px;
	background: url(box-bottom-160.gif) no-repeat bottom left;
	margin: 0 0 1em 0;
	padding-bottom: 2px
}

div.box-small h2 {
	background: url(box-head-160.gif) no-repeat top left;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 3px 0
}

div.box-small ul { margin-left: .5em }
div.box-small ul { padding-left: .5em }
div.box-small ul li { list-style-type: none }


/* buma */

#buma {															/* container for all other elements */
	width: 632px;
	background: url(box-bottom-buma.gif) no-repeat bottom left;
	padding-bottom: 5px;
	margin-bottom: 1em
}
#buma a { text-decoration: none }


#buma table {
	margin: 5px 0 0 0;
	width: 626px
}
#buma .spalte1, #buma .spalte2, #buma .spalte3 { padding-left: 1em }
#buma .heading th { padding-bottom: 6px; text-align: left }
#buma .suchen { text-align: right; }

#buma .suchen input { }
#buma input.disabled { border: 2px solid rgb(220,220,220); background-color: white; color: black; }


#buma .tabs {
	width: 632px; height: 26px;
	background: url(tabs.gif);
	margin: 0; padding: 0;
	position: relative; top: 0px; left: 0px;
}
#buma .tabs li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#buma .tabs li, #buma .tabs a {height: 26px; display: block;}
#buma .p {left: 0; width: 211px;}
#buma .f {left: 211px; width: 210px;}
#buma .h {left: 421px; width: 211px;}
#buma .p a:hover {background: transparent url(tabs.gif) 0 -52px no-repeat;}
#buma .f a:hover  {background: transparent url(tabs.gif) -211px -26px no-repeat;}
#buma .h a:hover {background: transparent url(tabs.gif) -421px -52px no-repeat;}
#buma .p a.current, .p a:active, .p a.current:hover {background: transparent url(tabs.gif) 0 -26px no-repeat;}
#buma .f a.current, .f a:active, .f a.current:hover {background: transparent url(tabs.gif) -211px -52px no-repeat;}
#buma .h a.current, .h a:active, .h a.current:hover {background: transparent url(tabs.gif) -421px -26px no-repeat;}


#buma .bumaout {
	display: none;	/**/
	margin: 5px;
}

#buma .bumaout .divider {
	width: 615px;
	height: 15px;
	border: none;
	margin-left: 3px;
}
#buma .bumaout iframe {
	width: 618px; height: 1500px;
	border: 1px solid white;
}



/* regionsinfos */

table.regionsinfos {
	margin: .5em
}

div#map { text-align: center; width: 580px; }
div#map img { border: 1px solid rgb(180,180,180) }

/* bewewerten & Gewinnspiel */

div.bewerten { margin: 1em 0 }
div.bewerten div.bewertengewinnen { margin: .5em 0 .5em .7em }



/* */

form.category-search {
	display: block;
	margin: 1em;
	padding: 0 3em
}

#menue form {
	background: transparent url(search.gif) 0px 1px no-repeat;
	height: 20px;
}

input.search {
	color: gray;
	background-color: transparent;
	border: none;
	margin-left:19px;
	padding-top:4px;
	font: 11px helvetica, arial, verdana, sans-serif;
}


/* Bewertungen (Übersicht bei Hotels) */

table.review-overview { width: 628px; margin: 0 2px }
table.review-overview td { 
	background: url(row-background-reviews.gif) repeat-x bottom left;
	padding: .5em 1em;
}

table.review-overview a { text-decoration: none }

span.autor { float: right; color: rgb(100,100,100) } /* reviews und Details */
table.review-overview p { margin: .5em 0 }



table.bewertung td { padding: .5em }

table.personenfragebogen td { padding: .2em .5em }



table.dyn th, table.dyn td { margin: 0; padding: 0 }

table.dyn div { margin: 0; padding: 0 }



table.wertung { width: 130px; float: left; margin: 0 }
table.wertung td { text-align: center; padding: 0 }
table.wertung tr.radiobuttons td { width: 16.6%; text-align: center }
table.wertung tr.labels td { width: 33.3% }
table.wertung td.gering { text-align: left }
table.wertung td.hoch { text-align: right }
table.wertung img.wertung { background-image: url(wertung.gif); background-color: rgb(253,160,20); background-repeat: no-repeat }

div.wertung { margin-left: 150px }


/* page bilder Seiten */

div.box-bagebuilder {
	margin: 1em;
	line-height: 1.4em;
}
div.box-bagebuilder h2 {
	line-height: 1.2em;
}
div.box-bagebuilder h1, div.box-bagebuilder h2, div.box-bagebuilder h3, div.box-bagebuilder h4 {
	font-size: 12px
}


/* 'menü' */

#menue {
	background: rgb(254,194,105) url(menu-background.gif) repeat-x top left;
	padding: 3px
}


/* footer */


a				{ text-decoration: underline }
a:link			{ color: rgb(80,80,80) }
a:visited		{ color: rgb(80,80,80) }
a:hover			{ color: black }
a:active		{ color: black }


#fuss img.awards { float: right }

#fuss {
	text-align: center;
	padding: 1em;
	color: rgb(80,80,80);
	background: rgb(201,201,201) url(footer-background.gif) repeat-x top left;
}

#fuss .text { text-align: center; }

p.error {
	color: #FF0000;
	background-color: inherit;
	font-weight:bold;
	text-align: left;
	font-size: 12px;
}

ul.error {
	color: #FF0000;
	background-color: inherit;
	font-weight:bold;
	text-align: left;
	font-size: 12px;
}

p.message {
	color: #FF0000;
	background-color: inherit;
	text-align: left;
	font-size: 12px;
	
}