body {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica;
font-size: 11pt;
line-height:1.3em;
background : #FFFFF0;
}
/*TOP BANNER*/
#header {
height : 10px;
margin-top : 0;
padding : 0;
text-align: right;
background : #FFAA00;
color : #555;
}
#header h1 {
margin-left : 30px;
padding-top : 30px;
text-align: left;
font-size : 2em;
font-style: italic;
color: #707070;
}
#header h2 {
margin-left : 30px;
padding-top : 0;
padding-bottom : 0; 
letter-spacing : 3px;
font-size : 1.5em;
color : #FFAA00;
text-transform: none;
}
#header a {
color: #FFFFFF;
text-decoration: none;
}
/*TOP NAVI*/
#topnav ul {
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #FFAA00;
color : #FFFFFF;
text-align : center;
font-weight : bold;
}
#topnav li {
display : inline;
}
#topnav li a, #topnav a:visited {
text-decoration : none;
background : #FFBE00;
color : #FFFFFF;
padding : 0.6em 1.3em;
border-right : 1px solid #EF9A4A;
}
#topnav li a.selected, #topnav a:visited.selected, #topnav a:hover {
text-decoration : none;
background : #FFDF00;
color : #FF0000;
}
/*3 COLS*/
#cutter {
float : left;
width : 1%;
height : 1px;
}
#col1 {
margin-top : 0px;
margin-bottom : 1em;
padding-right : 1%;
}
@media only screen and (min-width: 768px) {
	#col1 {
	float : left;
	width : 18%;
	}
}
#col2 {
margin-left : 2%;
margin-bottom : 1em;
padding-right : 3%;
padding-left : 3%;
}
@media only screen and (min-width: 768px) {
	#col2 {
	border-left : 1px dashed #DDA875;
	border-right : 1px dashed #DDA875;
	float : left;
	width : 50%;
	}
}
#col3 {
margin-left : 3%;
margin-bottom : 1em;
}
@media only screen and (min-width: 768px) {
	#col3 {
	float : left;
	width : 18%;
	}
}
/*NAVI*/
#navcontainer ul {
margin : 10px;
padding : 0;
list-style-type : none;
background : #FFFFF0;
color : #666;
}
#navcontainer ul li a {
padding-left : 1px;
color : #FFAA00;
text-align : left;
font : 11pt Verdana, Arial, Helvetica;
font-weight : bold;
line-height : 25px; 
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #f17327;
}
#navcontainer ul li a.selected {
color : #000;
}
/*NAVI-EXT*/
@media only screen and (max-width: 767px) {
#navext {
display:none;
}
#gockel {
display:none;
}
}
@media only screen and (min-width: 768px) {
#navext ul {
margin : 10px;
padding : 0;
list-style-type : none;
background : #FFFFF0;
color : #666;
}
#navext ul li a {
padding-left : 1px;
color : #FFAA00;
text-align : left;
font : 11pt Verdana, Arial, Helvetica;
font-weight : bold;
line-height : 25px; 
text-decoration : none;
}
#navext ul li a:hover {
color : #f17327;
}
#navext ul li a.selected {
color : #000;
}
}
ul li a:before {
content: url(inc/img/arrow.gif);
padding-right: 5px;
}
#map {
width: 500px; 
height: 350px;
}
/*FOOTER*/
#footer {
clear : both;
height : 40px;
background : #FFAA00;
border-top : 5px solid #FFAA00;
color : #000;
padding : 0.2em 0 0 0.5em;
text-align : center;
}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
background : inherit;
}
textarea {
width: 100%;
}
/*TYPO*/
h1 {
margin : 0;
padding-top : 20px;
text-align : center;
font-size : 1.5em;
font-style: italic;
color: #707070;
}
h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0;
/*text-transform : uppercase;*/
font-style : italic;
letter-spacing : 3px;
font-size : 1.5em;
color : #FFAA00;
}
h3 {
margin-top : 0;
padding-top : 1.0em;
font-size : 1.2em;
text-align : center;
font-style: italic;
color : #666;
background : inherit;
}
/*B-Ueber*/
h4 {
padding: 1px 0px 0px 2px;
font-style : italic;
letter-spacing : 3px;
font-size : 11pt;
color : #FFAA00;
}
/*KAL-UHRZ*/
h5 {
padding: 2px 5px 2px 5px;
font-size : 10pt;
color : #666;
background : #FFFF00;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.sk{
font-family : Verdana, Arial, Helvetica;
font-size: 8pt;
}
/*LINKS*/
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}
a.text {
font-size : 11pt;
font-weight : bold;
text-decoration : underline;
}
a.sk {
font-size : 8pt;
text-decoration : none;
}
a img {
border : 0;
}
/*IMAGES*/
.image {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}
.image2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}
/*TABLES*/
table {
 font-family: Verdana, Arial, Helvetica;
 font-size: 11pt;
 text-align: left;
 color: #000000;
 border : 0;
}
td{
 padding : 0;
 font-family: Verdana, Arial, Helvetica;
 font-size: 11pt;
 text-align: left;
 color: #000000;
}
table.list {
 padding : 0;
 width : 90%;
 font-family: Verdana, Arial, Helvetica;
 font-size: 11pt;
 text-align: left;
 color: #000000;
 border : 0;
}
td.list{
 padding : 0;
 font-family: Verdana, Arial, Helvetica;
 font-size: 11pt;
 text-align: left;
 color: #000000;
}
table.wetter {
 font-family: Verdana, Arial, Helvetica;
 font-size: 9pt;
 text-align: left;
 color: #000000;
 border : 0;
}
td.wetter{
 line-height:1.3em;
 padding: 0;
 font-family: Verdana, Arial, Helvetica;
 font-size: 9pt;
 text-align: left;
 color: #000000;
}
table.service {
 font-family: Verdana, Arial, Helvetica;
 font-size: 8pt;
 text-align: left;
 color: #000000;
 background: #FFFFFF;
}
td.service{
 font-family: Verdana, Arial, Helvetica;
 font-size: 8pt;
 text-align: left;
 line-height:1.0em;
 color: #000000;
 background: #FFFFFF;
}
td.small{
 font-family: Verdana, Arial, Helvetica;
 font-size: 8pt;
 text-align: left;
 line-height:1.6em;
 background: #FFFFFF;
 color: #000000;
}
table.kalender{
 width : 100%;
 font-family: Verdana, Arial, Helvetica;
 padding : 2 px;
 font-size: 10pt;
 text-align: left;
 color: #000000;
 border : 0;
}
td.kalender{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
tr.kaloben{
 background: #EFEFEF;
 }
/*FORM*/
.inputsubmit {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFAA00;
	border: 1px solid #FFBE00;
}
.inputtext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
table.bewert{
 font-family: Verdana, Arial, Helvetica;
 font-size: 10pt;
 text-align: left;
 line-height:1.2em;
 color: #000000;
 background: #FFFFFF;
}
td.bewert{
 font-family: Verdana, Arial, Helvetica;
 font-size: 10pt;
 text-align: left;
 line-height:1.3em;
 background: #FFFFFF;
 color: #000000;
}