@charset "UTF-8"; /* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300); 

html, body {margin: 0; padding: 0; height:100%;}
body {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px;} /* [disabled]background: #555555; */
div#wrapper {position: relative; margin: 0 auto; width: 100%; min-height: 100%; height: auto !important; height: 100%; padding: 0; background: #FFF; left: 0px; top: 0px; right: 0px; bottom: 0px;}

/* CONTENT */
main, #maintop {margin: 0 auto; max-width: 900px; display: block; clear: both;} /* [disabled]background: #E5EFFF; */
#inner {margin: 0 20px; max-width: 860px; padding: 20px 0 100px 0;}
a, a:visited {text-decoration: none;}

/* HEADER */
header {width: 100%; background: url(../screen/headerbalken3.png) repeat-x; height: 60px; top: 0px; margin: 0; padding: 0; float: left; border-bottom: 1px solid #FFF;} /* [disabled]position: relative; */
#headercore {margin: 17px auto 1px auto; max-width: 860px; position: relative; height: 44px; padding: 0 20px;} /* [disabled]background: #333; */
#headercore #logo {float: left; height: 27px; width: 100px; margin-right: 60px; background: url(../screen/centuryo_logo_white.png) no-repeat; display: inline-block; opacity: 1.0;}
#headercore #logo:hover {opacity: 0.75;}
#headercore .vc {font: bold 18px "Courier New", Courier, monospace; color: #FFFFFF; float: right; display: block; position: absolute; top: -17px; padding: 0 2px 0; right: -1px; margin-right: 40px;}
#headercore .vc a {color: #990033 !important;}

/* NAVIGATION */
#headercore .current, 
#headercore .mn, 
#headercore .current2 {font-size: 14px; padding: 8px 16px 0 16px; display: block; float: left; height: 35px; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}  /* [disabled]background: #999; */
#headercore .mn {color: #CCC;}
#headercore #im, #headercore #rm {float: left; padding: 0; margin: 0;} /* [disabled]background: #9C3; */	
#headercore #im {display: block;}
#headercore #rm {display: none;}
#headercore #la {padding: 8px 16px 0 16px; display: block; float: right; margin: 0; height: 35px;}  /* [disabled]background: #444; */
#headercore #la a.mi {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #CCC; float: left; height: 35px;} /* [disabled]background: #000; */
	
#headercore #im a.mi, #headercore #rm a.mi {width: 50px; height: 45px; float: left; opacity: 0.75;}	/* [disabled]background: #090; */
#headercore #im a.mi {background: url(../screen/adminicon.png) no-repeat 13px 3px;}
#headercore #rm a.mi {background: url(../screen/menuicon.png) no-repeat 13px 3px;}
#headercore #im:hover a.mi, #headercore #rm:hover a.mi {cursor: pointer; opacity: 1.0;}
#headercore .current {color: #FFF; background-color: #777; border-radius: 10px 10px 0 0;}
	
#headercore .current2 {color: #FFF; background-image: url(../screen/current2.png); background-repeat: no-repeat; background-position: center bottom;}
#headercore #la .me {margin-top: 35px; margin-left: -18px;}
#headercore #la span {font-size: 0.8em; margin-left: 5px;}
#headercore .mn:hover, #headercore .current:hover, #headercore .current2:hover, #headercore #la:hover a {cursor: pointer; color: #FFF;}
#headercore .me {position: absolute; z-index: 8000; display: none; margin-left: -30px; padding: 0 0 5px 0; background: #505050; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; height: auto; margin-top: 43px; border-radius: 0px 0px 4px 4px; opacity: 0.97;}
#headercore #im:hover .me, #headercore #rm:hover .me, #headercore #la:hover .me {display: block;}
#headercore .me .mn {display: block !important; float: none; padding: 9px 20px 7px 20px; color: #FFF!important; height: 20px!important;}
#headercore .me .mn:hover {background: #000000;}
#headercore .me .mn:hover a {color: #9AB8E0!important;}
#submenu {max-width: 860px; padding: 0 20px; margin-right: auto; margin-left: auto; text-align: right;}  /* [disabled]background: #9CF; */	
#breadcrumbs {font-size: 12px; color: #999;}  /* [disabled]margin-right: 70px; *//* [disabled]background: #FFF; */
#breadcrumbs em {background: #FFF; padding: 0 3px; font-style: normal;}
#breadcrumbs a, #breadcrumbs span {color: #666; background: #FFF; padding: 0 3px; margin: 0px;}
#breadcrumbs a {}
#breadcrumbs span {}
#breadcrumbs a:hover {color: #C06;}


/* RELATED LINKS */
#related {width: 150px; margin: 40px auto 0 auto; font-size: 13px;} /* [disabled]background: #9C0; */
#related a {color: #777; background: #DDD; text-align: center; padding: 6px 0; width: 100%; display: block; margin-bottom: 4px; border-radius: 16px;}
#related a:hover {background: #D4D4D4; color: #333;}

/* FOOTER */
footer {position: absolute; width: 100%; left: 0; bottom: 0; min-height: 50px; color: #FFF; background: #555555; padding: 10px 0 10px 0; text-align: center; font-size: 12px; margin: 0; line-height: 20px; border-top: 1px solid #FFF;}
footer a {color: #FFF; text-decoration: none; margin-right: 14px;}
footer a:hover {color: #CCC;}
footer .vc {font: 14px "Courier New", Courier, monospace; color: #FFFFFF; padding: 10px 20px;}/* [disabled]background: #C09; */	
footer #finfo {margin-right: 14px; color: #F06;}

#fyears, #fcop, #fmail, #fimp, #flog,#finfo, footer .vc {display: inline-block;}
.version {color: #666; text-decoration: none; float: right; position: relative; top: 20px; left: -20px;}
#scrolltop img {width: 24px; padding-top: 7px; position: relative; top: 7px; opacity: 1.0;} /* [disabled]background: #C06; */
#scrolltop:hover img  {opacity: 0.70;}
#cssvali, #xhtvali, #i18n {display: none;}

/*TYPO */
h1 {font-family: "Yanone Kaffeesatz", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 42px; line-height: 40px; font-weight: 300; color: #999; margin: 0px;}
h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #666666; font-size: 16px; line-height: 26px; font-weight: normal; margin: 12px 0 0 0;}
img {color: #999; font-size: 7px;}
.version:hover {color: #C03;}


@media only screen and (max-width: 820px) {
	
#headercore .current, #headercore .current2, #headercore .mn {display: none;}
#headercore #rm {display: block;}
}

@media only screen and (max-width: 460px) {
	
#fyears, #fmail, #flog {display: none;}  /* #fyears, #fcop, #fmail, #fimp, #flog, footer .vc */
}

@media only screen and (max-width: 410px) {
	
footer {height: 65px;}
#headercore #logo {margin-right: 15px;}
#headercore #la {padding-left: 8px; padding-right: 0px;}
#headercore #im a.mi, #headercore #rm a.mi {width: 40px;}
}