/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* DFF */
html, body, input {font-family: arial, sans-serif; font-size:11px;}

html, body {height:100%;}

html {background:url('../images/bg_gradient.png') repeat-x;}
body {background:url('../images/bg_dff_logo.png') center 175px no-repeat;}

h1,h2,h3 {font-weight:bold; text-transform:uppercase; padding-bottom:0.6em;}
h1 {font-size:2.2em;}
h2 {font-size:1.6em; padding-top:0.4em;}
h3{font-size:1.4em; padding-top:0.4em;}


p {padding-bottom:1em; line-height:1.5em;} 

strong, b {font-weight:bold;}

ul {list-style:outside disc; margin:0 0 1em 1em; line-height:1.5em;}

a:active, a:link, a:visited {color:#ef3e35; text-decoration:none;}
a:hover {color:#000;}

.wrapper {width:960px; margin:0 auto;}
.hide {display:none;}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/*** HEADER ***/
#header {border-top:8px solid #ef3e35; background:url('../images/header_bg.png') repeat-x;}
#header .wrapper {position:relative; height:175px;}

#header #logo {float:left; margin-top:30px;}

#header #extranet {float:right; margin-top:31px;} 
#header #extranet input {float:left; margin-left:10px;}
#header #extranet input.text {border:1px solid #e1e1e1; border-radius:5px; height:25px; padding:0 15px;}
#header #extranet input.submit, .submit_button {background:url('../images/form_submit.png') no-repeat; margin-top:-3px; border:0 none; width:98px; height:31px; color:#fff; cursor:pointer;} 
#header #extranet .forgotten {text-align:right; padding-top:8px;}

#header #navigation {position:absolute; right:0; top:120px;}
#header #navigation ul {overflow:auto;}
#header #navigation li {float:left; display:block; background:url('../images/header_nav_seperator.png') no-repeat right center;}
#header #navigation li a {display:block; padding:16px 0 9px; margin:4px 16px 0; color:#000; font-size:1.3em; text-decoration:none;}
#header #navigation li a:hover {color:#ef3e35;}
#header #navigation li.last {background:none;}
#header #navigation li.last a {margin-right:0;}
#header #navigation li.active, #header #navigation li.parent {}
#header #navigation li.active a, #header #navigation li.parent a {border-bottom:3px solid #ef3e35; color:#ef3e35;}

/*** MAIN ***/
#main {padding-top:30px;}

/*** FOOTER ***/
#footer {border-top:1px solid #acacac; margin:30px auto 10px; overflow:auto;}
#footer .companyInfo {float:left; line-height:4em; font-size:1em;}
#footer .broughtby {float:right; padding:1.3em 0;}

/************************************
	PAGE SPECIFIC
************************************/
/*** PAGE TEMPLATE ***/
#sidecontent {float:left; width:243px;}
#sidecontent .box_top {background:url('../images/subnav_top.png') no-repeat left; height:5px; }
#sidecontent .box_bottom {background:url('../images/subnav_bottom.png') no-repeat bottom left; padding-bottom:8px;}
#sidecontent .box_content {background:url('../images/subnav_content.png') repeat-y; padding:10px 16px;}
#sidecontent .bigtxt {font-size:1.3em; text-transform:uppercase; font-weight:bold; padding:0 0 0.6em;}

#subnav ul {margin:0; list-style:none; padding:0;}
#subnav li {background:url('../images/subnav_seperator.png') no-repeat bottom left;}
#subnav li.active a, #subnav li.parent a {background:url('../images/subnav_active.png') no-repeat 4% center; color:#ef3e35;}
#subnav li a { line-height:46px; display:block; padding-left:34px; color:#000; font-size:1.1em;}
#subnav li a:hover {color:#ef3e35;}
#subnav li.last {background:none;}
#subnav li.active li a , #subnav li.parent li a {background:none; color:#000; margin-left:20px;}
#subnav li.parent li.active a {color:#ef3e35;}

#content {float:right; width:691px; background:url('../images/content_bottom.png') no-repeat bottom left; padding-bottom:7px;}
#content .box_top {background:url('../images/content_top.png') no-repeat left; height:5px; }
#content .box_content {background:url('../images/content_content.png') repeat-y; padding:20px 30px;}

#sidebarActivity {position:relative;}
#sidebarActivity .bigtxt {margin-top:15px;}
.fresh {position:absolute; top:-6px; right:-6px; width:76px; height:66px; background:url('../images/frontpage_aktuelt.png') no-repeat; z-index: 99;}


/*** FRONTPAGE TEMPLATE ***/
#frontpage {margin:0 0 0 -28px;}
#frontpage p {line-height:1.4em; padding:0 0 1em;}

#frontpage .bigtxt {font-size:1.5em; text-transform:uppercase; font-weight:bold; padding:0 0 0.6em;}
#frontpage .focus .news {border-top:1px solid #acacac; padding-top:14px; margin-top:4px;}
#frontpage .focus .firstnews {border-top:0 none; padding-top:0; margin-top:0;}

#frontpage .col1 {float:left; width:302px; margin:0 0 0 27px;}

#frontpage .focus {}
#frontpage .image {background:url('../images/frontpage_imagrbg.png') no-repeat bottom right; height:303px; overflow:hidden;}
#frontpage .image img {border-radius:5px;}

#frontpage .box {background:url('../images/frontpage_bottom.png') no-repeat bottom left; padding-bottom:7px; position:relative;}
#frontpage .box .box_top {background:url('../images/frontpage_top.png') no-repeat left; height:6px; }
#frontpage .box .box_content {background:url('../images/frontpage_content.png') repeat-y; padding:15px 20px 10px; min-height:265px;}
#frontpage .box .box_content img {margin-bottom:12px;}
#frontpage #activitybox{ position: relative; }


#frontpage #info {margin-top:30px; overflow:auto;}
#frontpage #info .bigtxt {border-bottom:1px solid #acacac; padding:0 0 0.3em; margin:0 0 1em;}
#frontpage #info .imgtxt {padding:0 20px 0 54px;}
#frontpage #info .imgtxt .txt {min-height:110px;}

#frontpage #info .imgtxt .linkbox a {display:block; color:#fff; background:url('../images/frontpage_link_small.png') no-repeat center top; line-height:33px; width:100px; text-align:center; }
#frontpage #info .imgtxt .linkbox a.big {background:url('../images/frontpage_link_big.png') no-repeat center top; width:120px;}

#frontpage #info .dff {background:url('../images/frontpage_icon_dff.png') no-repeat;}
#frontpage #info .network {background:url('../images/frontpage_icon_network.png') no-repeat;}
#frontpage #info .members {background:url('../images/frontpage_icon_members.png') no-repeat;}

/*** DIRECTION TEMPLATE ***/
.userlist {margin:10px 0 0 -38px; list-style:none; padding:0;}
.userlist li {float:left; width:184px; margin:0 0 30px 38px;}
.userlist li .position {font-weight:bold; display:block; margin:6px 0 2px;}
.userlist li .name {font-weight:bold; display:block; font-size:1.1em; margin-bottom:4px;}
.userlist li span {display:block;}

/*** MEMBERLIST TEMPLATE ***/
.memberlist {list-style:none; padding:0; margin:0;}
.memberlist li {padding:24px 0 20px; border-bottom:1px solid #d5d5d5;}
.memberlist .img {float:left; border:1px solid #d5d5d5; width:184px; height:142px;}
.memberlist .img td {vertical-align:middle;}
.memberlist .img img {}
.memberlist .companyInfo {float:left; margin-left:26px; width:200px;}
.memberlist .companyMembers {float:right; width:200px;}
.memberlist span {display:block;}
.memberlist .bigtxt {font-size:1.3em; font-weight:bold; padding:0 0 0.6em;}
.memberlist .lastmember {border:0 none;}
.memberlist .nameList {padding:0; line-height:2.8em;}
.memberlist .nameList .bigtxt {padding:0; font-size:1.3em;}

/** CALENDER LIST **/
.calenderlist {
	width:100%;
}
.calenderlist td, .calenderlist th {
	border:0 none;
	border-bottom:1px solid #cccccc;
    margin: 0;
    padding: 10px;
    text-align: left;
}
.calenderlist th {
	border-top:1px solid #cccccc;
    background:#F0F0F0;
    font-weight:bold;
}

/** NEWS LIST **/
.newslist {list-style:none; margin:0;}
.newslist li {border-bottom:1px solid #cccccc; padding:6px 0 16px;}
.newslist li.lastnews {border:0 none;}


/*** CREATE USER TEMPLATE ***/
#createuser {list-style:none; margin:0; padding:0; width:70%;}
#createuser li {overflow:auto;}
#createuser label {display:block; overflow:auto; margin:5px 0;}
#createuser input.text {display:block; float:right; border:1px solid #e1e1e1; border-radius:5px; padding:4px 2px; width:180px;}
#createuser input.file {display:block; float:right; margin:5px 0;}

#createuser .innerinput {}
#createuser .innerinput hr {border-color:#d4d4d4; border-top:none 0; margin:0;}
#createuser .innerinput span {float:left; padding:5px 0;}
#createuser .innerinput ul {float:right; margin:5px 0;}
#createuser .innerinput ul li {padding:5px 0;}
#createuser label.error {float:right; margin:0 10px; color:#ff0000;}

#createuser #submituser {float:right;}