/* CSS Document */
body {
background: #1D1106 url(../img/bgbody1.jpg);
font-size:0.8em;
line-height:1.5em;
}
textarea, body {
font-family:Geneva, Arial, Helvetica, sans-serif;
}
textarea {
font-size:0.9em;
}

a {
color:#000;
}
a:hover, a:active, a:focus  {
color:#000;
}
/*LINKS*/

a[href^="callto:"], a[href^="mailto:"] {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
}
a[href^="callto:"] {
background-image: url(../img/icons/phone.gif);
}
a[href^="mailto:"] {
background-image: url(../img/icons/mail.gif);
}

h1, h2, h3, h4, h5, h6 {
color:#425A0C;
font-family:OSB, Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0px;
margin-top:15px;
margin-bottom:5px;
}
h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
color:#603107;
}

label {
padding:3px;
float:left;
min-width:140px;
clear:both;
}
.textfeld, textarea {
border:1px solid #603107;
padding:3px;
background-color:#fff;
outline: none;

}
.submitbutton {
background: none #693709;
border:2px solid #567116;
color:#fff;
cursor:pointer;
margin-right:40px;
margin-top:10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.submitbutton:hover 
{
background: none #567116;
}


#kform1 textarea, #kform1 .textfeld {
width:240px;
}
.textfieldbg {
float:left;
}

p{
margin:0px;
margin-bottom:5px;
}

#container {
background-color:#B9CB82;
padding:0px;
margin:0px;
}


/*MENU*/
#hmenu {
margin:0px;
padding:0px;
}


#hmenu, #hmenu ul {
list-style:none;
margin:0px;
padding:0px;
}
#hmenu li {
float:left;
margin-right:5px;
}
#hmenu li a {
display:block;
color:#EAF4CA;
text-decoration:none;
font-weight:bold;
/*background-color:#643409;*/
background:transparent url(../img/hmenu-left.png) no-repeat scroll left top;
padding:0 0 0 7px;
}
#hmenu li a:hover, #hmenu li a:focus, #hmenu li a:active, #hmenu li a.active {
background:transparent url(../img/hmenu-left2.png) no-repeat scroll left top;
}
#hmenu li a span {
background:transparent url(../img/hmenu-right.png) no-repeat scroll right top;
display:block;
padding:7px 7px 7px 2px;
}
#hmenu li a:hover span, #hmenu li a:focus span, #hmenu li a:active span, #hmenu li a.active span {
background:transparent url(../img/hmenu-right2.png) no-repeat scroll right top;
}

/*SUBMENU*/
#hmenu li ul {
position: absolute; 
z-index:100;
width: 10em;
left: -999em;
}
#hmenu li:hover ul, #hmenu li:focus ul, #hmenu li.over ul, #hmenu li.sfhover ul {left: auto;}


#hmenu li ul li {
float:none;
}
#hmenu li ul a {
background:transparent url(../img/bgsubmenu1.png) repeat scroll left top;
/*border-bottom:1px solid #5B7F38;*/
display:block;
min-width:140px;
padding:5px;
display:block;
}
#hmenu li ul a span, #hmenu li ul a:hover span, #hmenu li ul a:focus span, #hmenu li ul a:active span, #hmenu li ul a.active span {
margin:0px;
padding:0px;
background-image:none;
}

#hmenu li ul a:hover, #hmenu li ul a:active, #hmenu li ul a:focus, #hmenu li ul a.active {
background-image:none;
background-color:#5B7F38;
}

#header {

border-bottom:1px solid #666;

}
#printlogo {
display:none;
}
#logo a {
background-image:url(../img/vogt-logo.png);
width:143px;
height:143px;
}

#logo a span {
display:none;
}
.poscont1, .poscont2, .poscont3, .poscont4, .poscont5, .poscont6 {
background: transparent url(../img/bgposcont.png) repeat;
}



.errorbox1 * {
color:#fff;

}
.errorbox1 {
position:absolute;
top:324px;
width:454px;
left:20px;
background: transparent url(../img/bgerrorbox1.png) no-repeat;
overflow:auto;
max-height:190px;
color:#fff;
min-height:164px;
}

.rechtsbuendig {
text-align:right;
}
.footerlinks a, .footerlinks {
color:rgb(234, 244, 202);
}





/*JScrollpane.css*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane { 
position: absolute;

}

.jspVerticalBar {
position: absolute;
top: 0;right: 0;width: 16px;height: 100%;
background: #1D1106;
}
.jspHorizontalBar {
position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;
background: #1D1106;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #A2AF71;
position: relative;
}
.jspDrag {
background-color: #597E30;
border:1px solid #7F8F43;
border-right: 1px solid #1B2B03;
border-bottom: 1px solid #1B2B03;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspDrag:hover
{
background-color: #799A2B;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;height: 100%;
}
.jspArrow {
background: #5E740E;
text-indent: -20000px;
display: block;
cursor: pointer;


}
.jspArrow.jspDisabled {
cursor: default;
}
.jspArrow {
height: 16px;
background-image: url(../img/scrollarrows.gif);
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
.jspArrowDown {
background-position:-16px 0px;
}
a.jspArrowDown:hover {
background-position:-16px 16px;
}
a.jspArrowUp:hover {
background-position:0px 16px;
}
.jspArrowLeft {
background-position:-32px 0px;
}
.jspArrowLeft:hover {
background-position:-32px 16px;
}
.jspArrowRight {
background-position:-48px 0px;
}
.jspArrowRight:hover {
background-position:-48px 16px;
}
.arrow {
padding-left:15px;
background-repeat:no-repeat;
background-image: url(../img/arrow.gif);
}

@media only screen and (max-width: 920px)  {
	
	#containerwrap {
	width:100%;
	height:auto;
	}
	#hmenu {
		display:block;
		background-color:#dcdcdc;
		float:left;
		padding:10px;
		
	}

	#nav > li {
		margin: 0px 10px 5px 0px;
	}
	#hmenu li ul a {
		background-image:none;
		background-color:#643409;
	}
	#logo a {
		display:block;
		margin:0 auto;
		width:100px;
		height:100px;
		background-size: 100px 100px;
	}
	#content {
		clear:both;
		font-size:120%;
		line-height:160%;
	}
	.poscont-inner {
		padding:10px;
	}
	#container {
		min-height:600px;
	
		background-repeat:no-repeat;
		background-position:center 140px;
	}
}

@media only screen and (min-width: 921px)  {

	.containerbg1 {background-image:url(../img/bgcontainer1.jpg);}
	.containerbg2 {background-image:url(../img/bgcontainer2.jpg);}
	.containerbg3 {background-image:url(../img/bgcontainer3.jpg);}
	.containerbg4 {background-image:url(../img/bgcontainer4.jpg);}
	.containerbg5 {background-image:url(../img/bgcontainer5.jpg);}
	.containerbg6 {background-image:url(../img/bgcontainer6.jpg);}
	.containerbg7 {background-image:url(../img/bgcontainer7.jpg);}
	.containerbg8 {background-image:url(../img/bgcontainer8.jpg);}
	.containerbg9 {background-image:url(../img/bgcontainer9.jpg);}
	.containerbg10 {background-image:url(../img/bgcontainer10.jpg);}
	.containerbg11 {background-image:url(../img/bgcontainer11.jpg);}
	.containerbg12 {background-image:url(../img/bgcontainer12.jpg);}
	.containerbg13 {background-image:url(../img/bgcontainer13.jpg);}
	.containerbg14 {background-image:url(../img/bgcontainer14.jpg);}


	#hmenu {
	position:absolute;
	top:78px;
	left:20px;
	}
	#header {
	height:110px;
	border:1px solid #B9CB82;
	background:#B9CB82 url(../img/bghead1.jpg) repeat-x;
	}

	#logo a {
	position:absolute;
	top:9px;
	left:817px;
	z-index:100;
	}

	#containerwrapouter {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-290px;
	margin-left: -490px;
	}
	#containerwrap {
	width: 980px;
	height: 580px;
	}
	#container {
	width:100%;
	height:100%;
	background-repeat:repeat-x;
	background-position:bottom left;
	}
	poscont {
	width:454px;
	overflow: auto;
	height:auto;
	}
	.poscont-inner {
	padding:2px 10px 2px 10px;
	max-width:454px;
	}
	.poscont1, .poscont2, .poscont3, .poscont4, .poscont5, .poscont6 {
	position:absolute;
	left:20px;
	top:150px;
	width:454px;
	max-height:360px;
	overflow:auto;

	}
	.poscont2 {
	left:503px;
	}
	.poscont3 {
	top:330px;
	max-height:180px;
	}
	.poscont4 {
	left:503px;
	top:330px;
	max-height:180px;
	}
	.poscont5 {
	top:150px;
	left:20;
	width:274px;
	}
	.poscont6 {
	top:150px;
	left:20px;
	width:936px;
	}
	.poscont6 .poscont-inner {
	max-width: 90%;
	}
}