/*

	OneByte GmbH
	e-Business & Webdesign

	www.onebyte.ch
	info@onebyte.ch

	Stefan Bommeli
	support@onebyte.ch

*/

* {
	margin: 0;
	padding: 0;
	
}

html {
	background: #fff;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#webcontent {
	margin: 0px auto;
	text-align: left;
	width: 960px;
	background: #fff;
	line-height: 150%;
	color:#888775;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header {
	width: 964px;
	height: 130px;
	background-color: #949380; /*#949380*/
}
#sprachen {
	float: left;
	width: 951px;
	padding: 0 0 0 13px;
	color: #FFF;
	height:20px; 
	line-height:20px;
	display:block;
	background-color:#949380;
	z-index:999;
}
#sprachen a {
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
	text-transform: lowercase;
}
#sprachen a:hover, #sprachen a.aktiv {
	text-decoration: underline;
	color: #FFF;
}

#logo {
	width: 642px;
	float: right;
	text-align:right;
}
#stimmungsbild {
	float: left;
	border-top: 0px solid #949380;
}


/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
	 
#mainnavi {
	float: left;
	text-align: left;
	background-color: #C7C7BD;
	width: 964px;
	height: 25px;
	margin-left:0px;
	
}
#mainnavi ul {
	float: left;
	background: url(../images/buttons/linie_hauptnavi.gif) top left no-repeat;
	padding-left: 1px;
}
#mainnavi li {
	list-style: none;
	float: left;
	background: url(../images/buttons/linie_hauptnavi.gif) top right no-repeat;
	padding-left: 1px;
}
#mainnavi li a {
	display: block;
	padding: 2px 29px;
	line-height: 21px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #504e4e;
	/*text-transform:uppercase;*/
}
#mainnavi li a:hover, #mainnavi li a.aktiv {
	margin: 0 2px 0 0;
	padding: 0 26px 0 29px;
	font-size: 12px;
	line-height: 25px;
	color: #504e4e;
	background: #FFF;
	border-right: 1px solid #FFF;
	/*text-transform:uppercase;*/
}





/* Elemente Oben */
#seitenkopf {
	width: 964px;
	height: 250px;}

/* Login */ 
#login {
	width: 959px;
	height: 20px;
	float: left;
	text-align: right;
	padding: 5px 5px 0 0;
	color: #888775;
	background-color:#fff
}
/* Slideshow */ 
#slideshow {
	width: 960px;
	height: 130px; /*178*/
	float: left;
	border-top: 1px solid #c7c7bd;
	border-bottom: 1px solid #c7c7bd;
}
#slideshow1 {
	width: 744px;
	height: 178px;
	float: left;
	border-top: 1px solid #c7c7bd;
	border-bottom: 1px solid #c7c7bd;
}
#slideshow2 {
	width: 210px;
	height: 178px;
	float: left;
	margin-left:6px;
}
/* Sprachen  
#sprachen {
	float: left;
	position: absolute;
	z-index: 1000;
	width: 100px;
	height: 20px;
	
	margin: 26px 0 0 0px;
	background: #FFF;
	padding: 5px 5px 1px 5px;
	color: #FFFFFF;
	margin-top:-179px; 
}*/
/**+html #sprachen{
	float: left;
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 20px;
	/*margin: 153px 0 0 -110px;*/
	/*margin: 500px 0 0 -960px;
	background: #FFF;
	padding: 5px 5px 1px 5px;
	color: #FFFFFF;
}*/
#login a {color: #888775; text-decoration:none;padding:1px;}
#login a:hover {color:#FFF; background-color:#888775; padding:1px;}


/* Elemente Mitte */
#seitenmitte {clear:both;}
#mittelinksTop {
	width: 498px;
	height: 195px;
	float: left;
	margin-left:10px;
}
#mitteGanzeBreite {
	width: 960px;
	float: left;
	margin-bottom:20px;
	margin-left:10px;
}
#mittelinksTopResult {
	width: 610px;
	height: 195px;
	float: left;
}
#mitterechtsTop {
	margin-top:5px;
	width: 442px;
	height: 170px;
	float: left;
	margin-right:20px;
}
#mitterechtsTop h1, #mittelinksTop h1, #mitteGanzeBreite h1 {
	text-transform:uppercase;
	font-size: 12px;
	font-weight:100;
}
#mitterechtsTop h1 strong, #mittelinksTop h1 strong, #mitteGanzeBreite h1 strong {
	text-transform:uppercase;
	font-size: 12px;
	font-weight:100;
	font-weight:bold;
}

/* Navigation allgemein */
#nav_kupfer ul {
	list-style: none;
	width: 269px;
}

#nav_kupfer li {
	min-height:29px;
	font-size: 14px;
	text-transform:uppercase;
	background-image:url(../images/navi_hg.jpg);
}
#nav_kupfer a {
	display:block;
	font-size: 14px;
	font-weight:normal;
	text-transform:uppercase;
}

#nav_kupfer a:link, #nav_kupfer a:visited{
	border-top: 1px solid #fff;
	height: 26px;
	padding-left: 10px;
	text-decoration: none;
	line-height: 26px;
	color: #888775;
	
}

#nav_kupfer ul li a.aktiv {
	text-decoration: none;
	color: #fff;
	font-weight:normal;
	background: #c7c7bd; /*#c7c7bd*/
}
#nav_kupfer ul li a:hover, #nav_kupfer ul li a.aktiv:visited{
	text-decoration: none;
	font-weight:normal;
	color: #fff;
	background: #c7c7bd;
	
}

/*SubNavigation*/
#nav_kupfer ul ul a:link, #nav_kupfer ul ul a:visited, #nav_kupfer ul ul a:active {
	padding-left: 76px;	
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#nav_kupfer ul ul a:hover, #nav_kupfer ul ul .aktiv, #nav_kupfer ul ul .aktiv:visited, #nav_kupfer ul ul a:active{
	color: #fff;
	text-decoration: none;
}




/*Inhalt*/

#seiteinhalt { 
	margin-left: 10px;
}


	
#seiteinhalt h1 {
	text-transform:uppercase;
	font-weight:100;
	font-size: 14px;
}
	
#mittelinks {
	margin-right:26px;
	margin-bottom:20px;
	width: 463px;
	float: left;
	
}
/* Startseite */

#seiteinhaltStart { 
	margin-left: 0px;
}

#mittelinksStart {
	border: 1px solid #949380;
	padding:5px;
	padding-left:7px;
	width: 238px;
	float: left;
	margin-bottom:10px;
	height:510px;
	
}

#mitteMitteStart {
	border: 1px solid #949380;
	padding:5px;
	width: 335px;
	float: left;
	margin-left:17px;
	margin-bottom:10px;
	height:510px;
	
}

#mitteMitteInhaltStart {
	border: 1px dotted #949380;
	padding:1px;
	width: 320px;
	float: left;
	margin-left:5px;
	margin-bottom:5px;
	
}


#mitteRechtsStart {
	border: 1px solid #949380;
	padding:5px;
	width: 315px;
	float: left;
	margin-left:17px;
	margin-bottom:10px;
	height:510px;
	
}

#mitteRechtsInhaltStart {
	border: 1px dotted #949380;
	width: 303px;
	float: left;
	margin-left:5px;
	margin-bottom:6px;
	
}


#mittelinksresult {
	margin-right:25px;
	margin-bottom:20px;
	width: 546px;
	float: left;
	
}
#mitterechts {
	margin-bottom:20px;
	width: 461px;
	float: left;
	
}
#mitterechtsdetail {
	margin-bottom:20px;
	width: 338px;
	float: left;
	
}

#result_map {
	/*position:fixed;*/
	margin-top: 10px;
	/*margin-left:600px;*/
	width: 350px;
	float: left;
}

#suchformular {
	height: 150px;
}

#mitterechtsTopDetail {
	margin-top: 10px;
	/*margin-left:600px;*/
	width: 350px;
	float: right;	
}

#map {
	border-top:1px solid #949380;
	margin-top: 35px;
	width: 350px;
	height: 450px;
	float:left;
	}
	
#map span.gmnoprint{display:none;}


/* Bild Text für Visionhotel */

.BildTextApartment {
	float: left;
	width: 242px;
	height: 40px;
	padding-top: 5px;
	position: absolute;
	z-index: 100;
	font-size: 13px;
	background: #FFF;
	filter: alpha(opacity=60);
  	opacity:0.6;
	text-align: center;
	color: #615947;
}
*+html .BildTextApartment{
	float: left;
	width: 242px;
	height: 42px;
	margin-left: -260px;
	margin-top: -2px;
	padding-top: 5px;
	position: absolute;
	z-index: 100;
	font-size: 13px;
	background: #FFF;
	filter: alpha(opacity=60);
  	opacity:0.6;
	text-align: center;
	color: #615947;
}
.rot{
	color: red;
	font-weight: bold;
}

.BildTextApartmentBelegt {
	float: left;
	width: 242px;
	height: 20px;
	padding-top: 5px;
	position: absolute;
	z-index: 100;
	font-size: 13px;
	background: #FFF;
	filter: alpha(opacity=60);
  	opacity:0.6;
	text-align: center;
	color: #615947;
}
*+html .BildTextApartmentBelegt{
	float: left;
	width: 242px;
	height: 22px;
	margin-left: -260px;
	margin-top: -2px;
	padding-top: 5px;
	position: absolute;
	z-index: 100;
	font-size: 13px;
	background: #FFF;
	filter: alpha(opacity=60);
  	opacity:0.6;
	text-align: center;
	color: #615947;
}

.BildTextApartment a, .BildTextApartmentBelegt a {
	text-decoration: none;
	color: #615947;
}

/* Links */
a.link, a.link:visited {
	text-decoration: underline;
	font-weight:bold;
	color:#888775;
}
a.linkNoUnderline, a.linkNoUnderline:visited {
	text-decoration: none;
	color:#888775;
}
.handAnzeige {cursor: hand}

a.link:hover, a.link:active {
	text-decoration: none;
}
a.linkNoUnderline:hover, a.linkNoUnderline:active {
	text-decoration: none;
}


a.Button, a.Button:link, a.Button:visited {
	border: #949380 1px solid;
	background: #e1e1dc;
	margin-right: 15px;
	padding: 0 15px;
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}
a.Button:hover, a.Button:active {	
	text-decoration: none;
	color: #333333;
}

.weiss_txt {
	color: #fff;
}

/* Maillink */

a.maillink {
	color: #999;
	text-decoration: none;
}
a.maillink:hover, a.maillink:active, a.maillink:visited {
	color: #666;
	text-decoration: none;
}

/* Textblöcke */
.tabelle {
	margin-bottom: 10px;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.tabelle tr {
	padding-bottom: 5px;
}
input, textarea, select {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	border:1px solid #949380;
	background-color:#e1e1dc;
	padding:1px 2px 1px 2px;
	margin-bottom: 5px;

}
.disabled {
		color: #999999;
}
.enabled {
		color: #333333;
}
.inputlang {width:250px;}
.inputort {width:190px;}
.inputkurz {width:50px;}
.inputdatum {width:140px;}
#auftraggeber, #Firma, #Privat, #Rechnung, #Angemeldet, #miete1, #miete2, #miete3, #miete4, #miete5 {
	vertical-align: middle;
	border: 1px solid white;
	background-color: white;
	margin: 5px;
}
#agb ,#mietpreis {
	vertical-align: middle;
	border: 1px solid white;
	background-color: white;
	margin: 5px;
}

#Besichtigt, #NichtBesichtigt {
	vertical-align: middle;
	border: 1px solid white;
	background-color: white;
	margin: 5px;
}

/*schrittnummer Einfärbung*/

#bookingline{
background:transparent url(../images/bookingline.gif) no-repeat scroll 20px 18px;
color:#000000;
padding:10px 0 15px 0;
text-transform:uppercase;
}

#bookingline .number {
border:1px solid #949380;
margin-right:5px;
padding:1px 5px;
position:relative;
}

#bookingline .hi_number {
border:1px solid #949380;
background-color: #e1e1dc;
margin-right:5px;
padding:1px 5px;
position:relative;
}

#bookingline li.hi {
text-align:left;
font-weight:bold;
color:#888775;
}

#bookingline li {
background:#FFFFFF none repeat scroll 0 0;
color:#888775;
float:left;
margin-left:50px;
padding:0 1px 0 2px;
}

#bookingline li.first {
margin:0;
}

#bookingline ul {
list-style-type:none;
}

#bookingline a, a:visited, a:link {
	text-decoration: underline;
	font-weight:bold;
	color:#888775;
}

#bookingline a.button, a.button:visited {
	border: #949380 1px solid;
	background: #e1e1dc;
	margin-right: 15px;
	padding: 3px 5px;
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

/*ausgeblendete Formularteile*/

#besichtigtInfo {
	display:none;
	font-weight:bold;
}

#MietbeginnInfo {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	border:1px solid #949380;
	background-color:#e1e1dc;
	padding:0 5px 0 5px;
	margin-bottom: 5px;

}

/*Footer*/
#seitenfuss {clear:both; background-color:#949380; padding: 3px; color:#FFFFFF; padding-left:45px;}

/* Link zu OneByte */
#copyright {
	clear: both;
	padding: 5px;
	background: #fff;
	text-align: right;
	font-size: 11px;
}
#copyright a {
	color: #fff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #666;
	text-decoration: none;
}

.abstand{margin-right:18px;}

.linieoben{clear:both; border-top:1px solid #949380; padding-top:5px; min-height:184px; height:auto !important; height:184px;}
.DetailBilder{min-height:276px; height:auto !important; height:276px;}
.linieobenOhneHohe{clear:both; border-top:1px solid #949380; padding-top:5px; }
.linieobenKurz{clear:both; border-top:1px solid #949380; padding-top:5px; width:400px }
.OhneHohe{clear:both;  padding-top:5px; }

.linetabelle { width:100%; border:none; padding-right:5px;}
.linetabelle2 {margin:0; padding:0; width:100%; border:none; padding-right:5px;}
.linetabelle2 td{padding-right:5px;padding-left:2px;}
.linetabelle2 td.line { padding: 2px 0px 2px 0px; border-top: 1px solid #949380;}
.linetabelle td {
	border-bottom: 1px solid #949380;
	padding-right: 5px;
	
}

img {border: 1px solid #949380;}
.noborder {border: none;}

.alert{border:1px solid #ff0000;color:#FF0000; padding:1px 2px 1px 3px; margin:5px 0px 5px 0px; width:70%}



.firmaText {margin-left:20px; margin-top:20px; float:left;}

/* Links */
a.link2, a.link2:visited {
	text-decoration: underline;
	color:#888775;
}
a.link2:hover, a.link2:active {
	text-decoration: none;
}