/*
beige background	B2A27E
beige background NEU	ddcbaa
braun foreground	241103
*/
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* ALLGEMEIN */
html{-webkit-text-size-adjust:none; height:100%; overflow-y:scroll;}
body{height:100%; font-size:100.01%; font-family:Arial,Helvetica,sans-serif; color:#000000;}
strong{font-weight:bold;}
a{text-decoration:none; outline:none; outline:0;}
em{font-style:italic;}
/* LAYOUT */
header.pagehead{position:fixed; width:460px; height:90px; bottom:50px; right:50%; margin:0 20px 0 0; background:#ddcbaa;}
#container{position:absolute; width:470px; top:80px; left:50%; padding:0 0 50px 0;}
nav{height:35px; background:#241103; margin:0 0 5px 0; font-size:0.8em;}
article{background:#ddcbaa; padding:50px 40px 20px 20px;}
aside{position:fixed; width:420px; padding:20px; background:#ddcbaa; right:50%; bottom:155px; margin-right:20px;}
footer.pagefoot{position:absolute; top:0; right:50%; margin:0 -470px 0 0; font-size:0.7em;}
#navbottom{position:fixed; bottom:0; left:50%; margin:0 0 0 -480px; font-size:0.7em;}
#social{position:fixed; bottom:0; left:50%; margin:0 0 0 -317px;}
/* --- */
h1{position:absolute; visibility:hidden;}
.logo{position:absolute; top:25px; left:15px;}
.adress{position:absolute; top:70px; left:15px; font-size:0.7em;}
.adress a{color:#241103;}
.adress a:hover{color:#FFFFFF;}
/* HAUPTMENÜ */
nav ul{}
nav li{float:left; width:20%;}
nav li a{color:#ddcbaa; display:inline-block; width:100%; text-align:center; padding:11px 0;}
nav li a.act{color:#FFFFFF; background:#ddcbaa;}
nav li ul{display:none; position:absolute; left:0; top:38px; width:470px;  padding:10px 0 0 0; background:url(../img/subnavback.png);}
nav li li{width:auto; background:#ddcbaa;}
nav li li a{color:#241103; font-size:1.0em; padding:10px;}
nav li li a.act{color:#FFFFFF;}
nav li.act ul{display:block;}
/*nav li:hover ul{display:block; z-index:100;}Untermenüs verborgen halten*/ 
nav a:hover, nav li li a:hover{color:#FFFFFF;}
/* WEITERE MENÜS */
.pagefoot li, #navbottom li{float:left; list-style:none;}
.pagefoot a, #navbottom a{display:block; padding:7px; color:#241103; white-space:nowrap; margin:0 0 0 4px; background:#ddcbaa;}
.pagefoot a.act, #navbottom a.act{color:#FFFFFF;}
.pagefoot a:hover, #navbottom a:hover{color:#ddcbaa; background:#241103;}
.social{float:left; padding:0 4px;}
/*CONTENT*/
h2{font-size:1.4em; font-weight:normal; color:#241103; padding:0 0 0.5em 0; line-height:120%;}
h3{font-size:1.2em; font-weight:normal; padding:0.5em 0;}
article p, article li, aside p, aside li{font-size:0.9em; line-height:1.2em;}
article p, article ul, aside p, aside ul{padding:0.5em 0;}
article li, aside li{list-style-type:none; padding:0 0 0.2em 1.0em; background:url(../img/listdot.png) no-repeat left 4px;}
article a, aside a{color:#241103; text-decoration:underline;}
article a:hover, aside a:hover{color:#FFFFFF;}
.colleft{float:left; width:50%;}
.colright{float:left; width:50%;}
.imgright{float:right; margin:0 0 10px 10px; padding:0.5em 0 0 0;}
.gal{list-style-none:none; padding:0; background:none; display:inline; padding:0 6px;}
.gal img{padding:0 0 6px 0;}
.teamimg{float:left; margin:0 10px 10px 0; padding:0.2em 0 0 0; max-height:80px;}
.newsimg{float:left; margin:0 10px 10px 0; padding:0.5em 0 0 0;}
.centered{text-align:center}
.vcard{float:right;}
.intro{font-style:italic;}
.right{text-align:right;}
a .button{margin:10px; padding:20px; border:1px solid #9a8e77; border-top-color:#eee5d5; border-right-color:#eee5d5; position:relative;}
a:hover .button{border:1px solid #eee5d5; border-top-color:#9a8e77; border-right-color:#9a8e77; top:1px; left:1px;}
.rcontact{float:right;width:120px; text-align:center;font-size:0.8em; }
sup,sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: .5ex;}
sub {top: .5ex;}
/*ANIMATION*/
.openmenu{position:absolute; right:13px; top:13px; width:40px; height:40px; background-image:url(../img/openmenu.png); background-position:0 -40px; text-decoration:none;}
.animation{position:absolute; width:366px; height:224px; bottom:0; left:0;}
.animation img{position:absolute; width:366px; height:224px; bottom:0; left:0;}
.unterwegs{color:#ddcbaa; font-size:1.6em; position:absolute; left:50%; top:50%; padding:0 0 0 100px;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 
    body:before { content:''; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7) url(../img/turnipad.png) center center no-repeat; z-index:9999;}
}

/*MOBIL*/
@media screen and (max-device-width:480px){
	/* ALLGEMEIN */
	html{-webkit-text-size-adjust:none; height:inherit; overflow-y:inherit;}
	body{height:inherit; font-size:100.01%; font-family:Arial,Helvetica,sans-serif; color:#000000;}
	strong{font-weight:bold;}
	a{text-decoration:none;}
	.intro{display:none;}
	/* LAYOUT */
	/*header.pagehead{position:relative; width:auto; height:50px; bottom:0; right:0; margin:0 0 0 0; background:#ddcbaa url(../img/logo300.png) center center no-repeat; background-size:148px 30px;}*/
	header.pagehead{position:relative; width:auto; height:50px; bottom:0; right:0; margin:0 0 0 0; background:#ddcbaa url(../img/logo300.png) center center no-repeat; background-size:300px 27px;}
	#container{position:relative; width:auto; top:0; left:0; padding:0 0 0 0;}
	nav{height:30px; background:#241103; margin:0 0 0 0; font-size:0.5em;}
	article{background:#ddcbaa; padding:30px 20px;}
	aside{position:relative; width:auto; padding:20px; background:#ddcbaa; right:0; bottom:0; margin-right:0;}
	footer.pagefoot{position:relative; top:0; right:0; margin:0 0 0 0; font-size:0.7em;}
	#navbottom{position:relative; bottom:0; left:0; margin:0 0 0 0; font-size:0.7em;}
	#social{position:relative; bottom:0; left:0; margin:0 0 0 0;}
	/* --- */
	h1{position:absolute; visibility:hidden;}
	.logo{display:none;}
	.adress{display:none;}
	header.pagehead a{display:block; width:100%; height:100%;}
	/* HAUPTMENÜ */
	nav ul{}
	nav li{float:left; width:20%;}
	nav li a{color:#ddcbaa; display:inline-block; width:100%; text-align:center; padding:11px 0;}
	nav li a.act{color:#FFFFFF; background:#ddcbaa;}
	nav li ul{display:none; position:absolute; left:0; top:inherit; width:100%;  padding:0 0 0 0; background:url(../img/subnavback.png);}
	nav li li{width:auto; background:#ddcbaa;}
	nav li li a{color:#241103; font-size:1.0em; padding:10px 10px 10px 0;}
	nav li li a.act{color:#FFFFFF;}
	nav li.act ul{display:block;}
	/*nav li:hover ul{display:block; z-index:100;}*/
	nav a:hover, nav li li a:hover{color:#FFFFFF;}
	/* WEITERE MENÜS */
	.pagefoot li, #navbottom li{float:left; list-style:none;}
	.pagefoot a, #navbottom a{display:block; padding:7px; color:#241103; white-space:nowrap; margin:0 0 0 0; background:#ddcbaa;}
	.pagefoot a.act, #navbottom a.act{color:#FFFFFF;}
	.pagefoot a:hover, #navbottom a:hover{color:#ddcbaa; background:#241103;}
	.social{display:none;}
	/*CONTENT*/
	h2{font-size:1.4em; font-weight:normal; color:#241103; padding:0 0 0.5em 0; line-height:120%;}
	h3{font-size:1.2em; font-weight:normal; padding:0.5em 0;}
	article p, article li, aside p, aside li{font-size:0.9em; line-height:1.2em;}
	article p, article ul, aside p, aside ul{padding:0.5em 0;}
	article li, aside li{list-style-type:none; padding:0 0 0.2em 1.0em; background:url(../img/listdot.png) no-repeat left 4px;}
	article a, aside a{color:#241103; text-decoration:underline;}
	article a:hover, aside a:hover{color:#FFFFFF;}
	.colleft{float:left; width:50%;}
	.colright{float:left; width:50%;}
	.imgright{float:right; margin:0 0 10px 10px; padding:0.5em 0 0 0;}
	.gal{list-style-none:none; padding:0; background:none; display:inline; padding:0 6px;}
	.gal img{padding:0 0 6px 0;}
	.teamimg{float:left; margin:0 10px 10px 0; padding:0.2em 0 0 0; max-height:80px;}
	.newsimg{float:left; margin:0 10px 10px 0; padding:0.5em 0 0 0; max-height:100px; max-width:100px;}
	.centered{text-align:center}
	.vcard{float:right;}
	/*ANIMATION*/
	.openmenu{position:absolute; right:13px; top:13px; width:40px; height:40px; background-image:url(../img/openmenu.png); background-position:0 -40px; text-decoration:none;}
	.animation{position:absolute; width:366px; height:224px; bottom:0; left:0;}
	.animation img{position:absolute; width:366px; height:224px; bottom:0; left:0;}
	.unterwegs{color:#ddcbaa; font-size:1.6em; position:absolute; left:50%; top:50%; padding:0 0 0 100px;}
	img, iframe, #map_canvas{max-width:240px;}
	.vcard, .nophone{display:none;}
	.colleft img{max-width:120px;}
}

#viewpick{position:absolute; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9999; left:0; top:0;}
#viewpick p{text-align:center; padding:1.0em 0; color:rgba(255,255,255,.5);}
#viewpick a{color:#FFFFFF; font-size:1.4em; text-shadow:#000000 0 1px 0;}