﻿
html { height: 100% }
body {color:#4f4f4f;font-family:Segoe UI Light, SegoeUILight,Segoe UI ,SegoeUITahoma,Arial,Verdana,sans-serif;font-size:15px;line-height:120%;margin:0;overflow-y:scroll;padding:0; height: 100%;}
h1,h2,h3,h4{font-family:Segoe UI Light, SegoeUILight,Segoe UI ,SegoeUITahoma,Arial,Verdana,sans-serif;}
h1 {font-size:1.7em;font-weight:lighter}
h2 {font-size:1.6em;font-weight:lighter;line-height:120%;margin-bottom:.5em}
h3 { font-size:1.4em;font-weight:lighter;line-height:120%;margin:0;padding:0;}
h4 { font-size:1.3em;font-weight:lighter;line-height:120%;margin:0;padding:0;}
input, select, button {font-family:Segoe UI ,'SegoeUI',Tahoma,Arial,Verdana,Sans-Serif;color:#4f4f4f;font-size:100%}
p {line-height:120%}    
a, a:visited {cursor: pointer; text-decoration:underline; color: #4f4f4f;}
a:hover {text-decoration:none}
a:active, a:focus {outline:none}
	a img {border:none;}

/* STAGE */
#stage {margin:auto;width:800px; background-color: transparent; height: auto !important; height:100%; min-height:100%; }

/* CONTENT */
#content {clear:both;margin:auto;position:relative; float:left; width:800px}

/* BRAND */
#brand {width:800px;height:30px;float:left;margin:20px 0 20px 0;padding:0;display:block;}
    #brand span {display:block;font-size:0.6em;margin-top:10px;line-height:120%;}
/* NAVIGATION */
#navigation {width:800px;height:30px;float:left;overflow:hidden;margin:20px 0 20px 0;font-size:1.3em;font-weight:lighter}
	#navigation ul {list-style:none;margin:0;padding:0;height:30px;}
	#navigation li {float:left;padding:0;margin:0}
	#navigation a {text-decoration:none;border-bottom:0;cursor:pointer;margin:0px 30px 0px 0px;position:relative;z-index:9; font-weight:lighter }
	#navigation a:hover {text-decoration:none;}
	#navigation a.active {text-decoration:none;}
	#navigation a.current {text-decoration:underline;}

/* FOOTER */
#footer {font-size:95%;line-height:130%;margin-top:25px;text-align:right; float:right; margin-top: 20px;}
	#footer a {color:#4f4f4f; font-weight: normal}
	#footer ul {clear:both;float:right;list-style:none;margin:0;padding:2px 0 1px 0;text-align:right}
	#footer ul li {float:left;border-right:1px solid #4f4f4f;padding:0 8px}
	#footer .last {border:none}
    #footer .pane {display:none;}
	
.section {display:block;float:left;margin-bottom:20px;width:800px;height:100%;min-height:100%}
	.section>* {display:block;float:left}

.pane {height:100%;}
.article {}

.aside {display:block;float:left;height:100%;min-height:100%}
	.aside>div {margin-bottom:20px}
	.aside>div:last-child {margin-bottom:0}

.article.office h2 {margin-top:0px;}
.article.office ul {margin:0;padding:0;display:block;} 
.article.office ul li {float:left;list-style-type:none;margin:0;padding:0;} 
.article.office li.img {cursor:pointer;width:400px;height:280px;list-style-type:none;margin:0;padding:0;background-position:top left;background-repeat:no-repeat;}
.article.office li.text {width:380px;padding-right:20px;}
.article.office li.text li.text {margin-top:5px;}
.article.office li.text li:first-child {margin-top:10px;}


.article.scope h2 {margin-top:0px;}
.article.scope ul {margin:0;padding:0 0 0 20px}
.article.scope ul li {margin-top:5px;}

.article.impressum h2 {margin-top:0px;}
.article.impressum h3 {margin-top:10px;}
.article.impressum ul {margin:0;padding:0;list-style-type:none;}
.article.impressum ul li {margin-top:5px;}

.ajaxbusy {display:none;margin:0 auto;width:290px;height:10px;display:block;background:url('images/loading-gif.gif') top left no-repeat;}	
.bgscale {-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
/* OVERLAY */
.overlay {display:none;background: #fff;color: #111;width: auto;padding: 12px;}
.overlay .close { position:absolute;right:-8px;top:-8px;cursor:pointer;width:40px;height:40px;background-image:url(images/close.png);background-position: 0px 0px;}
.overlay .img {background-position:top left;background-repeat:no-repeat;}
/* VALIDATOR */
.invalid {outline:2px solid #e81123} /* #ffc20e, ed1c24 */
.error {display:none !important}
input.active {color:black}