/*------------Layout---------------*/
html,body {height: 100%;}
html {background: #FFF; color: #555; font:62.5%/1.4 Arial, Tahoma, sans-serif; line-height: 17px;}
body {margin: 0px; padding: 0px; text-align: center;}
p {margin: 0 0 12px 0;}
#totalwrapper {width: 982px; background: #FFF; color: #666; margin: 0 auto; text-align: left; position: relative; height: 100%;}
#header {background: #FFF url("/images/graphics/headerbg1.jpg") no-repeat left bottom; margin: 0; position: relative;}
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#header {display: inline-block;}
* html #header {height: 1%;}
/* Hides from IE-mac \*/
#header { display: block; }
/* End hide from IE-mac */
#header h1 {margin: 0; width: 104px; height: 44px; position: absolute; left: 61px; top: 35px;}
#header h1 a {margin: 0; width: 104px; height: 44px; display: block;}
#header h1 a span {display: none;}
/*----- Topnavigation -----*/
#topnav1 {}
#topnav1 ul {margin: 0; font-size: 11px; padding: 0 10px 0 0; line-height:14px;}
#topnav1 ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topnav1 ul {display: inline-block;}
* html #topnav1 ul {height: 1%; height: 60px;}
/* Hides from IE-mac \*/
#topnav1 ul {display: block; }
/* End hide from IE-mac */
#topnav1 ul li, #topnav1 ul li.student {float: right; display: inline; list-style: none; text-align: center;}
#topnav1 ul li a {float: left; display: block; padding: 50px 10px 23px 10px; text-decoration: none; color: #777;}
#topnav1 ul li a:hover {background: #f5f5f5 url("/images/graphics/topnav_mobg1.gif") repeat-x left bottom;}
#topnav1 ul li.active a, #topnav1 ul li.dir_active a {background: #b5df7c url("/images/graphics/topnav_selectedbg_green.gif") repeat-x left bottom; color: #FFF;}
#topnav1 ul li.active a:hover, #topnav1 ul li.dir_active a:hover {background: #b5df7c url("/images/graphics/topnav_selectedbg_green.gif") repeat-x left bottom; color: #FFF;}
#topnav1 ul li.student a.active, #topnav1 ul li.dir_active a.student {background: #ffd35a url("/images/graphics/topnav_selectedbg_orange.gif") repeat-x left bottom; color: #FFF;}
#topnav1 ul li.student a.active:hover, #topnav1 ul li.dir_active a.student:hover {background: #ffd35a url("/images/graphics/topnav_selectedbg_orange.gif") repeat-x left bottom; color: #FFF;}
#topnav1 ul li.dir_active a.student2 {display: none;}
/*----- End topnavigation -----*/
#subtop {background: #FFF url("/images/graphics/subtop_bg1.jpg") no-repeat; height: 40px; padding: 10px 0px 10px 0px; margin: 0;}
#subtop a img {float: right; border: none; padding: 2px 10px;}
#subtop .imgagedivider {float: right; height: 40px; width: 1px; background: #797979;}
#subtopcontainer {height: 40px; width: 982px; float: left; border-collapse: collapse;}
#subtopcontainer td {vertical-align: bottom;}
/* Hides from IE-mac \*/
#menucontainer ul {display: block; }
#subtopnavigation {list-style-type: none; float: left; margin: 0; padding: 13px 11px 13px 11px; }
#subtopnavigation ul {list-style-type: none; float: left; font: bold 11px Arial; margin:0; padding:0;}
#subtopnavigation ul {display: inline-block;}
#subtopnavigation ul li {float: left; margin-right: 6px; padding: 0px 0px 0px 0px; }
#subtopnavigation ul li a {float: left; display: block; font: 11px Arial; padding: 0px 6px 0px 18px; text-decoration: none; color: #0066a2; background: url("/images/graphics/linkarrows.gif") no-repeat 8px center; height: 1%;}
#subtopnavigation ul li a:hover { url("/images/graphics/linkarrows.gif") no-repeat 8px center; text-decoration:underline;}
#subtopnavigation ul li a.selected {url("/images/graphics/linkarrows.gif") no-repeat 8px center; background: #a0c8ed}
#boxcontainer {background: #FFF;}
#boxcontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#boxcontainer {display: inline-block;}
* html #boxcontainer {height: 1%;}
/* Hides from IE-mac \*/
#boxcontainer { display: block; }
/* End hide from IE-mac */
#boxcontainer a img.bigpic {float: left; border: none;}
#boxcontainer a img.mediumpic {float: left; border: none; margin: 0 0 0 22px;}
#boxcontainer a img.smallerpic {float: left; border: none; margin: 0 0 22px 22px;}
#boxcontainer .smallcontent {float: left; width: 184px; height: 212px; margin: 0 22px 22px 0; overflow: hidden;}
#boxcontainer .smallcontent h2 {margin: 0; font: normal 18px Arial;}
#boxcontainer .smallcontent p {font-size: 11px; margin: 8px 0 0 0; line-height:15px;}
#boxcontainer .smallcontent_lowrow {float: left; width: 184px; height: 212px; margin: 0 22px 0 0;}
#boxcontainer .bigcontent {float: right; width: 363px; height: 446px;}
#boxcontainer .smallcontent a img, #boxcontainer .smallcontent_lowrow a img, #boxcontainer .bigcontent a img {border: none;}
#columnswrapper {float: left; width: 100%; font-size: 12px;}
.mainpicture {margin: 0 0 22px 0;}
#main_content {margin: 0 0 0 230px; padding: 0 50px 0 0;}
#main_content h2 {color: #a5d50d; font: normal 24px Arial; margin: 0 0 12px 0; line-height: 24px;}
#main_content h2.ecycup {color: #018ED4;}
#main_content h2.elev {color: #D78B00;}
#main_content h3 {font: bold 14px Arial; margin: 2px 0; line-height: 20px;}
#main_content ul {margin: 4px 0 10px 0; padding: 0;}
#main_content ul li {padding: 0; list-style-position: inside;}
#main_content a {color: #0066a2; text-decoration: none;}
#left_content {float: left; width: 210px; margin-left: -982px;}
/*----- Leftmenu -----*/
#navigation_left {background: #f4f4f4 url("/images/graphics/leftmenubottombg1.gif") no-repeat left bottom; padding: 0 0 18px 0;}
#navigation_left ul {border-bottom: 1px solid #dcdcdc; background: #F0F0F0 url("/images/graphics/leftmenutopbg1.gif") no-repeat; margin: 0; padding: 18px 0 0 0; list-style-type: none;}
#navigation_left ul li {margin: 0;}
#navigation_left ul li h3 {margin: 0; font: bold 16px Arial; padding: 8px 18px; border-top: 1px solid #dcdcdc;}
#navigation_left ul li a {color: #777; font: bold 11px Arial; display: block; padding: 6px 18px; text-decoration: none; border-top: 1px solid #dcdcdc; background: url("/images/graphics/linkarrows.gif") no-repeat 8px 10px;}
* html #navigation_left ul li a {height: 1%;}
#navigation_left ul li a:hover {background: #dcdcdc url("/images/graphics/linkarrows.gif") no-repeat 8px 10px;}
#navigation_left ul li.active a {background: #dcdcdc url("/images/graphics/linkarrows.gif") no-repeat 8px 10px;}
#navigation_left ul li.header {display: none;}
#navigation_left ul li ul {padding: 0;}
#footer {padding: 0px 22px; height: 40px; background: #FFF url("/images/graphics/footerbg1.jpg") no-repeat; font-size: 10px; clear: both;}
#footer div.kontaktinfo {line-height: 27px; float: left; margin: 34px 0 0 0;}
#footer div.kontaktinfo img { float: left; margin: 7px 5px 0 0;}
#footer div.kontaktinfo a {color: #0066a2; text-decoration: none;}
#footer div.samarbete {line-height: 27px; float: right; margin: 34px 0 0 0;}
#footer a img {float: right; border: none; margin: 34px 0 0 7px;}