/* ================================================
Aufbau: 1. Kalibrierung
			2. Allgemeine Styles
			3. Styles im Layoutbereich
			4. Sonstige Styles
	    
================================================= */



/* ================================================
1. Kalibrierung
================================================= */

* {
	clear: none;
	padding: 0px;
	float: none;
	margin: 0px;
}
.style3 {
	font-size: 12px;
}
.style4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	margin: 0 0 10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border:0px
}
h1 {
	font-size:22px;
	margin: 0 0 5px;
}
h3 {
	padding: 0 0 5px 0;
	background-color:FFFFFF;
	color: #448aae;
}
/* ================================================
2. Allgemeine Styles
================================================= */

html {
	width:100%;
	height:101%;
	background-image:url(../images/smallbg.gif);
	background-position:top left;
	background-repeat:repeat-x
}
body {
	width:100%;
	height:101%;
	margin:auto;
	background-image:url(../images/bg_neu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

/* ================================================
3. Styles im Layoutbereich
================================================= */
#kopfbereich {
	width:1000px;
	height:321px;
	margin:0 auto;
	background-image:url(../images/bg_neu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}
/* ======================
       Hyperlinks */
a {
	text-decoration:none;  /* man sollte die Reihenfolge beachten: nicht besuchte, besuchte, hover-focus, active*/
	outline: none;
}
a:link {
	color: #d90000;
} /* nicht besuchte Links*/
a:visited {
	color: #cc6600;
} /* besuchte Links*/
a:active {
	background-color: #448aae;
	color: #ffffff;
}
/* ======================
	Menue oben u. Hauptmenue 
====================== */

#meta {
	width:150px;
	border-top:6px solid #DDDDDD;
	padding-top:42px;
	text-align:center;
	font-size:11px;
	color:#5B5B5B;
	margin:0 0 0 310px
}
#meta a {
	font-family:Tahoma;
	color:#5B5B5B;
	text-decoration:underline
}
#meta a:visited {
	text-decoration:underline
}
#meta a:hover {
	text-decoration:none
}
.marl {
	margin-left:8px;
}
.marr {
	margin-right:8px;
}
#menu {
	position:absolute;
	top:275px;
	left:23px;
}
#menu li, #forum li {
	list-style-type:none;
	float:left;
	margin:0 20px 0 0
}
#menu a, #forum a {
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:12px;
	color:#323232;
	text-decoration: none;
	padding:0 0 0 10px
}

#menu a:focus, #forum a:focus {
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration: underline;
	padding:0 0 0 10px
}
#forum a:hover, #menu a:hover, {
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration: underline;
	padding:0 0 0 10px
}
#forum {
	position:absolute;
	top:273px;
	left:756px;
}
/* ================================================
3. Styles im Layoutbereich
================================================= */

#wrapper{
width:1000px;
margin:0 auto;
}
#left{
width:191px;
float:left;
}
#left_navigation{
	background-image:url(../images/gbg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:191px;
	float:left;
}
#left_navigation a {
font-size:12px;
}

#left_navigation img{
float:left
}
.title1{
	background-image:url(../images/title1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:24px;
	width:140px;
	display:inline;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
}
.contries{
width:170px;
display:block;
float:left;
padding:13px 0 15px 19px;
font-family:Arial;
font-size:12px;
}
.contries li{
list-style-type:none;
line-height:18px;
}
.contries li a{
background-image:url(../images/arrow.gif);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0 0 0 11px;
color:#323232;
text-decoration:none;
}
.contries li a:visited{
background-image:url(../images/arrow.jpg);
background-position:0px 3px;
background-repeat:no-repeat;
padding:0 0 0 11px;
color:#323232;
text-decoration:none;
}
.contries li a:hover {text-decoration: underline;}
.new{
color:#E60404;
font-weight:bold;
}
.more{
font-family:Arial;
font-size:12px;
color:#009EDC;
margin:0 0 5px 30px;
float:left;
}
.banner{
margin:5px 0;
float:right;
}
.banner_nil {
margin:10px 0 0 15px;
float: inherit;
}
.banner_tt{
margin:10px 0 0 35px;
float: inherit;
}
#central{
width:507px;
float:left;
margin:0px 12px 0 20px;
display:inline;
}
.welcome{
background-image: url(../images/welcome_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
width:374px;
font-family:Tahoma;
font-size:11px;
color:#565656;
padding:93px 0 25px 133px;
}
.welcome p{
display:block;
width:360px;
}
.search{
background-color:#448AAE;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding:11px 0 9px 0;
margin:0 0 30px 0
}
.search input sform{
width:205px;
height:30px;
}
#ok{
position:absolute
}
#ok img{
position:relative;
top:0px;
left:0px;
}
.block{
width:470px;
margin:0 0 20px 13px;
display:inline;
float:left
}
.block img{
float:left;
}
.block div{
float:left;
margin:0 0 0 25px;
}
.block div h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565656;
text-decoration:underline;
font-weight:bold
}
.block div p{
font-family:Tahoma;
font-size:11px;
color:#565656;
display:block;
width:259px;
border-bottom:1px solid #D2D2D2;
padding:15px 0 10px 0;
margin:0 0 5px 0;
}
.price{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E63309;
font-weight:bold;
display:block;
float:left;
width:160px;
}
.more{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#009EDC;
text-decoration:underline;
float:left
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
#right{
width:261px;
float:left;
}
.right_block{
background-image:url(../images/block_bg.gif);
background-position:top left;
background-repeat:repeat-y;
width:261px;
margin:0 0 5px 0
}
.title2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background-image:url(../images/title_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
width:261px;
padding:20px 0 35px 0;
text-align:center
}
.title3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../images/title3_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:261px;
	text-align:center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
	text-indent: 30px;
}
.item{
	width:220px;
	padding:0 10px 0 17px;
	font-family:Tahoma;
	font-size:11px;
}
#item2 {
	width:155px;
	height:220px;
	padding:0 10px 0 35px;
	border-style: none;
}
.item span{
display:block;
font-weight:bold;
color:#448AAE;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.item p{
padding:5px 0;
}
.item a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#009EDC;
text-decoration:underline
}
.item a:visited{text-decoration:underline}
.item a:hover{text-decoration:none}
.photo{
background-image:url(../images/photo_bg.gif);
background-position:top left;
background-repeat:no-repeat;
padding:13px;
}
.name{
margin:0 0 5px 9px;
color:#565656
}
.details{
margin:5px 0 0 9px;
}
/* =======================================
Fußbereich
========================================= */

#footer{
width:100%;
float:left;
padding:50px 0 0 0
}
#footer div{
background-color:#448AAE;
text-align:center;
padding:10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F3FBFF;
}
#footer div a{
color:#F3FBFF;
text-decoration:underline;
margin:0 5px;
}
#footer div a:visited{text-decoration:underline}
#footer div a:hover{text-decoration:none}
#copy{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#323232;
text-align:center;
line-height:40px;
}
#copy a{
color:#B94304;
text-decoration:underline
}
#copy a:visited{text-decoration:underline}
#copy a:hover{text-decoration:none}
#big{
padding:52px 10px 0 10px;
float:left;
background-image:url(../images/big_bg.jpg);
background-position:22px -1px;
background-repeat:no-repeat;
}
#big_hotel{
padding:52px 10px 0 10px;
float:left;
width:790px;
background-image:url(../images/big_bg.jpg);
background-position:22px -1px;
background-repeat:no-repeat;
}
#big h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#565656;
width:765px;
padding:0 0 5px 0;
border-bottom:1px solid #DBDBDB;
margin:0 0 10px 0
}
.other{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#009EDC;
text-decoration:underline
}
.other:visited{text-decoration:underline}
.other:hover{text-decoration:none}
.big_photo{
width:260px;
text-align:center;
float:left;
margin:0 18px 0 0
}
.big_photo img{
margin:0 0 10px 0
}
.text{
float:left;
width:485px;
font-family:Tahoma;
font-size:11px;
color:#565656
}
.text p{
padding:0 0 5px 0
}
.text p {
	padding:0 0 5px 0;
}
/* später angelegt*/

.inhalt {
	width:657px;
	text-align: left;
	float:left;
	clear:left;
	border-right: #CCCCCC thin groove;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	height:101%;
}
#inhalt_hotel {
	width:655px;
	height:1000px;
	border:#000000 thick;
	border-style:solid;
	text-align:center;
	float:left;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	height: auto;
}
#inhalt_parken {
	float:left;
	width:770px;
	height: auto;
}
#iframe {
	margin:auto;
	padding:0 0;
}
.reise_sevice {
	padding: 0 0 0 5px;
}
#werbe_box {
	
	padding: 16px;
}
.reise_service {
	width:185px;
	border: none;
	padding: 0 3px 0 3px;
} 
.such {
	font-size: 9px;
	padding: 1px;
}
.search_ergebniss {
	height: 600px;
}
 #menu span, #forum span {
 	background-image:url(../images/circle.gif);
 	background-position:0px 4px;
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration: underline;
	padding:0 0 0 14px
}
 
 
@import url(http://www.google.com/cse/api/branding.css);

em {
	font-weight: bold;
	font-style: normal;
}

#output a {	font-size:12px; font-weight: normal;}

/*.searchword  { padding: 0 0 0 0; color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}*/


.mod {
	display: block; 
	font-size: .8em;
}

#searchfooter {
	background-color:#FFFFFF;
	font-size: .8em;
	font:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin-top: 1em;
}
#suchform {
	margin-left:10px;
	width:507px;
	text-align:left;
}
.label {
	/*background-image: url(../images/button.jpg);
	background-repeat: no-repeat;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;*/
	font-size:10px;
}
#output li {
	background-color:#FFFFFF;
	color:#323232;
	list-style:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 5px 5px;
}
#wait {
	padding: 5px 5px;
}
#email {
	padding: 14px 14px;
}
#domrep  {
	padding: 0 15px 5px 0;
	float:left;
}
#right_content {
	float:left;
	width:auto;
	font-family:Tahoma;
	font-size:11px;
	color:#565656;
	height: auto;
}
#impressum {
	width: 510px; 
	height: 650px;
	padding: 0 0 0 0;
}
#impressum p {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	color:#CC0000;
}
.such  {
background: ##448AAE url(url(../images/button.jpg)) no-repeat bottom right;
width:40px;
height:24px;
}
