@charset "UTF-8";


/* --------------------------------------------------------------------------------- GENERAL */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-family: Arial, Geneva, sans-serif;
/*	background-image:url(/_img/_layout/body_bg.jpg); */
	background-repeat:repeat-y;
	background-position:top center;
	background-color:#0E371C;
	margin:0px;
	padding:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
body.home {
/*	background-image:url(/_img/_layout/home_bg.jpg); */
	background-repeat:no-repeat;
}

a {
	outline:none;
	cursor:pointer;
}
a img {
	border:none;
	}

.clear {
	clear:both;
	}
.hidden {
	display:none;
	}
.visible {
	display:block;
}

div#main {
	position:relative;
  width: 1000px;
	min-height:700px;
	background-image:url(/_img/_layout/main_bg.jpg);
	background-repeat:no-repeat;
	background-color:#00391E;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:101px;
	}
body.home div#main {
	position:relative;
	width:1000px;
	height:644px;
	background:none;
	background-repeat:no-repeat;
	background-color:#00391E;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	padding-top:0px;
	}


/* --------------------------------------------------------------------------------- HEADER */

div#logo {
	position:absolute;
	left:387px;
	top:128px;
	color:#FFDF9A;
	z-index:1001;
	font-family:"Times New Roman", Times, serif;
	}
div#logo a {
	display:block;
	background-image:url(/_img/_layout/logo.png);
	background-repeat:no-repeat;
	width:538px;
	height:31px;
	}
	
body.home div#logo {
	position:absolute;
	left:279px;
	top:230px;
	color:#FFDF9A;
	z-index:1001;
	font-family:"Times New Roman", Times, serif;
	}
body.home div#logo a {
	display:block;
	background-image:url(/_img/_layout/home_logo.png);
	background-repeat:no-repeat;
	width:442px;
	height:159px;
	}

div#topic_image {
	position:absolute;
	left:148px;
	top:128px;
	height:101px;
	width:140px;

	z-index:1002;
	}


/* --------------------------------------------------------------------------------- NAVIGATION */

div#navigation {
	position:absolute;
	left:148px;
	top:148px;
	height:169px;
	width:140px;
	background-color:#CECECE;
	z-index:1000;

	font-size:0.75em;
	padding-top:100px;
	line-height:183%;
	}
	
div#navigation a {
	color:#656565;
	text-decoration:none;
	}
div#navigation a.current {
	color:#333333;
	}
div#navigation a:hover {
	color:#333333;
	}	
	
	
div#navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	}
div#navigation ul li {
	position:relative;
	}
div#navigation ul li a {
	display:block;
	padding-right:6px;
	margin-left:10px;
	background-repeat:no-repeat;
	background-position:0px 1px;
	}
div#navigation ul li a.current {
	display:block;
	background-image:url(/_img/_layout/navigation_current.png);
	font-weight:bold;
	}
div#navigation ul li a:hover {
	background-image:url(/_img/_layout/navigation_current.png);
	}	
	
div#navigation ul li ul {
	position:absolute;
	left:150px;
	top:0px;
	text-align:left;
	width:155px;
	}

div#navigation ul li ul li a {
	margin-left:0px;
	padding-right:0px;
	}
div#navigation ul li ul li a.current,
div#navigation ul li ul li a:hover {
	background:none;
	}


/* --------------------------------------------------------------------------------- CONTENT */

div#content_top {
	position:relative;
	width:832px;
	height:345px;
	margin-left:121px;
	background-image:url(/_img/_layout/content_bg_top.png);
	background-repeat:no-repeat;
	}
div#content_middle {
	position:relative;
	width:832px;
	margin-left:121px;
	background-image:url(/_img/_layout/content_bg_repeat.png);
	background-repeat:repeat-y;
	padding-top:200px;
	}
div#content {
	margin-top:-400px;
	font-size:0.75em;
	padding-left:356px;
	padding-right:40px;
	color:#333333;
	line-height:153%;
	padding-bottom:40px;
	}
div#content.nosubnavi {
	padding-left:246px;
	padding-right:28px;
	}
div#content h1 {
	margin:0px;
	padding:0px;
	font-family:"Times New Roman", Times, serif;
	font-family: 'Amiri', serif;
	font-style:italic;
	color:#57595A;
	font-weight:normal;
	font-size:2.16666em;
	margin-bottom:0.75em;
	margin-left:-2px;
	line-height:120%;
	}
div#content h2 {
	font-weight:2em;
	color:#57595A;
	}
div#content div.box h2 {
	padding-left:14px;
	}
div#content.nosubnavi h1 {
	padding-left:22px;
	}
div#content h1 {
	font-family:Minion Pro;
		font-family: 'Amiri', serif;

	}
div#content p {
	margin:0px;
	padding:0px;
	margin-bottom:1.2em;
	}
div#content ul {
	margin:0px;
	padding:0px;
	margin-bottom:2em;
	padding-left:1.2em;
	}
div#content a {
	color:#ba0013;
	}
div#content img.left {
	float:left;
	margin-right:12px;
	margin-bottom;
	}
div#content img.right {
	float:right;
	margin-left:12px;
	margin-bottom;
	}
div#content_bottom {
	position:relative;
	width:832px;
	min-height:60px;
	margin-left:121px;
	background-image:url(/_img/_layout/content_bg_bottom.png);
	background-repeat:no-repeat;
	padding-left:187px;
	}


/* --------------------------------------------------------------------------------- CONTENT BOX */

div#content div.box {
	position:relative;
	background-color:#CFD0D2;
	padding:0px 12px 12px 12px;
	width:536px;
	}
div#content div.box_small {
	position:relative;
	background-color:#CFD0D2;
	padding:0px 0px 12px 12px;
	width:450px;
	margin-left:-12px;
	}
div#content div.box_top {
	width:560px;
	height:16px;
	background-image:url(/_img/_layout/box_top.png);
	background-repeat:no-repeat;
	}
div#content div.box_small_top {
	width:462px;
	height:16px;
	background-image:url(/_img/_layout/box_small_top.png);
	background-repeat:no-repeat;
	margin-left:-12px;
	}
div#content div.box_bottom {
	width:560px;
	height:16px;
	background-image:url(/_img/_layout/box_bottom.png);
	background-repeat:no-repeat;
	}
div#content div.box_small_bottom {
	width:462px;
	height:16px;
	background-image:url(/_img/_layout/box_small_bottom.png);
	background-repeat:no-repeat;
	margin-left:-12px;
	}


/* --------------------------------------------------------------------------------- FOOTER */

div#footer_home {
	font-family: Verdana, Geneva, sans-serif;
	position:absolute;
	bottom:70px;
	color:#CBCBCB;
	font-size:0.5625em;
	text-align:center;
	width:1000px;
	}
div#footer_home a {
	color:#CBCBCB;
	text-decoration:none;
	}
div#footer_home a:hover {
	text-decoration:underline;
	}
div#footer_bar {
	height:20px;
	background-color:#C5C6C8;
	width:440px;
	padding-left:170px;
	}
div#footer_features {
	float:left;
	width:300px;
	}
div#footer_features ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:2px;
	}
div#footer_features ul li {
	float:left;
	margin-right:4px;
	}
div#footer_features ul li a {
	display:block;
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	cursor:pointer;
	}
div#footer_features ul li a.print {
	background-image:url(/_img/_layout/icon_print.jpg);
	}
div#footer_features ul li a.tellafriend {
	background-image:url(/_img/_layout/icon_mail.jpg);
	}
div#footer_links {
	float:left;
	width:137px;
	padding-right:3px;
	}
div#footer_links ul {
	list-style-type:none;
	float:right;
	margin:0px;
	padding:0px;
	padding-top:2px;
	}
div#footer_links ul li {
	float:left;
	margin-right:4px;
	}
div#footer_links ul li a {
	display:block;
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	}
div#footer_links ul li a.studivz {
	background-image:url(/_img/_layout/icon_studivz.jpg);
	}
div#footer_links ul li a.twitter {
	background-image:url(/_img/_layout/icon_twitter.jpg);
	}
div#footer_links ul li a.google {
	background-image:url(/_img/_layout/icon_google.jpg);
	}
div#footer_links ul li a.facebook {
	background-image:url(/_img/_layout/icon_facebook.jpg);
	}
div#footer_links ul li a.xing {
	background-image:url(/_img/_layout/icon_xing.jpg);
	}
div#footer_links ul li a.delicious {
	background-image:url(/_img/_layout/icon_delicious.jpg);
	}

div#footer_navigation {
	font-family: Verdana, Geneva, sans-serif;
	width:500px;
	line-height:150%;
	color:#4B4B4B;
	font-size:0.5625em;
	padding-top:4px;
	}
div#footer_navigation a {
	color:#4B4B4B;
	text-decoration:none;
	}
div#footer_navigation a:hover {
	text-decoration:underline;
	}


/* --------------------------------------------------------------------------------- FORMS */

form.contact {}
form.contact label {
	display:block;
	width:120px;
	float:left;
	clear:left;
	margin-bottom:5px;
	}
form.contact label.error {
	color:#ba0013;
	}
form.contact label.correct {
	color:#499f11;
	}
form.contact input.text {
	background-color:#FFFFFF;
	border:none;
	width:280px;
	margin-bottom:5px;
	height:20px;
	line-height:20px;
	}
form.contact input.error {
	border:1px dotted #ba0013;
	}
form.contact input.correct {
	border:1px dotted #499f11;
	}
form.contact textarea.textarea {
	background-color:#FFFFFF;
	border:none;
	width:280px;
	height:200px;
	margin-bottom:5px;
	line-height:20px;
	}
form.contact input.submit {
	background-color:#FFFFFF;
	border:none;
	margin-bottom:20px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	clear:left;
	margin-left:120px;
	}
div#content label#for_month {
	color:#57595A;
	font-weight:bold;
	padding-left:12px;
	display:block;
	margin-bottom:5px;
}
div#content select {
	background-color:#FFFFFF;
	border:none;
	width:280px;
	margin-bottom:5px;
	height:20px;
	line-height:20px;
	padding-top:3px;
}
div#content select#month {
	padding-left:10px;
	width:200px;
}
div#content input.submit {
	background-color:#FFFFFF;
	border:none;
	margin-bottom:20px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	clear:left;
	}
div#content label#for_semester,
div#content label#for_veranstaltung {
	display:none;
}

div.error {
	color:#ba0013;
	background-color:#FFFFFF;
	border:1px dotted #ba0013;
	padding:20px;
	margin-bottom:30px;
}

div.correct {
	color:#499f11;
	background-color:#FFFFFF;
	border:1px dotted #499f11;
	padding:20px;
	margin-bottom:30px;
}
div#content div.correct a {
	color:#499f11;
}


/* --------------------------------------------------------------------------------- TABLES */

table {
	color:#57595A;
}
table td {
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:7px 7px;
	}
table.legende {
	position:absolute;
	top:0px;
	right:15px;
	}
table.legende td {
	padding-top:5px;
	padding-right:5px;
	}
table.legende td.Hochoffiziell {
	width:20px;
	background-image:url(/_img/_layout/ho.gif);
	}
table.legende td.Offiziell {
	width:20px;
	background-image:url(/_img/_layout/o.gif);
	}
table.legende td.Allgemein {
	width:20px;
	background-image:url(/_img/_layout/a.gif);
	}

table.veranstaltung {
	width:535px;
}
table.veranstaltung th {
	background-color:#B2B3B5;
	padding:4px 14px 4px 14px;
	background-repeat:no-repeat;
	background-position:515px 7px;
	}
table.veranstaltung th.Hochoffiziell {
	background-image:url(/_img/_layout/ho.gif);
	}
table.veranstaltung th.Offiziell {
	background-image:url(/_img/_layout/o.gif);
	}
table.veranstaltung th.Allgemein {
	background-image:url(/_img/_layout/a.gif);
	}
table.veranstaltung td {
	vertical-align:top;
	padding:14px 14px 4px 14px;
	}
table.veranstaltung td.time {
	width:100px;
	}

/* --------------------------------------------------------------------------------- FOTOGALERIE */

div.thumbnail {
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	background-repeat:no-repeat;
	background-position:center center;
	width:138px;
	height:92px;
}
div.thumbnail a {
	display:block;
	width:138px;
	height:92px;
}
div.thumbnail a img {
	display:none;
}


/* --------------------------------------------------------------------------------- TELL A FRIEND */

div#tellafriend {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:2000;
	background-image:url(/_img/_layout/black_88percent.png);
	width:920px;
	font-size:0.75em;
	padding:20px 40px 40px 40px;
	background-color:transparent;
	color:#FFFFFF;
	}
div#tellafriend.visible {
	display:block;
	}
div#tellafriend form {
	}
div#tellafriend label {
	display:block;
	width:90px;
	float:left;
	clear:left;
	margin-bottom:5px;
	}
div#tellafriend label.error {
	color:#ba0013;
	}
div#tellafriend label.correct {
	color:#499f11;
	}
div#tellafriend input.text {
	background-color:#FFFFFF;
	border:none;
	width:280px;
	margin-bottom:5px;
	height:20px;
	line-height:20px;
	color:#000000;
	}
div#tellafriend input.error {
	border:1px dotted #ba0013;
	}
div#tellafriend input.correct {
	border:1px dotted #499f11;
	}
div#tellafriend textarea.textarea {
	background-color:#FFFFFF;
	border:none;
	width:280px;
	height:100px;
	margin-bottom:5px;
	line-height:20px;
	}
div#tellafriend input.submit {
	background-color:#FFFFFF;
	border:none;
	margin-bottom:20px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	clear:left;
	margin-left:90px;
	}
div#tellafriend div.left,
div#tellafriend div.right {
	width:400px;
	float:left;
	margin-right:20px;
	}
div#tellafriend div#close_tellafriend {
	position:absolute;
	top:20px;
	right:20px;
	}
div#tellafriend div#close_tellafriend a {
	background-image:url(/_img/_layout/close.png);
	height:20px;
	width:20px;
	cursor:pointer;
	display:block;
	}