* {
	margin: 0;
	padding: 0;
}


/* **************** LAYOUT **************** */
html {
	background: #362410;
}

body {
	font: 12px Arial, Verdana, Helvetica;
	background: url(../img/background_header.png) left top repeat-x #ebf3de;
	color: #253312;
	text-align: center;
}

div#Page {
	background: url(../img/background_main_menu.png) left top no-repeat;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

body#Home div#Page {
	background: url(../img/background_main_menu_home.png) left top no-repeat;
}

div#Header {
	height: 120px;
	padding: 10px 20px 20px;
}


div#Main {
	padding: 20px 30px;
}

body#Home div#Main {
	background: url(../img/background_home_teaser.png) top no-repeat;
	padding: 0 30px 20px 30px;
	min-height: 400px;
}

div#Left {
	width: 600px;
	padding-right: 20px;
	float: left;
}

div#Right {
	width: 300px;
	float: left;
}

a#Logo {
	display: block;
	float: left;
	width: 200px;
	height: 95px;
}

div#Footer {
	background: url(../img/background_footer.png) left top repeat-x #362410;
	color: #b3804b;
	padding: 40px 0;
	text-align: center;
}

div#HeaderRight {
	float: left;
	width: 730px;
}

div#MainMenu {
	height: 30px;
	padding: 0 0 0 80px;
	float: left;
}

div#UserMenu {
	height: 30px;
	float: right;
}

div#Header ul {
	height: 20px;
	padding: 8px 0 2px 0;
	float: right;
}

div#Header ul li {
	list-style: none;
	float: left;
	padding: 5px 10px;
	text-shadow: #000 1px 1px 1px;
	text-transform: uppercase;
	font-weight: bold;
}

div#Header ul li img {
	float: right;
	padding: 0; 
}

div#Header ul li.selected {
	background: #586C31;
	border: 1px solid: #769047;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div#Header ul li a {
	color: #F8E678;
	text-decoration: none;
}

div#Header ul li.selected a {
	color: #fff;
}

div#HeaderRight {
	height: 95px;
}

div#SearchBox {
	float: right;
	padding: 28px 15px 0 0;
}

div#SearchBox input {
	margin: 0;
	border: none;
	background: none;
	width: 217px;
	padding: 6px 5px 4px 5px;
	float: left;
}

div#SearchBox .image {
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	float: left;
	margin-left: 5px;
}


h1, h2, h3, h4 {
	font-weight: normal;
	padding-bottom: 10px;
}

h1, .h1 {
	font-size: 18px;
}

h2, .h2 {
	font-size: 16px;
}

h3, .h3 {
	font-size: 14px;
}

h4, .h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

a {
	text-decoration: underline;
	color: #C85D1C;
}

a:hover {
	text-decoration: none;
}

a span {
	display: none;
}

a img, img {
	border: none;
}

p {
	padding-bottom: 10px;
}

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

/* **************** FLASH **************** */

div.flash {
	display: none;
}

div.message-error, div.message-success {
	padding: 12px 10px 0 40px;
	height: 30px;
	text-shadow: 1px 1px 1px #500;
	font-weight: bold;
	font-size: 14px;
	background: url(../img/background_message_error.png) right top no-repeat;
	color: #fff;
	top: 62px;
	position: absolute;
	width: 680px;
}

div.message-success {
	background: url(../img/background_message_success.png) right top no-repeat;
	text-shadow: 1px 1px 1px #050;
}


/*

div.flash {
	display: none;
	margin-bottom: 20px;
}

div.message-error, div.message-success {
	padding: 12px 10px 0 10px;
	height: 26px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #fdd;
	background: #fee;
	color: #f55;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.message-success {
	border: 1px solid #dfd;
	background: #efe;
	color: #5a5;
}

*/

/* **************** FOOTER **************** */

div#FooterContent {
	text-align: left;
	margin: 0 auto;
	width: 980px;
}

div#FooterContent h2 {
	color: #d1d3d0;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.footer-column {
	background: url(../img/footer_separator.png) right top repeat-y;
	float: left;
	width: 100px;
	height: 80px;
	padding: 5px 20px 5px 40px;
}

.footer-column:last-child {
	width: 220px;
	background: none;
}

div#FooterContent ul li {
	list-style: none;
}


/* ***************** BOXES *************** */

.box {
	background: #fff;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 20px;
}

.header {
	background: url(../img/background_box_header.png) right bottom no-repeat;
	height: 40px;
	padding: 0 20px 0 0;
}

.header span {
	background: url(../img/background__box_header.png) left bottom no-repeat;
	display: block;
	padding: 12px 0 0 20px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
	color: #684722;
}

.student, .board {
	height: 60px;
	margin-top: -20px;
}

.student span, .board span {
	background: url(../img/box_icon_student.png) left bottom no-repeat;
	padding: 32px 0 0 80px;
	height: 28px;
}

.board span {
	background: url(../img/box_icon_board.png) left bottom no-repeat;
}

.ad-box {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* **************** SOCIALBOX **************** */

div#SocialBox {
	background: url(../img/socialbox_background_header.png) left top no-repeat #C8DAA6;
	padding: 40px 20px 20px;
	border-bottom: 1px solid #E9F0DA;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

div#SocialBoxLinks {
	background: #D9E6C0;
	padding: 20px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

div#SocialBox h2, div#SocialBoxLinks h2 {
	color: #684722;
	text-shadow: 1px 1px 1px #fff;
}

div#SocialBox a {
	background: url(../img/socialbox_background_tweet.png) left top no-repeat;
	padding: 0;
	width: 180px;
	display: block
}

div#SocialBox a span {
	background: url(../img/socialbox_background_tweet.png) left bottom no-repeat;
	padding: 0px 30px;
	width: 200px;
	display: block
}

div#SocialBoxLinks a {
	padding: 8px 0 0 35px;
	height: 18px;
	width: 85px;
	display: block;
	float: left;
}

a#SocialBoxLinksFacebook {
	background: url(../img/socialbox_icon_facebook.png) left top no-repeat;
}

a#SocialBoxLinksTwitter {
	background: url(../img/socialbox_icon_twitter.png) left top no-repeat;
}

/* **************** FORMS **************** */

label {
	display: block;
	float: left;
	width: 168px;
	font-size: 14px;
	padding: 10px 0 0 0;
	height: 21px;
	font-weight: bold;
}

input, textarea, select, button, file {
	font-size: 14px;
	border: 1px solid #AAB29B;
	padding: 8px 10px;
	width: 350px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

textarea {
	height: 100px;
}

select {
	padding: 4px 5px;
	width: 372px;
}

.form-error {
	background: #fee;
}

.error-message {
	display: none;
	color: #f55;
	padding: 5px 0 5px 168px;
	font-weight: bold;
}

div.input, div.submit {
	clear: both;
	padding-bottom: 5px;
}

div.checkbox input {
	margin-top: 6px;
	width: 20px;
	height: 24px;
}

div.checkbox p {
	display: inline;
	top: -4px;
	left: 5px;
	position: relative;
}

div.submit {
	padding: 10px 0 0 168px;
}

.submit input, .button {
	width: auto;
	border: none;
	padding: 0;
	margin: 0;
}

.form-gap-left {
	padding-left: 168px;
}

input.short {
	width: 150px;
}

select.short {
	width: 172px;
}

/* **************** TEXT HELPERS **************** */

.selected {
	font-weight: bold;
}

.hint {
	font-size: 10px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clime {
	color: #96AA49;
}

.cbrown {
	color: #684722;
}

.corange {
	color: #C85D1C;
}

.big {
	font-size: 14px;
}

.ucase {
	text-transform: uppercase;
}

/* **************** LAYOUT HELPERS **************** */

.clear {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.mt {
	margin-top: 30px;
}

.mb {
	margin-bottom: 30px;
}

.top {
	vertical-align: top;
}


/* **************** PAGINATOR **************** */

div.paginator {
	text-align: center;
	padding: 10px 0;
}

div.paginator ul {
	margin: 0 auto;
}

div.paginator ul li {
	text-align: center;
	list-style: none;
	padding: 4px 8px;
	border: 1px solid #E2E2E2;
	margin: 2px;
	display: inline;
}

div.paginator ul li.current {
	background: #E3ECD2;
	border: 1px solid #E2E2E2;
	font-weight: bold;
}


/* **************** HOME TEASER **************** */

div#HomeTeaserRegisterNow {
	padding: 160px 0 45px 675px;
}

div#HomeTeaserRegisterNow a {
	width: 180px;
	height: 40px;
	display: block;
}

div#HomeTeaserBar {
	height: 105px;
	padding: 5px 0 50px 0;
}

div#HomeTeaserBar a {
	width: 306px;
	height: 105px;
	float: left;
	display: block;
}


/* ****************** REPORTS ****************** */

ul#ReportsOverview li {
	width: 100px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

ul#ReportsOverview li a {
	font-weight: bold;
	text-decoration: none;
}

ul#ReportsOverview li a:hover {
	text-decoration: underline;
}

ul#ReportsList {
	padding-top: 20px;
}

ul#ReportsList li {
	background-position: left 10px;
	padding-bottom: 20px;
	list-style: none;
}

ul#ReportsList li p.description {
	padding: 0 0 5px 0;
	font-weight: bold;
}

ul#ReportsList li p.hint {
	text-transform: uppercase;
}

ul#ReportsList li p.hint span {
	padding-right: 10px;
}

div#ReportsViewShort, div#ReportsViewLong {
	padding: 20px 0 20px 0;
}

div#ReportsViewShort .hint {
	padding: 2px 0;
	color: #888;
}

div#ReportsViewShort table.hint td {
	padding: 0 4px 0 0;
	border-collapse: collapse;
}

div#ReportsViewLong .submit {
	padding: 0;
}

p.favorite-wrapper {
	float: left;
	padding: 10px 10px 40px 0;
}

a.favorite, a.favorite-selected {
	display: block;
	background: url(../img/bullet.png) left top no-repeat;
	height: 17px;
	width: 20px;
}

a.favorite-selected {
	background: url(../img/bullet_selected.png) left top no-repeat;
}

a.favorite:hover {
	background: url(../img/bullet_hover.png) left top no-repeat;
}

.category-3 { color: #8FA43D; }
.category-4 { color: #4A614C; }
.category-5 { color: #639EC8; }
.category-6 { color: #A62D38; }
.category-7 { color: #676D37; }
.category-8 { color: #00336E; }
.category-9 { color: #A35252; }
.category-10 { color: #117570; }
.category-11 { color: #504A50; }
.category-12 { color: #E79403; }
.category-13 { color: #8C6E9C; }
.category-14 { color: #AC6319; }
.category-15 { color: #9E4427; }
.category-16 { color: #9A2E62; }
.category-17 { color: #598871; }
.category-18 { color: #5B6677; }
.category-19 { color: #DA5235; }
.category-20 { color: #5D94C2; }


/* **************** LIST ELEMENTS *************** */

ul.bullet li {
	background: url(../img/bullet.png) left no-repeat;
	padding: 0 0 0 30px;
	list-style: none;
}


/* ************** USERPROFILE PAGE ************** */

div#UserProfileHeader {
	padding: 0 0 20px 0;
}

div#UserProfileHeader img {
	float: left;
	padding: 0 20px 20px 0;
}


/* ************** UPLOAD PAGE ************** */

ul#ProgressSteps {
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

ul#ProgressSteps li {
	background: url(../img/upload_step_inactive.png) left no-repeat;
	padding: 10px 10px 10px 50px;
	list-style: none;
	color: #bbb;
	float: left;
}

ul#ProgressSteps li.active {
	color: #96AA49;
	background: url(../img/upload_step_active.png) left no-repeat;
}

ul#ProgressSteps li span {
	padding: 0 20px 0 0;
	color: #fff;
	font-size: 16px;
	text-shadow: #555 1px 1px 1px
}