body {
height:100%;
width:100%;
margin:0;
padding:0;
font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color:#222;
overflow-y:scroll;
background-color:#FFF;
background-image:url(../images/back_orange.html);
background-repeat:repeat;
}


/* ----------------------------- FARBEN + GESTALTUNG ----------------------------- */

h6 { font-size:13px; line-height:21px; padding:0; margin:0; }


hr {
	color:#999;
	background-color:#999;
	height: 1px;
	border:#999;
}

em { font-style:normal; font-weight:normal; color:#f49000; }


div#sb-title-inner em, div#sb-title-inner strong { display:none; }



/* ----------------------------- SCHRIFT ----------------------------- */

h1 { font-size:20px; font-weight:bold; padding-top:0px; margin-top:0px; }
h2, .contentheading, .componentheading { font-size:30px; font-weight:normal; padding-top:0px; margin-top:0px; padding-bottom:0em; line-height:1.0em;
font-family: 'Pacifico', 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#f2a900;
 }

h4 { font-size:1.3em; font-weight:bold; padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:0.8em; color:#f49000;  }
h6 { font-size:1.0em; font-weight:normal; padding:0px; margin:0px; }

img { border:none; }


p { padding:0; margin:0; }


/*
a.linkthumb img { border-style:solid; border-width:5px; border-color:#FFF; }
*/

a, a:link { text-decoration:none; font-weight:normal; color:#dd9a00; text-decoration:none; }
a:hover {  }
a:active {  }
a:focus {  } 

#page_inhalt a { text-decoration:none; }
#page_inhalt a:hover { text-decoration:underline; color:#dd9a00; }

 table { }


.article_column {
border-top-color:#CCCCCC;
border-top-width:1px;
border-top-style:solid;
margin-bottom:20px;
padding-top:20px;
}


/* ---------------------- Adresse ---------------------- */

#adresse
{
position:absolute;
width:210px;
top:420px;
left:0px;
z-index:6;

color:#a87000;
}

#adresse a:link, #adresse a:visited { color:#a87000; }
#adresse a:hover { color:#7b5200; }





/* ---------------------- LOGO ---------------------- */



#logo
{
position:absolute;
top:0px;
left:-320px;

padding-top:0px;
width:810px;
height:730px;
z-index:92;
float:left;
}


#bildbereich { 
position:absolute;
width:450px;
height:460px;
top:200px;
left:30px;
z-index:93;
}


/* ---------------------- HAUPTMENÜ ---------------------- */

body>div#balken_gelb{ position:fixed; }
div#balken_gelb {
position:absolute;
top: 0px; left:0px; right:0px; height:52px; width:100%;
z-index:85;
background-color:#ffc100;
}

body>div#hauptmenu_balken{
position:fixed;
}

div#hauptmenu_balken {
position:absolute;
top: 0px; left:0px; right:0px; height:52px; width:100%;
z-index:90;
/*background-color:#ffc100;*/
}


div#hauptmenu {
position:absolute;
top:0px;
left:330px;

width:650px; z-index:95;
padding:0px;
}

div#hauptmenu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
  top:0px;
}

div#hauptmenu ul li { float:left; position:relative; }

div#hauptmenu a{
	display:block;
	font-size:22px;
	font-family: 'Pacifico', 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-right:30px;
	padding-top:10px;
	padding-bottom:30px;
}

div#hauptmenu a:hover { text-decoration:none; border-top:5px solid #f49000; padding-top:5px; }
div#hauptmenu li.active a { text-decoration:none; border-top:5px solid #FFF; padding-top:5px; }

/* ---------------------- SUBMENÜ ---------------------- */

div#submenu { z-index:50; display:block; position:relative; top:400px; width:100%; }
div#submenu ul { list-style:none; border-bottom: 2px solid #f2a900; display:block; width:390px; height:25px; padding:0px; margin:0px;  }
div#submenu ul li { float:left; padding:0px; margin:0px; }
div#submenu ul li a { background-color:#EEE; color:#777; padding:5px 8px 5px 8px; margin-right:8px; }
div#submenu ul li a:hover { background-color:#f2a900; color:#FFF; padding:5px 8px 5px 8px; margin-right:8px;}
div#submenu ul li.active a { background-color:#f2a900; color:#FFF; padding:5px 8px 5px 8px; margin-right:8px;}


/* ---------------------- MENÜ KONTAKT ---------------------- */

body>div#menu_kontakt{ position:fixed; }
#menu_kontakt { position:absolute; top:65px; right:0px; z-index:70; padding:0px;
text-align:right;
 }
 
#menu_kontakt ul { list-style-type:none; }

#menu_kontakt ul li {  }

#menu_kontakt ul li a { color:#FFF; padding-right:13px; }
#menu_kontakt ul li a:hover { color:#FFF; text-decoration:underline; padding-right:10px; border-right:3px solid #FFF; }
#menu_kontakt ul li.active a { color:#FFF; font-weight:bold; padding-right:10px; border-right:3px solid #FFF; }


/* ---------------------- Bildbereich ---------------------- */

body>div#frame_bild{ position:fixed; }
#frame_bild { 
background-color:#FFF;
background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

position:absolute;
top:0px; left:0px; right:0px; height:570px;
z-index:5;
}

body>div#schatten_oben{ position:fixed; }
#schatten_oben { position:absolute; top:0px; left:0px; width:100%; height:200px; z-index:6;
background-image:url(../images/schatten_oben.png); background-repeat:repeat-x; }

body>div#schatten_links{ position:fixed; }
#schatten_links { position:absolute; top:0px; left:0px; width:200px; height:570px; z-index:6;
background-image:url(../images/schatten_links.png); background-repeat:repeat-y; }

body>div#schatten_rechts{ position:fixed; }
#schatten_rechts { position:absolute; top:0px; right:0px; width:200px; height:570px; z-index:6;
background-image:url(../images/schatten_rechts.png); background-repeat:repeat-y; }





/* ---------------------- TEXTBEREICH ---------------------- */


#text_balken {
position:absolute;
top:570px;
left:0px;
width:100%;

z-index:20;
background-color:#FFF;

min-height:100px;
/*display:inline-block;*/
}



#infokasten
{
/*position:relative;*/
top:0px;
left:0px;

width:270px; padding-right:40px; padding-top:30px;
z-index:92;
float:left;
color:#FFF;

}

#infokasten a, #infokasten a:hover, #infokasten a:link { color:#FFF; }


#page_inhalt
{
/*position:relative;*/
top:0px;
left:0px;

padding-left:310px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;

width:630px;

/*display:block;*/
z-index:90;

}

div.item-page {
	top:-420px;
	left:90px;
	padding-left:80px;
	padding-right:80px;
	padding-top:220px;
	position:relative;
	background-image:url(../images/loercher_back_text.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#page_inhalt ul {
list-style-type:square;
padding-left:15px;
margin-left:0px;
}

#page_inhalt ul li {
	padding-bottom:10px;
}


#page_inhalt ol {
padding-left:15px;
margin-left:0px;

}

#page_inhalt ol li {
	padding-bottom:10px;

}



/* --------------------------------------- Tabelle im Content --------------------------------------- */


#page_inhalt table
{

}

#page_inhalt table tr
{

}


#page_inhalt table td
{ 
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
	vertical-align:top;
}


#page_inhalt table.produkte tr td { padding-bottom:15px; }
#page_inhalt table.produkte tr td:last-child { padding-left:10px; }



#page_inhalt table.personen { margin-bottom:35px; }

#page_inhalt table.personen td { padding-bottom:25px; }

#page_inhalt table.personen tr:first-child
{	
	padding-right:10px;
/*	background-color:#EEE;
	font-weight:bold; */
}


/* ----------------------------- Karte ----------------------------- */

#frame_bild #custom, #frame_bild .phocamaps, #frame_bild .phocamaps-box, #frame_bild .phocaMapPlgPM1 { width:100%; }

#frame_bild .phocamaps { top:-10px; position:relative; }

#frame_bild #map_canvas {
        margin: 0;
        padding: 0;
        height:1000px;
		top:0px; left:0px; right:0px; bottom:0px;
		width:100%;
      }


#frame_bild #phocamaps-box div.pmbox-grey div div div { padding-right:0px; padding-left:0px; }	




/* --------------------------------------- KONTAKTFORMULAR --------------------------------------- */

div.m4j_required_wrap { display:none; }
span.m4j_required { color:#FFF; }
div.m4j_header_text { font-size:14px; color:#000; }

div.m4j_submit_wrap input,  {
margin-right:4px;
background-color:#ffeed7;
color:#000;
padding:4px;
font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
border:solid;
border-width:1px;
border-color:#FFF;
margin-bottom:5px;
}

table.m4jLayout02 {  }

table.m4jLayout02 input, table.m4jLayout02 textarea, textarea.m4jTextArea {
	font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000; font-size:14px; background-color:#ffeed7; border:solid; border-width:1px; border-color:#FFF; margin-bottom:3px;
	}


input.button, .m4j_submit, .m4j_reset {
margin-right:4px;
background-color:#f5980b;
color:#FFF;
padding:4px;
font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal; font-size:1em;
border:solid;
border-width:1px;
border-color:#FFF;
margin-bottom:5px;
}


/* --------------------------------------- Routenplanung GOOGLE MAPS --------------------------------------- */

.routenplaner {
margin-top:20px;
}

.routenplaner input {
margin-right:4px;
background-color:#FFFFFF;
color:#000;
padding:4px;
font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal; font-size:1em;
border:solid;
border-width:1px;
border-color:#FFF;
margin-bottom:5px;
width:280px;
}

.routenplaner input:last-child {
margin-right:4px;
background-color:#f5980b;
color:#FFF;
padding:4px;
font-family: 'Gudea', Lucida Sans Unicode, Corbel, Trebuchet MS,  Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal; font-size:1em;
border:solid;
border-width:1px;
border-color:#FFF;
margin-bottom:5px;
width:60px;
}