/* layout
   ---------------------------------------------------- */
	 
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
h1 { font-size: 1.5em }
h2 { font-size: 1.3em }
h3 { font-size: 1.0em }

/* layout
   ---------------------------------------------------- */

#wrapper { position: absolute; top: 0px; left: 0px; margin: 10px; height: 700px; width: 98%; background-color: #D8D9DB; }
#page { margin: 0 auto 0 auto; width: 900px; height: 700px; }
#head { height: 140px; width: 900px; background: url(../images/head.jpg) bottom left no-repeat; }
#breadcrumbs { position: relative; top: 124px; left: 220px; height: 16px; width: 680px; background-color: #EE9648; color: #FFFFF8; }
#breadcrumbs a { color: #FFFFF8; text-decoration: none; }
#container { margin-top: 16px; width: 900px; height: 535px; }
#menu { float: left; height: 535px; width: 210px; background: #C3C4C6 url(../images/hintermenue.jpg) top left no-repeat; }
#content-left { float: left; margin-left: 10px; height: 535px; width: 440px; background-color: #F6F7F7; overflow: auto; }
#content-left p, #content-left table { padding: 10px 25px 10px 10px; }
#content-left h1, #content-left h2, #content-left h3, #content-left h4 { padding: 10px 25px 0 10px; }
#content-right { float: left; margin-left: 10px; height: 535px; width: 230px; background-color: #FFC488; }
#content-right #loginbox { float: left; width: 175px; height: 120px; background: #F6F7F7 url(../images/login.jpg) no-repeat; margin-top: 28px; padding-left: 45px; }
#content-right #contactbox { float: left; width: 175px; height: 120px; background: #F6F7F7 url(../images/kontakt.jpg) no-repeat; margin-top: 28px; padding-left: 45px; }
#content-right #picbox { float: left; width: 180px; height: 180px; background-color: #FFC488; margin-top: 28px; margin-left: 40px; }

#content-left a { color: #333; }
#content-right a { color: #333; }

#footer { text-align: center; padding: 2px; }

/* menu
   ---------------------------------------------------- */

#menu { color: #333; text-align: right; }
#menu ul { width: 110px; list-style: none; padding: 5px 0 0 1px; margin-left: 1px; }
#menu li.main, #menu li.first, #menu li.mainactive, #menu li.firstactive { width: 110px; padding: 5px 5px 5px 0; font-weight: bold; color: #003399; list-style: none; display: block; font-size: 12px; }
/* #menu li.main, #menu li.mainactive { border-top-width: 1px; border-top-style: solid; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-color: #cccccc; } */
#menu li.main a, #menu li.first a, #menu li.mainactive a, #menu li.firstactive a { font-weight: bold; color: #003399; display: block; text-decoration: none; }
#menu li.main a:hover, #menu li.first a:hover, #menu li.mainactive a:hover, #menu li.firstactive a:hover { color: #EE9648; display: block; }
#menu li.mainactive, #menu li.firstactive { background-color: #FFC488; }
#menu li.mainactive a, #menu li.firstactive a { color: #EE9648; }
#menu li .hidden { display: none; }

/* news styling
=================================*/

.news-latest-container { padding: 1px; }
.news-latest-container h2 { font-size: 11px; font-weight: bold; color: #036; padding-left: 0px; }
.news-latest-item { font-size: 10px; background-color: #eee; }
.news-latest-item p { padding-left: 0px; }
.news-latest-item h3 { font-size: 11px; margin: 2px 0 0 0; padding: 0px; font-weight: bold; color: #333; padding-left: 0px; }
.news-latest-item h3 a { font-weight: bold; color: #333; }
.news-latest-morelink a, .news-list-morelink a, news-list-browse a, .news-single-backlink a { font-weight: bold; color: #333; padding-left: 10px; }
.news-latest-date, .news-list-date, .news-list-cat { font-size: 9px; color: #666; padding-left: 10px; }
.news-list-container { font-size: 11px; color: #333; }
.news-list-item { }
.news-list-item h3, .news-single-item h3 { font-size: 12px; font-weight: bold; color: #333; }
.news-list-item h3 a { color: #333; }
.news-single-item { font-size: 11px; color: #333; }
.news-single-date, .news-single-cat { font-size: 9px; color: #666; padding-left: 10px; text-align: right; }

/* csc
=================================*/

fieldset.csc-mailform { border: 0; }
fieldset.csc-mailform div.csc-mailform-field { margin-bottom: 3px; }
fieldset.csc-mailform div.csc-mailform-field label { float: left; width: 25%; text-align: right; margin-right: 5px; }
fieldset.csc-mailform div.csc-mailform-field input,teaxtarea,select { font-size: 11px; }
fieldset.csc-mailform div.csc-mailform-field input.csc-mailform-submit { margin-top: 10px; }