/* general css */

#corpus { background-color: #e4e4e4; color: #333; font: normal 1.0em trebuchet MS, Arial, Helvetica,sans-serif; background: #ffffff url(/gfx/back.jpg)  repeat-x top; margin-top:0px; padding-top:0px;}
#corpus a { color: #e0934b; text-decoration: none; }
#corpus a:hover { text-decoration: underline; }
#corpusreseller { color: #333; font: normal 0.9em trebuchet MS, Arial, Helvetica,sans-serif; background: #e2e5ea url(/gfx/reseller/bg.jpg)  repeat-x top; margin-top:0px; padding-top:0px;}
#corpusreseller a { color: #76b0ec; text-decoration: none; }
#corpusreseller a:hover { text-decoration: underline; }
#cookiemessage { position: relative; background-color: #fcc; color: #f00; margin: 0px 0px 10px 0px; padding: 5px; }
#forminfo { position: relative; background-color: #fff; color: #f00; margin: 0px 0px 10px 0px; padding: 5px; }
#pn a { margin: 0px 3px 0px 3px; }
#pn .pnav-curr { font-size: 1.3em; }
#settings-pn a { margin: 0px 3px 0px 3px; }
#settings-pn .pnav-curr { font-size: 1.3em; }
.bold { font-weight: bold; }
.center { text-align: center; }
.error { color: red; font-weight: bold;}
.right { text-align: right; }
.smaller { font-size: 0.8em; }
.rightline { border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; }

hr { background: #fff; border: 0px; clear: both; color: #fff; height: 0px; margin: 0px; padding: 0px; visibility: hidden; width: 1px; }
img { border: none; text-decoration: none; }
input.readonly { color:#666; }

label { cursor: pointer; }
select { font-size: 1.1em; }
table { border: none; }
textarea { width: 99%; }
tr.title,
tr.unread { font-weight: bold; }
ul.list { list-style-type: none; margin: 0px; padding: 0px; color: #fff; font: 12pt Trebuchet MS,Verdana,Arial,sans-serif;}
ol.list { margin: 0px; padding: 0px; }
ul.list a { margin-right: 5px; }
ul.list li { display: inline; }
ol.list li { margin: 0px 10px 5px 25px; }
#user { list-style-type: none; margin: 0px; padding: 0px; color: #fff; font: 12pt Trebuchet MS,Verdana,Arial,sans-serif;}

/* main area */
#ad-wrapper{ margin: 0px auto; width: 880px; }
#ad-wrapper #right-ad { margin-left:4px;width:166px;padding-top:204px;float:left;}
#main { margin: 0px auto; width: 886px; float: left; }
#main .fifth1 { float: left; width: 20%; }
#main .fifth2 { float: left; width: 40%; }
#main .fifth3 { float: left; width: 60%; }
#main .fifth4 { float: left; width: 80%; }
#main .half1 { float: left; width: 50%; }
#main .quarter1 { float: left; width: 25%; }
#main .quarter3 { float: left; width: 75%; }
#main .third1 { float: left; width: 33.3%; }
#main .third2 { float: left; width: 66.7%; }
#main .whole { clear: both; width: 100%; }
#main .orange { background: #FEA656  url(/gfx/orange-bg) repeat-x top left; padding: 5px; color: #00; }
#main .orange a { color: #fff; }
#main .orange p { padding: 0px 0px 0px 5px; margin: 0px; }
#main .nocolor { border: 1px hidden #006600; padding: 1px; margin: 0px 0px 0px 0px; }
#main .browsegreen { background: #80858d url(/gfx/green-bg) repeat-x top left; padding: 5px; margin: 0px 7px 0px 5px; color: #fff; }
#main .blue { background: #80858d url(/gfx/green-bg) repeat-x top left; padding: 5px; color: #fff; }
#main .blue a { color: #fff; }
#main .blue a.button { color: #333; display: block; width: 60px; float: right; }
#main .blue a.button:hover { text-decoration: none; }
#main .blue h1 .secondary { position: absolute; bottom: 0px; right: 10px; }
#main .blue h1 { padding: 20px 0px 0px 5px; margin: 0px; color: #fff; font: bold 1.5em Verdana,Arial,Helvetica,sans-serif; position: relative; }
#main .blue h2 { padding: 0px 0px 0px 5px; margin: 0px; color: #fff; font: bold 1.1em Verdana,Arial,Helvetica,sans-serif; position: relative; }
#main .blue p { padding: 0px 0px 0px 5px; margin: 0px; }
#main .grey { background: #eee url(/gfx/nav-bg) repeat-x; padding-bottom: 5px; }
#main .white { border: 1px solid #637484; background-color: #fff; padding: 10px; margin: 5px 0px 0px 0px; }
#main .prof1 { border: 1px solid #637484; background-color: #fff; padding: 5px; margin: 0px 0px 0px 0px; width: 313px; }
#main .prof2 { border: 1px solid #637484; background-color: #fff; padding: 5px; margin: 0px 0px 0px 0px; width: 350px; }
#main .prof3 { border: 1px solid 637484 background-color: #fff; padding: 5px; margin: 0px 0px 0px 0px; width: 165px; }
#main .nobottom { margin-bottom: 0px; }
#main .noleft { margin-left: 0px; }
#main .noright { margin-right: 0px; }
#main .notop { margin-top: 0px; }
#main .thinner { padding: 5px; }
#main div.red { border: 1px solid #f33; background-color: #fcc; padding: 10px; margin: 5px 5px 0px 5px; }
#main p { padding: 0px; margin: 0px 0px 10px 0px; }
#main span.red { color: #f00; }
#main #viewToggle img { margin: 0 0 0 3px; }
#main #viewToggle div.fleft { float:left; }
#main #viewToggle div.tright { text-align:right; }


/* headline */
.headline { list-style-type: none; margin: 0px; padding: 0px; color: #000; font: 16pt Trebuchet MS,Verdana,Arial,sans-serif;}
.headlinegrey { list-style-type: none; margin: 0px; padding: 0px; color: #666; font: 14pt Trebuchet MS,Verdana,Arial,sans-serif;}
.subheadline { list-style-type: none; margin: 0px; padding: 0px; color: #000; font: 12pt Trebuchet MS,Verdana,Arial,sans-serif;}
.subheadlineblue { list-style-type: none; margin: 0px; padding: 0px; color: #5B789A; font: 10pt Trebuchet MS,Verdana,Arial,sans-serif;}
.toplineblue { list-style-type: none; margin: 0px; padding: 0px; color: #5B789A; font: 8pt Trebuchet MS,Verdana,Arial,sans-serif;}
.subheadlinegrey { list-style-type: none; margin: 0px; padding: 0px; color: #666; font: 10pt Trebuchet MS,Verdana,Arial,sans-serif;}
.topline { list-style-type: none; margin: 0px; padding: 0px; color: #000; font: 8pt Trebuchet MS,Verdana,Arial,sans-serif;}
.toplinewhite { list-style-type: none; margin: 0px; padding: 0px; color: #fff; font: 8pt Trebuchet MS,Verdana,Arial,sans-serif;}
.smallinfo { list-style-type: none; margin: 0px; padding: 0px; color: #666; font: 8pt Trebuchet MS,Verdana,Arial,sans-serif;}
.reseller { list-style-type: none; margin: 0px; padding: 0px; color: #fff; font: 16pt Trebuchet MS,Verdana,Arial,sans-serif;}
.resellerwhite { list-style-type: none; margin: 0px; padding: 0px; color: #666666; font: 16pt Trebuchet MS,Verdana,Arial,sans-serif;}
.resellergreen { list-style-type: none; margin: 0px; padding: 0px; color: #76b0ec; font: 16pt Trebuchet MS,Verdana,Arial,sans-serif;}
.resellergelb { background-color:#ffff00;}
.resellerlink { list-style-type: none; margin: 0px; padding: 0px; color: #990000; font: 14pt Trebuchet MS,Verdana,Arial,sans-serif;}
#main .headline_left { width:18px;height:33px;background: url(/gfx/top_left) no-repeat top left; }
#main .headline_middle { font: bold 14px/16px Arial,Verdana,Helvetica,sans-serif; color:#fff;height:33px; background: url(/gfx/top_back) repeat-x top left; }
#main .headline_right { width:17px;height:33px; background: url(/gfx/top_right) no-repeat top left;}
.navgrey { border: 1px solid #cccccc; background-color: #eaeaea; padding: 10px; margin: 5px 0px 0px 0px; }
.startbutton a { display:block; background-image:url(/gfx/front_register1.png); width:226px; height:52px }
.startbutton a:hover { background-image:url(/gfx/front_register.png); }
.startbuttonlogin a { display:block; background-image:url(/gfx/front_anmelden1.png); width:226px; height:52px }
.startbuttonlogin a:hover { background-image:url(/gfx/front_anmelden.png); }
.resellerregister a { display:block; background-image:url(/gfx/reseller/resellerregister.png); width:227px; height:55px }
.resellerregister a:hover { background-image:url(/gfx/reseller/front_register.png); }
.resellerlogin a { display:block; background-image:url(/gfx/reseller/resellerlogin.png); width:227px; height:55px }
.resellerlogin a:hover { background-image:url(/gfx/reseller/front_anmelden.png); }
.startbuttonhomepage a { display:block; background-image:url(/gfx/front_homepage1.png); width:226px; height:52px }
.startbuttonhomepage a:hover { background-image:url(/gfx/front_homepage.png); }
.startbuttonlogout a { display:block; background-image:url(/gfx/front_abmelden1.png); width:226px; height:52px }
.startbuttonlogout a:hover { background-image:url(/gfx/front_abmelden.png); }

/* default header */
#header { position: relative; }
#header #controls { position: absolute; right: 0px; top: 0px;}
#header #controls a {font: normal 12pt Trebuchet MS,Verdana,Arial,sans-serif;color:#fff;font-weight:bold;padding-left:22px;}
#header #controls .regcontrol { float:left;) no-repeat; width:320px;height:25px;margin:0px; color: #fff; font: 12pt Trebuchet MS,Verdana,Arial,sans-serif; }
#header #controls .logcontrol { float:left; no-repeat;width:100px;height:16px;margin:0px;}
#header #controls #usercontrols a { font: normal 9pt Arial,Verdana,Helvetica,sans-serif;margin-left: 0px; margin-right: 0px; }
#header #controls #usercontrols li { display: inline; border-left: 0px solid #333; }
#header #controls #usercontrols li.first { border-left: 0px solid #fff; }
#header #controls #usercontrols ul { list-style-type: none; margin: 0px; padding: 0px; }
#header #loginsmall { display: inline; font-size: 0.8em; position: absolute; right: 0px; top: 0px; }
#header #loginsmall input { font: normal 0.8em Verdana,Arial,Helvetica,sans-serif; padding: 2px; width: 100px; }
#header #logo { height: 240px; left: 0px; overflow: hidden; position: relative; top: 45px; width: 886px; cursor:pointer; }
#header #logo span { background: url(/gfx/header/experten_logo.jpg) no-repeat; height: 100%; position: absolute; width: 100%; }
#header #navigation {background: #80858d url(/gfx/top_nav_back.jpg) repeat-x; height:27px; position: relative; }
#header #navigation a {color:#000000}
#header #navigation .active a {color:#ffffff}
#header #navigation ul { border-bottom: 1px solid #ccc; list-style-type: none; margin: 0px; padding-bottom: 28px; padding-left: 0px; }
#header #navigation ul a { display: block; float: left; padding: 4px 15px 4px 15px; text-decoration: none; }
#header #navigation ul li { border-bottom: 1px solid #ccc; background-color: #fff; float: left; height: 26px; margin: 2px 0px 0px 0px; }
#header #navigation ul li.active { background: #eee url(/gfx/nav-bg) repeat-x top left; border: 1px solid #ccc; border-bottom: none; }
#header #navoptions .secondary { position: absolute; padding-top: 8px; right: 4px;height:33px; }
#header #navoptions {color:#ffffff;margin: 0px 0px 10px 0px; position: relative; }
#header #navoptions a { color:#ffffff;margin: 0px 5px 0px 5px;}
#header #navoptions .active { color: #333; font-weight:bold; }
#header #navoptions .navleft { float:left;background: url(/gfx/nav_opt_left.jpg) no-repeat;width:6px;height:33px;  }
#header #navoptions .navmiddle { float:left;background: url(/gfx/nav_opt_middle.jpg) repeat-x;height:33px;width:874px; }
#header #navoptions #navsort  ul { border-bottom: 1px solid #ccc; list-style-type: none; margin: 0px; padding-bottom: 28px; padding-left: 0px; }
#header #navoptions #navsort { margin-left:10px;padding:8px;background: url(/gfx/nav_opt_arrow.jpg) no-repeat top left;float:left;height:33px;list-style-type: none;}
#header #navoptions #navsort a{ padding-top:20px;}
#header #navoptions .navright { float:left;background: url(/gfx/nav_opt_right.jpg) no-repeat;width:6px;height:33px; }
#header #notices { position: absolute; right: 0px; top: 25px; width: 400px; overflow: hidden; height: 2.3em; text-align: right;}
#header #search { position: absolute; right: 0px; top: 35px; }
#header #search input {	font: normal 1em Verdana,Arial,Helvetica,sans-serif; padding: 3px; width: 100px; }

/* login form */
#loginform { margin: 0px; padding: 0px; }
#loginform input[type=password],
#loginform input[type=text] { font: normal 1.1em Verdana,Arial,Helvetica,sans-serif; padding: 4px; width: 200px; }
#loginform label { font-size: 1.2em; }

/* Register form */
#register { margin: 0px auto;width:960px;background: #FFFFFF;border: 1px solid #000000;}
#register a { color: #FFFFFF; text-decoration: none; }
.register-header{background:#ffffff;height:80px;padding:10px;margin:0px auto;}
.register-content{background: #FFFFFF}
.register-content label{font: normal 16px trebuchet MS,Verdana,Arial,Helvetica,sans-serif;}

/* settings forms */
#settingsnav { position: relative; }
#settingsnav a.active { color: #333; }
#settingsnav .secondary { position: absolute; top: 0px; right: 0px; }
#settingsmenu a.active,
#notesmenu a.active { color: #333; }

/* details page */
#details .third1d { float: left; width: 326px; }
#details .third2d { float: left; width: 558px; }
#details .fifth3d { float: left; width: 494px; }
#details .fifth2d { float: left; width: 390px; }
#details .activity { font-size: 0.8em; }

#modlist .thumb { float: left; }

/* Start page */
#start { font-size: 0.9em; }
#start .white { padding: 3px 7px 3px 7px; margin: 5px 0px 0px 5px; }
#start .fifth2 { width: 325px; }
#start .fifth3 { width: 554px; }

/* Categories */
#categories { font-size: 0.8em; background-color: #fff; padding: 0px; margin: 0px; border: 1px solid #ccc;}
#categories dl { background-color: #fff; margin: 0px; padding: 0px; }
#categories dl dd { margin: 0px; padding: 2px 15px 2px 15px; }
#categories dl dd span.ellipsis,
#categories dl.active dd span.extended { display: inline; }
#categories dl dd span.extended { display: none; }
#categories dl dt,
#categories p { background: #eee url(/gfx/nav-bg) repeat-x; font-weight: bold; margin: 0px; padding: 3px 5px 3px 5px; }
#categories dl dt a,
#categories p a { display: block; width: 100%; }
#categories dl.active dd span.ellipsis { display: none; }

/* footer */
#footer { background: #fff url(/gfx/button-bg) repeat-x; border: 1px solid #ccc; color: #666; font-size: 0.8em; padding: 10px 0px; margin: 10px 0px; text-align: left; }
#footer dd { margin: 0; padding: 3px 10px; }
#footer dl { border-right: 1px solid #ccc; float: left; margin: 0px; min-height: 120px; padding: 1px; width: 20%; }
#footer dl.last { border-right: 1px solid #fff; width: 17%; min-height: 0px;}
#footer dt { font-weight: bold; padding: 1px 10px; text-transform: uppercase; }
#footer h3 { display: inline; margin: 10px; text-transform: uppercase; }