@charset "utf-8";
/* CSS Document */


* { margin:0; padding:0; }

html, body {
	height: 100%;
	}

body {
	font-size:100.01%;
	padding:7px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color:#252525;
	background-color: #D3D5DA;
	text-align:center;
	}
	
h1 {
	font: 1.12em/1.75em "Century Gothic", Verdana, Arial;
	color: #404D6F;
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing:0.02em;
	}
	
h2 {
	font: 1em/1.6em "Century Gothic", Verdana, Arial;
	color: #404D6F;
	font-weight:bold;
	padding-bottom:4px;
	letter-spacing:0.02em;
	}
h3 {
	font: 0.95em/1.5em "Century Gothic", Verdana, Arial;
	color: #404D6F;
	font-weight:bold;
	padding-bottom:3px;
	letter-spacing:0.02em;
	}
h4 {
	font: 0.83em/1.2em "Century Gothic", Verdana, Arial;
	color: #404D6F;
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing:0.02em;
	}	
strong {
	font-family:"Century Gothic", Verdana, Arial;
	font-style:normal;
	font-weight: bold;
	/*font-size:1.12em;*/
	}
	
big {
	font-size:1.1em
	}

small {
	font-size:0.9em
	}
a {
	color:#069;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:visited {
	color:#069;
}
.block {
 	text-align:justify;
	font-size: 0.82em;
	line-height:1.56em;
	word-spacing:0.2em;
	}
p.block {
	padding: 8px 0
	}
	
.error {
	color:#FF0000;
}


.floatright {
	float:right;
	}

.floatleft {
	float:left;
	}

.aligncenter {
	text-align:center;
	}

.alignright {
	text-align:right;
	}

.clearboth {
	clear:both;
	line-height:0em;
	}
.clearright {
	clear:right;
	}

.img {
	border: 1px solid  #A4A4A4;
	padding:2px;
	margin:10px;
	}

.container {
	border: 1px solid  #A4A4A4;
	width:950px;
	margin:5px auto;
	padding:2px;
	background-color:#E2E2E2;
	text-align:left;
	min-height:93%;
	}
.widgets {
	/*margin-bottom:20px;
	min-height:1.5em;*/
}
#header {
	background:url(/images/Mooser-Sport.jpg) center top no-repeat;
	height:200px;
	}

#navigation {
	border-bottom: 1px solid  #A4A4A4;
	border-top: 1px solid  #A4A4A4;
	padding:0.5em;
	margin: 0 5px;
	}

#navigation li {
	list-style:none;
	float: left;
	font: 0.83em/1.05em Tahoma, Verdana, Arial, sans-serif;
	}

#navigation li a {
	padding: 0 1em;
	display:block;
	color:#252525;
	text-decoration:none;
	letter-spacing:0.1em;
	}

#navigation a:hover {
	text-decoration: underline;
	}
	
#contents {
	margin:60px 30px;
	}
#contents .twocols {
	width:50%;
	float:left;
	}

#footer {
	margin:2px auto;
	font-family: Tahoma, Geneva, sans-serif;
	padding-bottom:5px;
	font-size:0.69em;
}

/*----------------------------------*/
.serviceTableContent {
	clear: both;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
	padding:1px;
}

.serviceTableContent table {
	width:100%;
	font-size: 0.82em;
	line-height:1.8em;
	font-family: "Trebuchet MS", Tahoma, Arial;
	}
.serviceTableContent table td{
	padding:2px 5px;
}
.serviceTableContent table td.col1 {
	padding-left:8px;
	width:260px;
	}
.serviceTableContent table td.col2 {
	width:360px;
	}
.serviceTableContent table td.col3 {
	width:100px;
	text-align:center;
	}
.serviceTableContent table tr.anzaltage td {
	font: bold 0.9em/3em Arial, Helvetica, sans-serif;
	}
.serviceTableContent table tr.odd {
	background-color: #E3E4E8;
	}

	
ul#links {
	list-style:none;
	margin:20px;
	}
#links li {
	font-size: 0.82em;
	line-height:2em;
	word-spacing:0.2em;
}


/*-----------KONTAKTFORMULAR-------------*/
form {
	font-family:Tahoma, Verdana, Arial;
	width:510px;
	font-size:0.75em;
	}

form div {
	float:left;
	margin:4px 2px;
	}
label, input, select { 
	float: left;
	margin: 4px 0;
	}
input, select {
	/*\*/padding: 1px;*/ /* Hiding for ie5/Mac */} 

input, select {
	border: 1px solid #A5ACB2;
	letter-spacing:0.02em;
  	width: 190px;
	}
textarea {
	border: 1px solid #A5ACB2;
	}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
	}

label {
	width: 150px;
	text-align: right; 
	padding-right: 0.4em; 
	padding: 3px 5px 3px 0;
	display: block;
	}
label:hover {
	cursor:pointer;
	}
input.button {
	margin-left: 410px;
	cursor: pointer;
	width: 100px;
	padding: 2px;
	}
#mitteilung {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding:1px;
	letter-spacing:0.02em;
	font-size:1em;
	margin: 4px 0 20px 0;
	width: 350px;
	}
#plz {
	margin-right:5px;
	width: 35px;
	}
#ort {
	width:146px;
	}
	
	
/*-------------Vermietung Tabelle-----------*/
#vermietung fieldset {
	border:solid 1px #A6A6A6;
	width:850px;	
	margin:50px auto;
	padding: 0 20px 20px 20px;
	}
#vermietung legend {
	font-family:"Century Gothic", Verdana, Arial;
	font-style:normal;
	font-weight: bold;
}
#vermietung fieldset table {
	text-align:center;
	font-size:0.69em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#vermietung fieldset table td.beueichnung {
/*	font-family: "Century Gothic", Tahoma, "Trebuchet MS";
*/	font-weight:bold;
	text-align:left;
}
#vermietung fieldset table td.tage {
/*	font-family: "Century Gothic", Tahoma, "Trebuchet MS";
*/	font-weight:bold;

}
#vermietung fieldset table td {
	padding:5px;
}
#vermietung fieldset table td.firstcol {
	width:130px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clearfix-r:after {
	content: ".";
	display: block;
	clear: right;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix-r {
	display: inline-block;
}
 
html[xmlns] .clearfix-r {
	display: block;
}
 
* html .clearfix-r {
	height: 1%;
}
.angebot {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:1px;
	font-size:0.75em;
	padding:5px 0;
	background-color:#F2F2F4;

}
.legendeTage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	font-size:0.75em;
	padding:4px 0;
	margin-top:25px;
}

.angebot:hover {
	background-color:#D6D6DA;
}
.angebot ul,.legendeTage ul{
	list-style:none

}
.angebot li, .legendeTage li{
	float:left;
	width:60px;
	text-align:center;

}
.angebot li.titel,.legendeTage li.titel {
	width:155px;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px;

}
.separator {
	height:8px;
}