@CHARSET "ISO-8859-1";

* { margin: 0; padding: 0; border: 0; font-family: Verdana; }
html { margin: 0; padding: 0; color: #999999; overflow: auto; }
body { margin: 0; padding: 0; background: #051031; font-size: 12px; color: #999999; }
ul { list-style-type: none; }
a { text-decoration: none; color: #999999; }
a:hover { color: #333333; font-weight: bold; }
a:focus { border: 0; }
table { border-collapse: collapse; }
table tr td { vertical-align: top; }
form label { font-size: 11px; color: #FDFDFD; }

/* CUSTOM STYLING ELEMENTS */
.bold { font-weight: bold; }
.clickable { cursor: pointer; }
.l-float { float: left; }
.r-float { float: right; }
.error { color: #990000; }

/* GLOBAL LAYOUT ELEMENTS */
#page { border-right: 1px solid #DBD8DA; background: #F7F3F0; width: 868px; margin: 16px auto 0; padding: 1px 0px 1px 1px; }
#page #header { border-bottom: 1px solid #DBD8DA; width: 868px; height: 66px; }
#page #header #topline { float: right; margin: 36px 12px 0 0; font-size: 11px; }
#page #intro { border-bottom: 1px solid #DBD8DA; width: 853px; height: 142px; padding: 9px 8px 8px 7px; }
#page #intro img { float: left; }
#page #intro div#login { background: url(./../img/bg_login.png) no-repeat; float: right; width: 236px; height: 116px; padding: 15px 11px 11px 15px; color: #FDFDFD; }
#page #navigation { border-bottom: 1px solid #DBD8DA; padding: 6px 0px; height: 43px; color: #333333; }
#page #sub-navigation {	border-bottom: 1px solid #DBD8DA; font-size: 10px; color: #999999; padding: 4px 0 4px 39px; }
#page #content { border-bottom: 1px solid #DBD8DA; color: #333333; height: 314px; /* maybe dynamic later */ padding: 23px 22px 12px 38px; overflow: hidden; }
#page #content.auto { min-height: 314px; height: auto; }
#page #content.admin { height: 354px; }
#content #popup { width: 345px; top: 170px; left: 35%; position: absolute; background: #FFFFFF; border: 1px solid #051031; padding: 16px 22px; color: #333333; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px;	/* all webkit based (Safari, Chrome?) */ }
#page #footer { text-align: center; padding: 4px 0 5px; font-size: 11px; }

/* NAVIGATION SPECIFIC ELEMENTS */
#navigation dl { float: left; margin: 0 0 0 7px; }
#navigation dl dt { font-size: 0; }
#navigation dl dt a { display: block; }
#navigation dl dt#research-ddheader img { background: url(./../img/navigation.png) no-repeat 0px 0px; }
#navigation dl dt#research-ddheader.active img { background: url(./../img/navigation.png) no-repeat 0px -43px; }
#navigation dl dt#data-ddheader img { background: url(./../img/navigation.png) no-repeat 0px -86px; }
#navigation dl dt#data-ddheader.active img { background: url(./../img/navigation.png) no-repeat 0px -129px; }
#navigation dl dt#it-service-ddheader img { background: url(./../img/navigation.png) no-repeat 0px -172px; }
#navigation dl dt#it-service-ddheader.active img { background: url(./../img/navigation.png) no-repeat 0px -215px; }
#navigation dl dd { position: absolute; overflow: hidden; display: none; }
#navigation dl dd ul { width: 277px; }
#navigation dl dd ul.dropdown-research { border: 1px solid #051031; }
#navigation dl dd ul.dropdown-data { border: 1px solid #314573; }
#navigation dl dd ul.dropdown-it-service { border: 1px solid #A1A5AC; }
#navigation dl dd ul li { font-size: 12px; }
#navigation dl dd ul li a,
#navigation dl dd ul li a:active,
#navigation dl dd ul li a:visited { background: url(./../img/bg_dropdown_0.png); display: block; padding: 9px 16px; color: #333333; font-weight: normal;  border-bottom: 1px solid #e0dbd5; }
#navigation dl dd ul.dropdown-research li a:hover { background: url(./../img/bg_dropdown_research_1.png); color: #FFFFFF;  border-bottom: 1px solid #727583; }
#navigation dl dd ul.dropdown-data li a:hover { background: url(./../img/bg_dropdown_data_1.png); color: #FFFFFF;  border-bottom: 1px solid #727583; }
#navigation dl dd ul.dropdown-it-service li a:hover { background: url(./../img/bg_dropdown_it_1.png); color: #FFFFFF;  border-bottom: 1px solid #727583; }
#navigation dl dd ul li a img { background: url(./../img/navi_arrow_0.png) no-repeat; margin: 0 48px 0 0;	}
#navigation dl dd ul li a:hover img { background: url(./../img/navi_arrow_1.png) no-repeat; }

/* CONTENT SPECIFIC ELEMENTS */
#content h1 { font-size: 13px; color: #333333; }
#content p { margin: 6px 0; }
#content dl { font-size: 13px; }
#content dl.cases { width: 390px; margin: 16px 0 0 0; }
#content dl dt { background: url(./../img/bullet_box_blue.png) no-repeat left center; padding: 0 0 0 22px; margin: 0 0 4px 0; }
#content dl.cases dt.active { background: url(./../img/bullet_box_red.png) no-repeat left center; }
#content dl.cases dt a { color: #333333; }
#content dl.cases dt.active a { color: #333333; font-weight: bold;}
#content dl dd { padding: 3px 0 8px 22px;  }
#content dl dd ul { margin: 9px 0 32px 0; }
#content dl dd ul li { background: url(./../img/bullet_box_gray.png) no-repeat left center; padding: 0 0 0 27px; }
#content dl dd dl dt { background: url(./../img/bullet_box_gray.png) no-repeat left center; }
#content div.cases-img { width: 390px; float: right; }
#content div.cases-img table { margin: 6px 0 0 0; }
#content ul li { background: url(./../img/bullet_box_gray.png) no-repeat left center; padding: 0 0 0 27px; margin: 0 0 4px 0;}

/* CONCACT FORM */
form.contact label { color: #333333; }
form.contact input[type=text] { background: url(./../img/bg_input.png) no-repeat; width: 336px; height: 17px; font-size: 13px; margin: 3px 0 6px 0; padding: 4px 4px 2px; }
form.contact textarea { background: url(./../img/bg_textarea.png) no-repeat; width: 343px; max-width: 343px; height: 77px; max-height: 77px; font-size: 12px; margin: 3px 0 6px 0; padding: 4px 4px 2px; overflow: auto; }

/* LOGIN ELEMENTS */
div#login form input[type=text],
div#login form input[type=password] { background: url(./../img/bg_input_login.png) no-repeat; width: 186px; height: 15px; font-size: 13px; margin: 3px 0 6px 0; padding: 4px 4px 2px; }
div#login a { font-size: 10px; color: #FDFDFD; text-decoration: underline; }
div#login input#loginButton { margin: 0; padding: 0; width: 85px; height: 18px; }

/* NEWS-BLOG Elements */
#content div#news-blog { width: 278px; float: right; }
#content div#news-blog table { width: 278px; }
div#news-blog table tr.head th { background: url(./../img/bg_news_blog_head.png) no-repeat; height: 47px; }
div#news-blog table tr td { background: #000033; }
div#news-blog table tr.footer td { background: url(./../img/bg_news_blog_footer.png) no-repeat; height: 21px; }
div#news-blog dl { width: 276px; margin: 0px 1px; }
div#news-blog dl dd { background: #FFFFFF; padding: 0px 11px 0px 12px; height: 60px; cursor: pointer; }
div#news-blog dl dd div { border: 0; border-bottom: 1px solid #E0DBD5; height: 49px; padding: 5px 0px 5px 40px; }
div#news-blog dl dd img { float: left; margin: 5px 0 0 0; }
div#news-blog dl dd.active { background: #828798; color: #FFFFFF; }
div#news-blog dl dd.active div { border-bottom: 1px solid #787b87; }
div#news-blog dl dd.active img { background-position: 0px -48px; }
div#news-blog h2 { font-size: 11px; }
div#news-blog p { font-size: 11px; margin: 0; padding: 0;}
div#news-blog dl dd img.profile { margin: 12px 0 0 0; }
div#news-blog dl dd.active img.profile { background-position: 0px -38px; }
div#news-blog dl dd div.profile { padding: 13px 40px 5px; height: 41px; }
div#news-blog dl dd div.profile img { margin: 0 3px 0 0; }
div#news-blog dl dd div.profile h2 { margin: 1px 0 3px 0; }

/* NEWS Elemente */
#content div#news { width: 500px; }
#content div#news h1 img { float: left; margin: -2px 2px 0 0; }
#content div#news p { font-size: 13px; }
#content div#news p a { color: #333333; }
#content div#news p a:hover { color: #999999; }

/* CONTENT Text/Image Elements */
#content div.article-text { width: 390px; }
#content div.article-text dl dt.active { background: url(./../img/bullet_box_red.png) no-repeat left center; font-weight: bold; }
#content div.article-text dl dt a { color: #333333; }
#content div.article-text p { margin: 6px 0; }
#content div.article-img { width: 390px; float: right; }

/* PROFILE TABLE */
#content div.article-text table.profile tr td { font-size: 13px; padding: 2px 15px 2px 0;}
#content div.article-text table.profile tr td input[type=text],
#content div.article-text table.profile tr td input[type=password] { background: url(./../img/bg_input_profile.png) no-repeat; width: 228px; padding: 2px 5px 0; height: 20px; }
#content div.article-text table.profile tr td select { border: 1px solid #cccccc; width: 128px; height: 22px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px;	/* all webkit based (Safari, Chrome?) */ }

/* PROJECT MANAGER Elements */
#content .project-manager dl dt { background: none; padding: 0; text-align: right; width: 176px; height: 20px; }
#content .project-manager dl dt a { display: block; background: url(./../img/bg_projectgroups.png) no-repeat 0px 0px; height: 16px; color: #FFFFFF; font-size: 11px; padding: 2px 10px; }
#content .project-manager dl dt a:hover,
#content .project-manager dl dt.active a { background-position: 0px -20px; font-weight: normal; }
#content .project-manager dl dd { background: none; width: 278px; text-align: right; padding: 0; margin: 0 0 4px; }
#content .project-manager dl dd a { display: block; background: url(./../img/bg_projects.png) no-repeat; height: 16px; font-size: 11px; color: #FFFFFF; padding: 2px 10px; }
#content .project-manager dl dd a:hover,
#content .project-manager dl dd.active a  { background-position: 0px -20px; font-weight: normal; }

/* KICKTIPP REGISTRATION */
#content div#kicktipp { width: 608px; }
#content div#kicktipp form label { color: #333333; }
#content div#kicktipp form input[type=text] { background: url(./../img/bg_input_search.png) no-repeat; width: 98px; padding: 2px 10px 0 5px; height: 16px; margin: 1px 0 0 0; font-size: 11px; }
#content div#kicktipp table tr td { padding: 0 0 5px; }

/* ADMIN ELEMENTS */
#content dl.admin-navi dt { float: left; width: 160px;  margin: -10px 0 10px 0; }
#content dl.admin-navi dt.active { background: url(./../img/bullet_box_red.png) no-repeat left center; }
#content dl.admin-navi dt.active a { color: #333333; font-weight: bold;}
#content div#admin { height: 290px; clear: both; }
div#admin div.viewPane { width: 430px; height: 320px; margin: 0 15px 0 0; padding: 0; float: left; }
div#admin div.controlPane { height: 19px; width: 418px; margin: 0 0 5px; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #cccccc;}
div#admin div.controlPane input[type=text] { float: right; background: url(./../img/bg_input_search.png) no-repeat; width: 98px; padding: 2px 10px 0 5px; height: 16px; margin: 1px 0 0 0; font-size: 11px; }
div#admin div.controlPane img.search { float: right; }
div#admin div.listPane { height: 283px; width: 423px; overflow: auto; margin: 0; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #cccccc; }
div#admin div#actionPane { height: 314px; width: 354px; float: left; margin: 0px; padding: 5px 3px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #cccccc; }
div#admin div#actionPane form input[type=text],
div#admin div#actionPane form input[type=password] { background: url(./../img/bg_input_profile.png) no-repeat; width: 218px; padding: 2px 10px 0 5px; height: 20px; }
div#admin div#actionPane form select { border: 1px solid #cccccc; width: 128px; height: 22px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px;	/* all webkit based (Safari, Chrome?) */ }
div#admin div#actionPane form textarea { background: url(./../img/bg_textarea_profile.png) no-repeat; width: 226px; max-width: 228px; height: 66px; max-height: 66px; font-size: 12px; margin: 3px 0 6px 0; padding: 4px 4px 2px; overflow: auto; }
div#admin div#actionPane div.projectlist img { float: right; }
div#admin div#actionPane div.projectlist p:hover { background: #314573; color: #FFFFFF; }
div#admin table tr td { padding: 2px; vertical-align: top; }
div#admin table tr.inactive td { color: #FF0000; background: #cccccc; }
div#admin table.interactive tr:hover,
div#admin table tr.inactive:hover td { background: #314573; color: #FFFFFF; }