/* general */
html, body { overflow-x:hidden; background: -moz-linear-gradient(top, #000 0%, #000 55px, #eeeeee 80px, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(55px,#000), color-stop(80px,#eeeeee), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #000 0%,#000 55px,#eeeeee 80px,#eeeeee 100%); background: -o-linear-gradient(top, #000 0%,#000 55px,#eeeeee 80px,#eeeeee 100%); background: -ms-linear-gradient(top, #000 0%,#000 55px,#eeeeee 80px,#eeeeee 100%); background: linear-gradient(to bottom, #000 0%,#000 55px,#eeeeee 80px,#eeeeee 100%); background-repeat:no-repeat; background-color:#EEEEEE; height:auto; min-height:100%; width:100%; margin:0px; padding:0px; }
body { font-family:Verdana, Geneva, sans-serif; text-align:center; }
#content { width:auto; padding:15px 30px 20px 30px; background-color:#FFFFFF; margin-top:90px; margin-left:50px; margin-right:2px; min-height:350px; }
#footer { margin-right:2px; margin-bottom:10px; font-size:10px; text-align:right; margin-top:20px; }
a { color:#ff0000; text-decoration:none; cursor:pointer; cursor:mouse; }
.error { width:90%; min-height:40px; background-color:#FF0000; color:#FFFFFF; text-align:left; margin:auto; padding-left:50px; background-image:url(pics/error.png); background-repeat:no-repeat; }
.success { width:90%; min-height:40px; background-color:#349933; color:#FFFFFF; text-align:left; margin:auto; padding-left:50px; background-image:url(pics/success.png); background-repeat:no-repeat; }
.impressum p { max-width:900px; text-align:left; }
.impressum h1, .impressum h2 { text-align:left; padding-left:10%; }

/* navigation */
#navibar { height:155px; width:155px; position:absolute; top:0px; left:15px; }
#navi { height:55px; position:absolute; top:0px; width:100%; margin:0px; }
#navi ul { margin-left:50px; text-align:left; }
#navi li { display:inline-block; color:#FFFFFF !important; }
#navi li a { color:#FFFFFF; text-decoration:none; padding:15px; }
#navi li a:hover { background-color:#ccc; }
#navi li.active a { background-color:#555; }

/* tabbed site */
.sitechanger ul { margin:0px auto 0px 0px; padding:0px; text-align:left; }
.sitechanger li { display:inline-block; margin:0px; padding:8px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin:0px; margin-bottom:-8px;}
.sitechanger a { color:#FFFFFF;  font-size:14px;}
.sitechanger .aktiv { background-color:#555; }
.sitechanger .inaktiv { background-color:#000000; }
#changedsite { border:1px solid #111111; border-radius:5px; margin-top:7px; border-top-left-radius:0px; margin-bottom:20px;}

/* switches */
#switch { width:100px; height:40px; border:1px solid #000000; padding:0px; margin:0px;}
#switch #switchpro, #switch #switchcon { width:47px; height:40px; display:inline-block; padding:0px; margin:0px;}
#switchpro { background-color:#349933; }
#switchcon { background-color:#FF0000; }
#switch .inactive { background-color:#FFFFFF !important; }

/* popups */
#addMeldungen, #popup, .popup { height:auto; width:98%; position:absolute; top:20%; border:2px #349933 solid; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; min-height:100px; background-color:#ffffff; left:1%; right:1%;}
#closer { margin-right:0px; margin-top:0px; position:absolute; right:2%;}
#newTunier, #newTunier a, #newUser, #newUser a { font-size:12px; text-align:right; padding:3px;}

/* responsivity */
@media (max-width: 800px){
	#content { width:100% !important; margin-left:0px !important; margin-right:0px !important; margin-top:10px !important; padding:5px !important;}
	#navi ul { margin-left:175px !important; margin-top:2px; padding-left:0px; }
	#navi { height:auto !important;}
	#navi li { display:block; padding:3px;}
	#navi li a { padding:3px !important; }
	#navibar { left:0px !important; }
	.sitechanger li { display:block !important; width:100%; border-radius:0px !important; }
}