/* main.css */

BODY, H1, H2, H3 { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }

.supo-outer-container { width:100%; padding-bottom:10px; }

.supo-inner-container { width:940px; padding:0; }

.supo-editorbar { background-color:red; color:white; padding:10px 0; }
.supo-editorbar A { color:white; text-decoration:none; font-size:14px;  }
.supo-editorbar A:hover { text-decoration:underline; }
.supo-editorbar A.active { font-weight:bold; }

.supo-headblue, .supo-footer { background-color:#006bb3; color:white; padding:10px 0; }
.supo-footer { padding:15px 0; }

.supo-headblue A, .supo-footer A { color:white; text-decoration:none; font-size:14px;  }
.supo-headblue A:hover, .supo-footer A:hover { text-decoration:underline; }
.supo-headblue A.active, .supo-footer A.active { font-weight:bold; }

.supo-mainnav { height:90px; margin:12px 0; }
.supo-mainnav A { color:#515151; text-decoration:none; font-size:15px; font-weight:bold; }
.supo-mainnav A:hover { text-decoration:underline; }
.supo-mainnav A.active { color:#a6d263; }

.supo-specialnav A { line-height:29px; }

.supo-subnav { background-color:#eeeeee; position:relative; z-index:200; display:none; }
.supo-subnavdiv { display:none; font-size:12px; line-height:15px; }
.supo-subnavdiv H3 { color:#006bb3; font-size:14px; font-weight:bold; }
.supo-subnavdiv A { color:#515151; text-decoration:none; }
.supo-subnavdiv A:hover { text-decoration:underline; }
.supo-subnavdiv A.active { font-weight:bold; }
.supo-subnavdiv H3 A { color:#006bb3; }
.supo-subnavdiv UL { margin:0; }

.supo-heroshot { height:291px; border-top:1px solid #eaeaea; background-color:#f6f6f6; }

.supo-heroheadline1 { width:60%; padding:5px 12px; color:#515151; text-decoration:none; font-size:17px; }
.supo-heroheadline2 { padding:10px 12px; color:#ffffff; background-color:#a3d94d; text-decoration:none; font-size:28px; font-weight:bold; float:left; }

.supo-breadcrumb { padding:22px 0; font-size:11px; color:#ababab; }
.supo-breadcrumb A { color:#ababab; }

.supo-maincontent { }

#supo-middle * A { }
#supo-middle A I { }

.supo-pagefuncs { padding:10px 0; }

.supo-r2013box H2 { color:#006bb3; font-size:24px; font-weight:normal; margin:10px 0; }
.supo-r2013box H3 { color:#515151; font-size:18px; font-weight:normal; margin:10px 0; }

.supo-r2013box { margin-top:20px; margin-bottom:0px; padding-bottom:10px; }
.supo-r2013box-grau { background-color:#f6f6f6; border-top:1px solid #eaeaea; padding:10px 0 20px 0; }

P { margin:0; }

.supo-smooth-shadow-below {
	-moz-box-shadow: 	0 2px 2px #888;
	-webkit-box-shadow: 0 2px 2px #888;
	box-shadow: 		0 2px 2px #888;
}

.supo-smooth-shadow-above {
	-moz-box-shadow: 	0 -2px 2px #888;
	-webkit-box-shadow: 0 -2px 2px #888;
	box-shadow: 		0 -2px 2px #888;
}

.supo-smooth-shadow-inplace {
	-moz-box-shadow: 	0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
	box-shadow: 		0 0 2px #888;
}

.supo-liste-blue { }
.supo-liste-blue H1, .supo-liste-blue H2, .supo-liste-blue H3, .supo-liste-blue I { color:#006bb3; }
.supo-liste-green {  }
.supo-liste-green H1, .supo-liste-green H2, .supo-liste-green H3, .supo-liste-green I { color:#a3d94d; }
.supo-liste-blue I, .supo-liste-green I { font-size:100%; }
.supo-bigbull { font-weight:bold; }

.supo-blue { color:#006bb3; }
.supo-gray { color:#515151; }
.supo-gray2 { color:#a0a0a0; }

.supo-biglist * { font-size:16px; }

.supo-bild5-outer { float:left; border-top:1px solid #d5d5d5; cursor:pointer; }
.supo-bild5-inner-pic {  }
.supo-bild5-space { float:left; }
.supo-bild5-inner-text { padding:5px; background-color:#a3d94d; color:white; font-weight:bold; }
.supo-bild4-head1 { padding:5px 10px; color:#ababab; font-weight:bold; }
.supo-bild4-head2 { padding:5px 10px; background-color:#a3d94d; color:white; font-weight:bold; }
.supo-bild4-text { padding:5px 10px; color:#515151; font-size:12px; }

.supo-pic-topborder { border-top:1px solid #d5d5d5; }

.supo-referenz-overlay { position:absolute; top:0; left:0; background-color:white; }
.supo-referenz-overlay2 { position:absolute; top:0; left:0; }
.supo-referenz-overlay2 H3 { color:#006bb3; }

.supo-akk-container { border-top:1px solid #eaeaea; margin-top:1px; border-bottom:1px solid #eaeaea; margin-bottom:1px; padding:10px; }
.supo-akk-head { cursor:pointer; font-size:16px; }
.supo-akk-body { display:none; }
.supo-akk-body-aktiv, .supo-akk-body-hover{ background-color:#f6f6f6; }
.supo-akk-cvr { display:inline; color:#006bb3; }
.supo-akk-cvd { display:none; color:#006bb3; }
.supo-akk-body-aktiv .supo-akk-cvr { display:none; }
.supo-akk-body-aktiv .supo-akk-cvd { display:inline; }
.supo-akk-body-aktiv .supo-akk-head { color:#006bb3; }

A.supo-languageselect { display:block; border:1px solid #dddddd; line-height:29px; padding:0 5px 0 10px; background-color:#fafafa; color:#9a9a9a; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
A.supo-languageselect I { color:#006bb3; }
A.supo-languageselect:hover { color:#000000; text-decoration:none; }
DIV#supo-langselectoverlay { z-index:9999; display:none; position:absolute; top:32px; left:0; border:1px solid #dddddd; background-color:#505050; width:200px; background-color:#fafafa; color:black; padding:5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
INPUT.supo-suche { width:120px; border:1px solid #dddddd; height:31px; padding:0 5px 0 5px; background-color:#fafafa; color:#000000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
INPUT.supo-suche:-webkit-input-placeholder, INPUT.supo-suche:-moz-placeholder, INPUT.supo-suche:-moz-placeholder, INPUT.supo-suche:-ms-input-placeholder { color:#9a9a9a; }

.supo-greenbox { padding:0 10px; display:block; background-color:#a3d94d; color:white; font-weight:bold; position:absolute; line-height:55px; height:55px; top:-10px;  -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.supo-trg-headblue, .supo-r2013box H3.supo-trg-headblue { color:#006bb3; font-size:18px; }
.supo-trg-headgray { color:#515151; font-weight:bold; }
.supo-trg-sidebar { background-color:#f6f6f6; padding:10px; /*border:1px solid #dddddd;*/ }
.supo-trg-mainlist { }

.supo-trg-green { color:#a3d94d; }
.supo-trg-yellow { color:#f7ad0f; }
.supo-trg-red { color:#e50c0c; }

A.supo-greenbutton, A.supo-greenbutton-inline { color:white; background-color:#a3d94d; font-weight:bold; font-size:14px; display:block; padding:10px 20px; }
A.supo-greenbutton:hover, A.supo-greenbutton-inline:hover { color:white; }

A.supo-greenbutton-inline { display:inline;
	-moz-box-shadow: 	0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
	box-shadow: 		0 0 2px #888;
}

.supo-training-pagination A { border:1px solid #d4d4d4; line-height:30px; padding:5px 9px }

.supo-refslider-container { overflow:hidden; height:114px; position:relative; }
.supo-refslider-inner { height:114px; position:absolute; }
.supo-refslider-child { float:left; }

.supo-homeslider-container { overflow:hidden; height:520px; position:relative; }
.supo-homeslider-inner { height:520px; position:absolute; }
.supo-homeslider-child { float:left; background-position:center; background-repeat:no-repeat; text-align:center; }
.supo-homeslider-innercontainer { position:relative; width:940px; margin:0 auto; text-align:left; }
.supo-homeslider-zitatbox { position:absolute; top:150px; right:0; width:450px; color:#515151; cursor:pointer; }
.supo-homeslider-zitatbox-text { z-index:6; padding:30px; padding-bottom:15px; font-size:18px; line-height:28px; position:relative; }
.supo-homeslider-zitatbox-text STRONG { font-size:24px; line-height:28px; }
.supo-homeslider-zitatbox-text2 { z-index:6; padding:30px; padding-top:0; color:#006bb3; font-weight:bold; position:relative; }
.supo-homeslider-zitatbox-whitener { z-index:5; background-color:white; position:absolute; width:10px; height:10px; }
.supo-homeslider-zitatbox-position { position:absolute; bottom:-30px; right:0; }

.supo-events-minibox { float:left; width:54px; padding:0 5px; margin-right:12px; background-color:#a3d94d; color:white; font-weight:bold; text-align:center; }

A.supo-login-button, A.supo-login-button:hover { position:absolute; top:-10px; right:0; display:block; float:right; background-color:#a3d94d; color:white; font-weight:normal; font-size:18px; text-decoration:none; line-height:55px; padding:0 40px;
	-moz-box-shadow: 	0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 		0 0 3px #000;
}

#supo-funcs A { font-size:18px; color:#515151; margin-left:35px; }

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:#A3D94D; border-color:#A3D94D; }

DIV#supo-events-sidebar STRONG { color:#006bb3; }

DIV#supo-events-sidebar A { display:block; position:relative; margin-left:19px; color:#515151; margin-bottom:3px; }
DIV#supo-events-sidebar A I { position:absolute; left:-18px; top:4px; color:#006bb3; }

A.supo-trglink { color:#000000; }
A.supo-trglink SPAN { color:#006bb3; }

DIV#supo-mobile-nav { background-color:#006bb3; color:white; padding:20px 5%; display:none; }
DIV#supo-mobile-nav A { display:block; color:white; font-size:20px; }
DIV#supo-mobile-nav-l1a { padding-bottom:20px; border-bottom:1px solid white; margin-bottom:20px; }
DIV#supo-mobile-nav-l2 { background-color:#e0e0e0; color:black; padding:10px; border-radius:5px; }
DIV#supo-mobile-nav-l2 A { color:#515151; font-size:17px; }
DIV#supo-mobile-nav .active { font-weight:bold; }

DIV#supo-mobile-langs { background-color:#e0e0e0; color:black; font-size:18px; padding:20px 5%; display:none; }
DIV#supo-mobile-langs A { color:#515151; font-size:18px; }

.supo-aktuelles-events A { color:#000000; }
H2.supo-blue A, H2.supo-blue A I,.supo-aktuelles-events A I { color:#006bb3; }

.supo-some-link SPAN { font-size:36px; margin-left:10px; }

#supo-navpfeil { display:none; position:absolute; z-index:201; padding:0; margin:0; font-size:1px; line-height:1px; }

#supo-navcloser { position:absolute; left:50%; bottom:0; text-align:center; }
#supo-navcloser A { margin:auto; }
#supo-navcloser A SPAN { color:#bbbabc; }

A.internal1black { color:black; }
A.internal1black I { color:#2A6496; }

A.arrowcircle_block { display:block; margin-bottom:3px; margin-left:19px; position:relative; }
I.arrowcircleb_icon { left:-18px; position:absolute; top:4px; }
.footer-right {
    display:inline;
    float: right
}