/*Grundelemente*/
*{outline:none !important}
body {background:#e7ebf2;	font-family:'Open Sans',Arial, Helvetica, sans-serif;	margin:0; padding:0;font-size:13.5px;}
a{color:#52599f}
a:hover{color:#000}
h1 {background:#fff;box-shadow: 0 1px 2px #c4cde0;padding:10px 20px;color: #000;font-size:24px;font-weight:400;margin:0 0 20px 0;background-image: -webkit-linear-gradient(top, #fefefe, #F3F5F8);background-image: -moz-linear-gradient(top, #fefefe, #F3F5F8);background-image: -ms-linear-gradient(top, #fefefe, #F3F5F8);background-image: -o-linear-gradient(top, #fefefe, #F3F5F8);background-image: linear-gradient(top, #fefefe, #F3F5F8);border-bottom:1px solid #b4c0d8;}
h2 {font-weight:400;color:#333;font-size:16px; line-height:40px; font-weight:600; padding:0 20px 0 20px;margin:-20px -20px 15px -20px;background-image: -webkit-linear-gradient(top, #fefefe, #F3F5F8);background-image: -moz-linear-gradient(top, #fefefe, #F3F5F8);background-image: -ms-linear-gradient(top, #fefefe, #F3F5F8);background-image: -o-linear-gradient(top, #fefefe, #F3F5F8);background-image: linear-gradient(top, #fefefe, #F3F5F8);border-bottom:1px solid #c0cbe1}
h2 span{ height:40px; float:right; width:44px; margin:0 -18px 0 0; background:url(g/schalter2.png); background-position:bottom}
h2 span:hover{ background-position:top; cursor:pointer}
h3{margin:0 0 12px 0;font-size:16px; color:#333; font-weight:600}
p{font-size:14.5px; line-height:20px; margin:0; padding:0 0 10px 0}
.box, .boxb, .contii, .box0 {background:#fff;border-bottom:1px solid #c0cbe1;box-shadow: 0 1px 2px #c4cde0;padding:20px;margin:0 0 20px 0}
.boxb{width:232px; float:left; display:inline-block; height:230px; text-decoration:none; color:#000; border-radius: 6px; text-align:center}
.boxb:hover{background-image: -webkit-linear-gradient(top, #fefefe, #f5f7fb);	background-image: -moz-linear-gradient(top, #fefefe, #f5f7fb);background-image: -ms-linear-gradient(top, #fefefe, #f5f7fb);background-image: -o-linear-gradient(top, #fefefe, #f5f7fb);	background-image: linear-gradient(top, #fefefe, #f5f7fb)}
.box hr {margin:-10px 0;color:#f2f2f2}
.box0{margin:-20px 0 20px 0}
.button,.button1{outline:none;color: #000;text-shadow: 0px 0px 1px #fff;box-shadow: inset 0 1px 0 #fff, inset 0 -2px 4px #e8ebf2;padding: .4em .6em;text-decoration:none;font-size:17px;line-height: 1em;border:1px solid #b4c0d6; border-radius: 5px;display:inline-block !important; width:auto !important; background:#D0D6E2;background-image: -webkit-linear-gradient(top, #fefefe, #D0D6E2);background-image: -moz-linear-gradient(top, #fefefe, #D0D6E2);background-image: -ms-linear-gradient(top, #fefefe, #D0D6E2);background-image: -o-linear-gradient(top, #fefefe, #D0D6E2);background-image: linear-gradient(top, #fefefe, #D0D6E2)}
.button:hover{cursor:pointer;background-image: -webkit-linear-gradient(top, #e8ebf2, #fefefe);background-image: -moz-linear-gradient(top, #e8ebf2, #fefefe);background-image: -ms-linear-gradient(top, #e8ebf2, #fefefe);background-image: -o-linear-gradient(top, #e8ebf2, #fefefe);background-image: linear-gradient(top, #e8ebf2, #fefefe)}
.c{clear:both}
.s{height:20px}
.contii{width:330px; margin:0 auto}
.infobox1, .bbox {background:#f2f2f2;padding:10px;border:1px solid #ccc}
.infobox2 {background:#d9f089;padding:10px;font-size:14px;color:#54610e;box-shadow:0 0 7px #D9F089;margin:0 0 20px 0;border:1px solid #a8c121}
.infobox3 {background:#f95353;padding:10px;box-shadow:0 0 7px #f95353;font-size:14px;margin:0 0 20px 0;color:#fff;	border:1px solid #b61515}
.infobox4 {background:#9FDCF4;padding:10px;box-shadow:0 0 7px #9FDCF4;font-size:14px;margin:0 0 20px 0;color:#1C6A87;	border:1px solid #4199BA}
#logout{background:#616B7C url('g/logout_button.png') 6px center no-repeat; color:#fff; border-radius:5px; text-decoration:none; padding:2.5px 5px 2.5px 25px; margin:0 0 0 5px; transition:background-color 0.5s}
#logout:hover{background-color:#A3ACBA; transition:background-color 0.5s}

/*Navigation*/
ul {margin:0; padding:0; list-style:none}
ul li a{padding: 0 10px;line-height:40px;display:block;color:#fff;text-decoration:none; transition: background 0.16s}
ul li a:hover{background-color:#A3ACBA; color:#fff; transition: background 0.16s}
ul li a span{background-position:center !important; background-repeat: no-repeat !important; display:inline-block; width:15px; height:40px; float:left; margin:0 10px 0 0}
ul .aktiv{background:#616B7C url('g/dreieck_navi.png') right center no-repeat; transition: background 0.16s}


/*Formulare*/
form{padding:0; margin:0}
label{background:#616B7C; color:#fff; font-size:14px;display:inline-block;padding: .35em .55em;border-top-left-radius: 5px;border-top-right-radius: 5px;white-space:normal}
input,textarea,select{border:1px solid #ccc;font-size:14.5px;padding: 0 5px;line-height:25px;width:calc(100% - 10px);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.07) inset;transition:border-color 0.05s ease-in-out 0s}
select{width:auto; height:25px; line-height:25px}
input:focus,textarea:focus{box-shadow: 0 0 2px #39F;	border:1px solid #39F}
.start_form{height:40px; font-size:18px}

/*Grundstruktur*/
.ob0{width:100%;background:#000; position:fixed; z-index:2;height:45px;float:left;color: #C0C7D3}
.ob0 span {display:inline-block; margin:0 0 0 10px; line-height:45px}
.ob1{width:180px;  top:45px;height:100%; position:fixed; background:#303030;float:left}
.ob2{position:relative; z-index:1; top:45px; margin-left:180px; padding:20px;max-width:1100px; min-width:750px}



/*nicht verwendet*/
.neuenachricht{border:1px solid #F00;border-radius:2px;box-shadow:0 0 1px #C00;color:#ffF;background:#C33;padding:1px;display:inline-block;text-align:center;font-weight:600;font-size:11px;width:12px;
}