/* Allgemein ================================================================== */

/*       height 102% to force a scrollbar to prevent page jumping */
html { height:102%; margin: 0 0 0 0; padding:0 0 0 0; }
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) { html { height:100%;} }

/* * {margin:0;padding:0;} */
* {margin:0;}
* {padding-top:0; padding-right:0; padding-bottom:0; }

#background { width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0; }

#preload { display: none; }
#preload img {
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}
.wichtig,.getinfo,.hide  { display:none; }
.show    		{ display:block; }
.block   		{ text-align:justify; }
.bold    		{ font-weight: bold; }
.normal		{ font-weight: normal; }
.italic 		{ font-style:italic; }
.red     		{ color: red; }
.green     	{ color: green; }
.black   		{ color: black; }
.white		{ color: white; }
.sbig    		{ font-size: 110.01%; }
.errmsg		{ color: #b5124b; font-weight: bold; }
.grad      img { height: 13px; width: 19px; border: 0; z-index: 0;}
body[id="Administration"] #maincont_inner .errmsg { display:none; }
body[id="Administration"] #maincont_inner div.textblock .errmsg { display:block; }
.okmsg		{ color: green;   font-weight: bold; }
.filefmt	{ color: black;   font-weight: normal; font-style:italic; }
.aboutright  { border: 0px solid blue; width:300px;margin-left:430px; }
.aboutright2 { border: 0px solid blue; width:400px;margin-left:330px; }
.aboutright3 { border: 0px solid blue; width:500px;margin-left:230px; }
.tright  	 { text-align:right; }
.smaller        { font-size: 70.01%; }
.eeven		 { background-color:#eeeeee; }
.thbg             { background-color:#dddddd;padding-left:10px; }
.delfile        { width:600px; border: 0px solid blue;  }
.upld             { width:400px; border: 0px solid blue;  }
.outlined 	{ border: 2px solid #6F6F6F; }
.frame_left,   .left    { text-align:left;    float:left; margin: 5px 20px 20px 0px;}
.frame_right,  .right , .frame_right_mob { text-align:right;   float:right;margin: 15px 0px 20px 20px;}
.frame_center, .center { text-align:center;             margin: 15px 0px 20px 20px;}

@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.frame_right_mob { text-align:left;   float:left; margin: 15px 0px 20px 0px;}} 
#map_canvas { width:50%;height:300px; }
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) { #map_canvas { width:100%;height:300px; }}



body {
     	margin:  	0;
        padding: 	0;
		font:   	90.01% Verdana, arial, helvetica, sans-serif;
		color:  	#565656;
		background: linear-gradient(#555, #ccc);
		background-attachment: fixed;
        text-align: center;
}

div {	text-align: left; }  /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */

h1, h2, h3 	{font-weight: bold; background-color:transparent;color:#565656; /*dunkelgrau*/ font-family: Verdana, arial, helvetica, sans-serif; }
h1			{font-size: 120.01%; padding-bottom:15px; }
h2			{font-size: 110.01%; }
h3			{font-size: 100.01%; padding-bottom:5px; }
a 			{background-color:transparent;color: #2D5EAE; /*blue*/ outline: none; font-weight: bold; text-decoration:none;}
p 			{margin-bottom:  15px;	}
img 			{border: 0; }
ul 			{list-style-image:url(../site_images/list10x10-kugel15.gif); }
br 			{clear: left;}


#container { margin: 0 auto; margin-top: 10px; background: transparent; max-width:1280px;}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {#container { margin-top: 0px;}}

* html #container {height:1%; }
#scroll { font-size: 1px; }

.gesamt_breite_aussen { width: 1024px;        min-width: 320px; }
.dynamic .gesamt_breite_aussen { width:  80%; min-width: 320px;}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px)  {.dynamic .gesamt_breite_aussen { width:  100%; min-width: 320px;}}

.inner_width      		  { width: 924px; }  /* innerer Platz des Containers: gesamt_breite_aussen - rahmen dicke */
.dynamic .inner_width { width: 90%;  }
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.dynamic .inner_width { width: 100%;  }}


/* ############################ [Rahmen-Definitionen] ######################### */
/* Rahmen: Breite */
/* hier rahmen breite links und rechts einstellen */
.left_border_width   { margin-left:  0px; }		
.right_border_width { margin-right: 0px; }
.border_high 		{ height: 0px; }
.border_corner_width{ width:  0px; }


#wrap_header_area {}
#wrap_main_and_left { background-color: white; border: 0px solid #dddddd;}

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
	content: 	".";
	display: 	block;
	height: 	0;
	clear: 		both;
	visibility: 	hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.header_mid_high { height: 40px; }
#header1 {background-color: transparent;}
#header2 {background: transparent url(../site_images/head2.jpg) top left no-repeat;}
#header3 {background: transparent url(../site_images/head3.jpg) top left no-repeat;}
#header4 {background: transparent url(../site_images/head4.jpg) top left no-repeat;}
#header5 {background: transparent url(../site_images/head5.jpg) top left no-repeat;}
#header6 {background: transparent url(../site_images/head6.jpg) top left no-repeat;}


div.langswitch {
		position:		absolute;
        right:			0;
		top:			18px;
        padding:		3px 8px;
		font-size:		80%;
        text-align:		right;
        border:       	0px solid white;
        float:			right;
        display:		inline;
		background:     transparent url(../images/transp_grey.png) left top repeat-x; 
}

a.langswitch     		{ display: inline; outline: none;}
a.langswitch 	       	{color: #7d7d7d; text-decoration:none; font-weight: bold;outline: none;}
a.langswitch:hover    {color: #2D5EAE; /* blue */	 text-decoration:none; font-weight: bold;}
.spact, .spact:hover {color: #9d9d9d; text-decoration:none; font-weight: bold; text-transform: lowercase;cursor:default;}
.spact  {background: transparent url(../images/transp_grey.png) left top repeat-x;z-index:5;}

img.langswitch  { position:relative;float:left;padding-left:5px;border:0; }
[lang_block;block=begin].[lang_block.display] { background: transparent url(../images/[lang_block.display].gif) left top no-repeat; position:relative;width:19px;height:13px;display:inline;}[lang_block;block=end]



#headerrinc__ {
		position:	relative;
		margin-left:60px;
        width:		157px;
        height:		261px;
        z-index:	44;
        border: 	0px solid yellow;
        float:		left;
}

#logo {  /* innerhalb von header, linke Seite */
        position: 	relative;
        top:		5px;
		bottom:		0px;
        left:		0px;
        width:		200px;
        height:		0px;
		/* background: transparent url(http://[onshow.myinputs.qserver]/[onshow.myinputs.qcsslogo;htmlconv=no;]) left top no-repeat; */
		background-color: transparent;
		border: 0px solid red;
}
#schrift {  /* innerhalb von header, linke Seite */
        position: 	relative;
        top:		0px;
		bottom:		0px;
        left:		0px;
        width:		400px;
        height:		30px;
		float:		left;
		color:		white;
		font-size: 	30px;
        border: 	0px solid red;
		z-index:   	50;
}
#schrift2 { color:black; }

#statusbar, #statusbar1 {   /* Statusbar, optional */
		position: 			relative;
        height:				25px;
        background-color:	red;
        font-size:			14px;
        font-weight:    	bold;
        color:				white;
        border-top:			2px solid black;
        border-bottom:		2px solid black;
                      	 /* oben rechts unten links */
		padding:	      	3px  20px   1px   20px;
        overflow:			hidden;
        clear:				both;
}

		/* mleft (18) + menubar (822) + mright (186) = mwrap (1026) px */	
#mwrap {	height:34px; clear: both; overflow: hidden; background-color: rgb(22,22,24);}
[onshow.myinputs.qmenu-orient;if [val]='vertical';then '#mwrap {height:0;} @media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {#mwrap {height:34px;}}';else '']
#mleft,   #mright   { 	background-color:	transparent;}
#menubar, #menubar2, #menubar_leer {     /* menubar: Menu */
		position: 			relative;
        border:0; padding:0;
        border-top: 		0px solid gray;
        background-color: 	rgb(22,22,24);
        font-size:			0px;
		float:				right;
}
#menubar2, #menubar_leer  {	background-color: 	transparent; }

#mainbox {
        border:0; margin:0; padding:0;
/*      width:       		[onshow.myinputs.qcont_width_innen;htmlconv=no;]px;  */ /* innere breite - minus linkes menue - minus 1px wegen warp  */
        margin-left: 		0px;   /* diesen Wert einstellen, wenn es ein Menu links gibt */
        height:  			100%;
        background-color: 	transparent;
}

#contents {
        overflow:			hidden;
     /* border: 			2px solid yellow;  */
        padding:			0;
        margin: 			0;    /* 3-COLUMN */
     /* background-color: 	cyan; */
        z-index:			4;
}
#inner { height:1%;} /* to avoid the IE6 3 pixel jog bug - sonst ist text nach float um 3px versetzt */

/* ######### begin: 3-column design main area */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	z-index:5;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;		/* width of page */
	position:relative;
}
.maincont,
.lfa,
.rechts {
	float:left;
	position:relative;
	padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
			     only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
.lfa, .maincont, #maincont_inner { z-index:4; top:0px; }

body[id="menu"] .lfa { top:20px; height:100%; }

/* Basis von: http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* 3 Column settings */
.threecol {
	background:blue;		/* right column background colour */
}

/* Attention: the colum setting is found in the followings files:

lfa.css		- 2 columns, left:15%, middle: 85%, right:0%
no_lfa.css	- 1 column,  left:0%,  middle:100%, right:0%
3col.css	- 3 columns, left:15%, middle: 70%, right:15% (this layout is not used)
*/
/* column setting for the 3col case */
.colmid  { background:#ccc;	/* center column background colour */ }
.threecol .colmid {
	right:[onshow.myinputs.qright;htmlconv=no;]%;			/* width of the right column */
}
body[id="startseite"] .threecol .colmid { /* andere LFA Breite, individuell o.a. */ }
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.threecol .colmid {right:0;}}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"]   .threecol .colmid { right:0; }}


.threecol .colleft {
	right:			[onshow.myinputs.qmiddle;htmlconv=no;]%;	/* width of the middle column */
	background:		#ccc;	/* left column background colour */
	border-right: 	2px solid #bbb;
}
body[id*="_x_x"] .threecol .colleft {right:85%;} 				/* subpages */
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.threecol .colleft {right:100%;}}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"]   .threecol .colleft { right:0%;} body[id*="_x_x"] .threecol .colleft {right:100%;} /* subpages */}


.threecol .maincont {
	width:			[onshow.myinputs.qmiddle;htmlconv=no;]%;	/* width of center column content (column width minus padding on either side) */
	left:			100%;	/* 100% plus left padding of center column */
}
body[id*="_x_x"] .threecol .maincont {width:85%;} 			/* subpages */
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.threecol .maincont {width:100%;}}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"] .threecol .maincont { width:0%;} body[id*="_x_x"] .threecol .maincont {width:100%;} /* subpages */}


.threecol .lfa {
	width:			[onshow.myinputs.qleft;htmlconv=no;]%;	/* width of left column content (column width minus padding on either side) */
	left:			[onshow.myinputs.qright;htmlconv=no;]%;	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
body[id*="_x_x"] .threecol .lfa {width:15%;} /* subpages */
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.threecol .lfa {width:0;left:0;}}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"] .threecol .lfa { width:100%;} body[id*="_x_x"] .threecol .lfa {width:0%;} /* subpages */}


.threecol .rechts {
	width:			[onshow.myinputs.qright;htmlconv=no;]%;	/* Width of right column content (column width minus padding on either side) */
	left:			[onshow.myinputs.qhun_minus_left;htmlconv=no;]%;	/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus 
					(left column left and right padding) plus (right column left padding) */
}
body[id*="_x_x"] .threecol .rechts {left:85%;} 				/* subpages */
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {.threecol .rechts {width:0;left:100%;}}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"] .threecol .rechts { left:0%;} body[id*="_x_x"] .threecol .rechts {left:100%;} /* subpages */}
/* ######### end: 3-column design main area */


#maincont_inner { 
	position:		relative; 
	margin: 		0 auto;
	height:			100%;
	width:			100%;    /* if #lfa_ctl:3%, then here 97% */
	float:			left;
	padding: 		0;
/*  padding-top:	10px; */
	display:		inline-block;
	border: 		0px solid green;
	color:			black;
}


div.textblock,  div.textblock2 {
				 /* oben rechts unten links */
	margin:	    	10px 15px   20px  15px;
	display:    	block;
	padding:    	0;
	text-align: 	justify;
	hyphens: 	  auto;
}
div.textblock2 {  margin: 10px 0px 20px 0px; }
div.textblock2 ul, div.textblock ul {
    line-height: 			1.5em;
	text-indent: 			2px;
	list-style-position: 	outside;
/*  list-style-type: 		disc; */
    margin-left:			15px;
}
div.textblock2 h2, div.textblock h2 { padding-bottom: 10px; padding-top: 15px; }








/* Menue Definitionen ========================================================= */

/* Es gibt insgesamt 4 Menue-Arten: 
	1) Hauptmenu, oben, horizontal 																							==> (mainnav)
	2) 2.Menue-Ebene, oben, horizontal, direkt unter Hauptmenue (wird zur Zeit nicht benutzt) 								==> (mainnav2)
	3) 3.Menue-Ebene, links, wird als Submenue benutzt, wenn Hauptmenue horizontal ist										==> (menu)
	4) komplettes Accordeon-Menue links, beinhaltet Hauptmenue + Submenue (3.Ebene), hierfür gibt es 2 Anwendungsfaelle: 	==> (cssmenu)
			A) in menu.php als 'mobiles Menue'
			B) fuer Webseiten mit vertikalem Menue
*/

/* ###################### Menue oben, Hauptmenue ################### */
/*.menubar_height   { height:	25px;  }  */
/*.menu_item_width  { width: 	160px; }  */ /* innere_width dividiert durch Anzahl der Menuepunkte, z.B. 800/5=160 */
div.mainnav, div.mainnav2 {
	position:		relative;
    padding-top:	3px;
    padding-bottom:	0px;
    margin-right:  	0px;
	margin-left: 	0px;
    overflow:		hidden;
    font-size:		14px;
    border:			0;
}

/* Menue oben + 2.Ebene  */
a.mainnav, a.mainnav2  {
				 /* oben rechts unten links */
    margin: 		0px  0      0px    0;
				 /* oben/unten links/rechts */
	padding:  		8px         0px;
    font-size:		14px;
    font-weight:	normal;
    font-family: 	veranda,Arial, Helvetica, sans-serif;
	font-family: 	Trebuchet MS, veranda, Arial, Helvetica, sans-serif;
    text-align: 	center;
    text-decoration:none;
    color:			white;
    border: 		0px solid black;
    float:			left;
    display: 		inline;
	outline: 		none;
	text-transform:	uppercase;
}

a.mainnav { 
	top: 			0px; 	
	margin-left:  	5px;  /* sorgt für gleichen Abstand */
	margin-right: 	5px;
}

a.mainnav { top: 	0px; }
a.mainnav:link, a.mainnav:visited {
	background-color:transparent;
    border-top:    	0px solid #000066;
    border-bottom: 	0px solid #000066;
}
a.mainnav:hover {   
	border: 		0px solid red; 
	color: 			#00CED1; /* DarkTurquoise */
	background:		transparent url(http://[onshow.myinputs.qserver]/[onshow.myinputs.qcsshover_img;htmlconv=no;]) 2px -1px no-repeat;
}
a.mainnav2 {
	padding-bottom:	4px;
	padding-top:	25px;
	width: 			auto;
	font-size:		100.01%;
	float:			right;
	font-weight:	normal;
	color:			black;  
}

a.mainnav2:link, a.mainnav2:visited {
	background-color:transparent;
    border-top:    	0px solid #000066;
    border-bottom: 	0px solid #000066;
}
a.mainnav2:hover {   
	background-color:transparent; 
	border: 		0px solid black; 
	color: 			#ec7405; /* orange */ 
}

/* Menue-Tags, Ebene 1, oben - wenn selected */
#menu			 	#nav10 a,
body[id^="[onshow.myinputs.qpage01]"]	#nav11 a, 
body[id^="[onshow.myinputs.qpage02]"]	#nav12 a,
body[id^="[onshow.myinputs.qpage03]"]	#nav13 a,
body[id^="[onshow.myinputs.qpage04]"]	#nav14 a,
body[id^="[onshow.myinputs.qpage05]"]	#nav15 a,
body[id^="[onshow.myinputs.qpage06]"]	#nav16 a,
body[id^="[onshow.myinputs.qpage07]"]	#nav17 a,
body[id^="[onshow.myinputs.qpage08]"]	#nav18 a,
body[id^="[onshow.myinputs.qpage09]"]	#nav19 a,
body[id^="[onshow.myinputs.qpage10]"]	#nav110 a
{
	color:			#EEA2AD; /* LightPink2 */
    background-color:transparent;
	background: 	transparent url(http://[onshow.myinputs.qserver]/[onshow.myinputs.qcsshover_sel_img;htmlconv=no;]) 0px 17px no-repeat;
	cursor:			default;
    float:			left;
}
#nav10 {
	display:		none;
	height:			30px;
}
[onshow;block=begin;when [var.myinputs.qmenu-orient]='vertical']span[id^="lnav"] {display:none;}[onshow;block=end]
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) { span[id^="nav1"]  {display:none;} span[id^="lnav"]  {display:none;} #nav10 {display:block;}  }


#mobnav10 {display:	none;}
.mainnav #menu0 {padding-left:35px;}

/* Menue-Tags, Ebene 2, oben - wenn selected */
#dummy #dummnav
{
    color: 			#2D5EAE;   /* blau */
    background-color:transparent;
    cursor:			default;
 /*	width: 			170px; */
    float:			right;
}


/* ######################### Menue links, Submenue ########################## */
a.menu {
    font-family: 	veranda, Arial, Helvetica, sans-serif;
    text-align: 	left;
    text-decoration:none;
    font-weight:	normal;
    display: 		block;
	outline: 		none;		
	padding: 		10px;
	color: 			#ed1144;
	font-size: 		13px;
	text-transform:	capitalize;
		
	-moz-transition-property:all;
	-moz-transition-duration:500ms;
	-webkit-transition-property:all;
	-webkit-transition-duration:500ms;
	-o-transition-property:all;
	-o-transition-duration:500ms;
	-ms-transition-property:all;
	-ms-transition-duration:500ms;
}

a.odd     	{ background: #f4f4f4; 	border:0; border-bottom: 1px solid #e0e0e0;}
a.even 	{ background: #fff; 	border:0; border-bottom: 1px solid #e0e0e0;}          
a.menu:hover {  color:white;  	background-color: #DE869A; /* hellrot */}
a.vis_no, .vis_no,.vis_no span  {height:0 !important;font-size:0;padding:0; }

/* Menue-Tags (Ebene 2 oder 3), links - wenn selected */
[onshow.left_css;strconv=no]
#dumm     #dummxx a
{
    color: 			black; 
    cursor:			default;
	font-weight:	bold;
	background-image:linear-gradient(to right, transparent, #DE869A);
}

/* ######################### Menue links, Accordeon-Menue ########################## */
/* design of left jquery accordeon menu ==> Gesamtmenü, welche links genutzt wird für menu.php und für verticales Seitemenü */
/* design ist ähnlich wie linkes Menü bei horizontalen Seiten */

@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) {body[id="menu"]   .threecol .colleft { background:#cc3300;} } /* Hintergrundfarbe fuer Mobiles Menue */

#cssmenu   { width: 	100%;}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
	margin: 		0;
	padding: 		0;
	border: 		0;
	list-style: 	none;
	font-weight: 	normal;
	text-decoration:none;
	line-height: 	1;
	font-size: 		14px;
	position: 		relative;
}
#cssmenu a 	{ 
	line-height: 	1.3;
  	-moz-transition-property:all;
	-moz-transition-duration:500ms;
	-webkit-transition-property:all;
	-webkit-transition-duration:500ms;
	-o-transition-property:all;
	-o-transition-duration:500ms;
	-ms-transition-property:all;
	-ms-transition-duration:500ms;
}

#cssmenu > ul > li > a {
  padding-right: 	40px;
  font-size: 		25px;
  font-weight: 		bold;
  display: 			block;
  background: 		#bd0e36;	/* noch dunkleres rot von 'Nummern-Box', rechts im 1st level menu */
  color: 			white;
  border-bottom: 	1px solid #5e071b; /* dunkles lila, Linie unten 1st level menu */
  text-transform: 	uppercase;
  position: 		relative;
}
#cssmenu > ul > li > a > span {
  background: 		#ed1144; 	/* dunkles rot, left 1st level menu */
  padding: 			10px;
  display: 			block;
  font-size: 		13px;
  font-weight: 		300;
}
#cssmenu > ul > li > a:hover 		{ text-decoration: none; }
#cssmenu > ul > li > a > span:hover 	{ color:black; background-color: #DE869A;  /* altrosa fuer hover, 1st level menu */ }
#cssmenu > ul > li.active 			{ border-bottom: none; }
#cssmenu > ul > li.active > a 		{ color: white; }
#cssmenu > ul > li.active > a span 	{ background: #bd0e36; /* dunkleres rot, wie Nummern-Box */ }
#cssmenu span.cnt {
  position: 		absolute;
  top: 				8px;
  right: 			15px;
  padding: 			0;
  margin: 			0;
  background: 		none;
}

#cssmenu ul ul  { display: none; }
#cssmenu ul ul li { border: 1px solid #e0e0e0;	border-top: 0;}
#cssmenu ul ul a {
  padding: 			10px;
  display: 			block;
  color: 			#ed1144;	/* dunkles rot, wie von left 1st level menu */
  font-size: 		13px;
  text-transform:	capitalize;
}
#cssmenu ul ul a:hover 	{ color: white; background-color: #DE869A; /* altrosa fuer hover, 2nd level menu */ }
#cssmenu ul ul li.odd 	{ background: #f4f4f4; }
#cssmenu ul ul li.even 	{ background: white; }

body[id^="[onshow.myinputs.qpage01]"]	#mobnav11 > span, 
body[id^="[onshow.myinputs.qpage02]"]	#mobnav12 > span,
body[id^="[onshow.myinputs.qpage03]"]	#mobnav13 > span,
body[id^="[onshow.myinputs.qpage04]"]	#mobnav14 > span,
body[id^="[onshow.myinputs.qpage05]"]	#mobnav15 > span,
body[id^="[onshow.myinputs.qpage06]"]	#mobnav16 > span,
body[id^="[onshow.myinputs.qpage07]"]	#mobnav17 > span,
body[id^="[onshow.myinputs.qpage08]"]	#mobnav18 > span,
body[id^="[onshow.myinputs.qpage09]"]	#mobnav19 > span,
body[id^="[onshow.myinputs.qpage10]"]	#mobnav110 > span
{
	color:			#EEA2AD; /* LightPink2 */	 
	cursor:			default;
	background: 	#bd0e36; /* dunkleres rot, wie Nummern-Box */
}




/*sphider search*/
.ssearchbox { 
	position:		relative;
	height:			39px;
	width:			185px;
	border:			0px solid red; 
	padding-top:	12px; 
	padding-left:	42px; 
	cursor:			pointer;
}

.input1 {
	color:			white;
	font-size: 		14px;
	line-height: 	1.5;
	border: 		0px solid black;
	background-color:#777777;
}


/* die Class 'button' wird auch im CMS verwendet, nicht nur auf der Website selbst */
.button, .button:hover {
    border: 		none;
    padding: 		2px 8px;
    width:			180px;
	height:			35px;
    text-align:		center;
    font-size: 		100.01%;
	color: 			white;
	background-image:linear-gradient(to bottom, #2e434f 0%, #4a6c7f 100%);
	background-image:-webkit-linear-gradient(top, #2e434f 0%, #4a6c7f 100%);
	border-radius: 	5px;
	border: 		1px solid #dadae5;
}
.button:hover {
	background-image:linear-gradient(to top,    #2e434f 0%, #afc4d0 100%);
	background-image:-webkit-linear-gradient(bottom, #2e434f 0%, #afc4d0 100%);	
	cursor:			pointer;
}
.button:active, .button:focus {
	background-image:linear-gradient(to top,    #2e434f 0%, #66a3ff 100%);
	background-image:-webkit-linear-gradient(bottom, #2e434f 0%, #66a3ff 100%);
	color: 			#ccc;
}
.button::-moz-focus-inner {border: 1px dotted transparent;}


/* column classes for markdown tables */
.mrktab   { width:	[onshow.myinputs.qcont_width_innen;htmlconv=no;]px; border-spacing: 5px; margin-left:5%; }
.colcl_0 { width:	20%; }
.colcl_1 { width:	80%; }

/* alignment for markdown tables */
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }


/* contact form */
.cont_form form { background-color: #fff; margin: 10px auto; width: 90%; }
@media (max-width: calc([onshow.myinputs.qcont_width_innen;htmlconv=no;]px - 10%) ), (max-device-width: calc([onshow.myinputs.qcont_width_innen;htmlconv=no;]px - 10%)) { .cont_form form   {width:100%; } }

#myForm fieldset {
  border: 			2px solid #aaa;
  min-width:		290px;
  background-color: #eee;
  position: 		relative;
  margin: 			0;
  padding:			5px;
  border-radius: 	5px;
}
#myForm fieldset .fbody 	{ background-color : #eee; padding: 22px; margin: 15px 0 0; }
#myForm fieldset.okmsg2  	{ border: 2px solid #99CC00;}
#myForm fieldset.errmsg2 	{ border: 2px solid #FF8181;}
#myForm legend 			{ background-color:transparent;position : absolute;}
#myForm ol 				{ list-style-type: none; margin: 0; padding: 0; }
#myForm li  				{ float: left;  padding: 0; width:100%; }
#myForm li.last 			{ float: none; clear: both; text-align: center; }

#myForm label {
  display:			block;
  cursor: 			pointer;
  font-weight: 		bold;
  line-height: 		24px;
  text-align: 		left;
}
#myForm  input[id='company'], 		#myForm  input[id='phone'],
#myForm  input[id='firstname'], 	#myForm  input[id='lastname'],
#myForm input[id='captcha'],
#myForm  input[id='address'], 		#myForm  input[id='email'],
#myForm  input[id='fupld'],
#myForm textarea {
  background-color: #fff;
  color: 			#4d4d4d;
  border: 			1px solid #c4c4c4;
  font: 			13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif;
  padding: 			5px 8% 5px 2%;
  width:			90%;
  border-radius: 	5px;
  box-shadow: 		2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
}
#myForm textarea { overflow:auto;}
#myForm input.valid, 	#myForm textarea.valid { 
	border-color: 	#99CC00; /* green */
	box-shadow: 	1px 1px 3px #99CC00, inset 1px 1px 3px #99CC00;
	background: 	#fff url(../images/tick.png) 98% 3px no-repeat;
}
#myForm  input[id='company'].valid, #myForm  input[id='phone'].valid, #myForm  input[id='firstname'].valid, #myForm  input[id='lastname'].valid, #myForm  input[id='fupld'].valid {background-position: 97% 3px;}
#myForm input.error, 	#myForm textarea.error { 
	border-color: 	#FF8181; /* red */
	box-shadow: 	1px 1px 3px #FF8181, inset 1px 1px 3px #FF8181;
	background: 	#fff url(../images/wrong.png) 98% 3px no-repeat;
}
#myForm label.error { color: #c50a1f; /* red */ font-weight:normal; padding:0;margin:0; width:89%;float:left; line-height: 12px; font-size:10px; overflow:hidden;white-space:nowrap;}
#myForm  input[id='company'].error, #myForm  input[id='phone'].error, #myForm  input[id='firstname'].error, #myForm  input[id='lastname'].error, #myForm  input[id='fupld'].error  {background-position: 97% 3px;}

#myForm  input[id='company']:focus,	#myForm  input[id='phone']:focus,
#myForm  input[id='firstname']:focus, 	#myForm  input[id='lastname']:focus,
#myForm input[id='captcha']:focus,
#myForm  input[id='address']:focus, 	#myForm  input[id='email']:focus,
#myForm  input[id='fupld']:focus, 		#myForm  textarea:focus { 
	border-color: 	#3399FF;  /* blue */
	box-shadow: 	1px 1px 3px #3399FF, inset 1px 1px 3px #3399FF;
	background-image: none;
}
#myForm  input[id='company'], 			#myForm  input[id='phone'],
#myForm label[for='company'], 		#myForm label[for='phone'],
#myForm  input[id='firstname'], 		#myForm  input[id='lastname'],
#myForm label[for='firstname'], 		#myForm label[for='lastname']	{width:90%;}
#myForm li[id='comp'],  				#myForm li[id='phon'],
#myForm li[id='fname'], 				#myForm li[id='lname']  	{width:49%;}
#myForm input[id='captcha'] {width:60px;position:relative;float:left;}
#myForm label[for='captcha'] {clear:both;padding-top:5px;}
#myForm li[id='phon'], 				#myForm li[id='lname'] 	{padding-left:2%;}

@media (max-width: [onshow.myinputs.qcont_width_innen;htmlconv=no;]px), (max-device-width: [onshow.myinputs.qcont_width_innen;htmlconv=no;]px) {
	#myForm li,
	#myForm li[id='comp'],  #myForm li[id='phon'],
	#myForm li[id='fname'], #myForm li[id='lname']
		{width:90%;padding:0px 8% 0px 2%;min-width:270px;}
}
.place_holder1 {width:1%;height:24px;}
.place_holder2 {width:1%;height:65px;}






/* Footer Definitionen ========================================================= */
/* potentielle footer Links, wenn aktiv */
#agb        		#navagb a,
#banner     		#navban  a,
#partner    		#navpart a,
#about4       		#navjobs a,
#impressum  		#navimpr a,
#datenschutz  	#navdat a
{
	color:			#EEA2AD; /* LightPink2 */
    font-weight:	bold;
    text-decoration:none;
    cursor:			default;
}

/* footer area */
#footer, #footer_pre {
    clear: 			both;
    height: 		25px;
    border-top: 	1px solid gray;
    font-weight:	bold;
    font-size:		11px;
    font-family:	veranda, Arial,Helvetica;
    text-decoration:none;
    text-align: 	center;
    color: 			#555;
    padding-top:	 3px;
    padding-right:  15px;
    padding-left:   15px;
    padding-bottom:  5px;
    overflow:		hidden;
    z-index:		3;
}
#footer_pre {
	border-top: 	0px solid gray;
	padding:		0;   /* 3-COLUMN */
	height: 		0px;
}
#footer { 
	position: 		relative;
	top: 			0px;
	border-top: 	0px solid gray;	
	background-color: transparent;
}
@media (max-width: [onshow.myinputs.qcont_width_aussen]px), (max-device-width: [onshow.myinputs.qcont_width_aussen]px) { #footer {top:15px;}}


#footer a, #footer_left a {outline: none;font-weight:bold;font-family:Veranda,Arial,Helvetica;text-decoration:none;background-color:transparent;color:#555;vertical-align:bottom;}
#footer a:hover, #footer_left a:hover {background-color:transparent;color:#00CED1; /* DarkTurquoise */font-weight:bold;}

#footer_left {
    float:			left;
    text-align: 	left;
    padding-left:   15px;
    padding-bottom:  5px;
}




/* Facebook plugin */
.fb_post {
	clear:			both;
	overflow:		hidden;
	border: 		2px solid #aaa;
	margin: 		10px;
	padding: 		10px;
	background-color:#eee;
	border-radius: 	5px;
}

/* für Kalendereintrag */
.calentry > i { font-size:200%; color:#ff9900;position:relative;float:left;line-height:75px;padding:0 25px 0 0; clear:both;margin-left:20%;}
@media (max-width: 500px), (max-device-width: 500px) { .calentry > i  {margin-left:0;}}
@media (max-width: 400px), (max-device-width: 400px) { .calentry > h3  {font-size:90.01%;} .caladdress {font-size:80.01%;} }
@media (max-width: 370px), (max-device-width: 370px) { .calentry > h3  {font-weight:normal;font-size:80.01%;}  .calentry > i  {padding:0 10px 0 0;line-height:70px;} .caladdress {font-size:70.01%;}}
h3 { padding-top:20px;}
.caladdress { position: relative; top:5px; }