/*

This is the main css stylesheet for www.studentenwerk-marburg.de.
Author:			Jochen Rieger
Created:		22.11.2005
Modified:		16.01.2006
Modified by:	Torsten Schrade


suggested order:
################
- display
- list-style-type
- position
- top/right/bottom/left
- z-index
- float
- clear
- width
- height
- margin
- border
- padding
- color
- background
- font
- font-family
- font-size
- font-style
- font-variant
- line-height
- text-decoration
- letter-spacing
- text-align
- vertical-align
- white-space
- other text (e.g. text-indent)
- cursor
- content


table of contents
#################
- basic elements
- html / body
- container
- top / header / logo
- main
- content
- columns
- footer
- menus
- naviMain
- naviSub
- naviMeta
- naviRootline
- naviLang

*/

/*####################### BASICS ############################*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #E3E3E3;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;	
}

/* for other than IE */
body[id=stw_marburg_de] {
	font-size: 0.9em;
}

div#container {
	position: relative;
	z-index: 1;
	padding-left: 11px;
	border-right: 1px solid #666666;
	margin: 1.1em 1.8em 1em 0;
	background: #FFFFFF url(../images/container_bg.gif) repeat-y;
}

div#head {
	position: relative;
	height: 135px;
	margin: 0;
	border-top: 1px solid #666666;	
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;	
	padding: 0;
}

div#head_left {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 180px;
	height: 135px;
	border-right: 1px solid #666666;
	background: url(../images/logostw.png) left top no-repeat;
}

h1#siteheader,
h1#siteheader a  {
	position: absolute;
	width: 180px;
	height: 135px;
}

h1#siteheader a span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 1px 0 0 1px;
}

div#head_center {
	position: relative;
	z-index: 5;
	height: 135px;
	margin-right: 181px;
	border-left: 181px solid white;	
	background: #074678 url(../images/headimage_01.jpg) right top no-repeat;
}

div#head_center h2,
div#head_center ul {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 1px 0 0 1px;
}

div#head_right	{
	position: absolute;
	top: 0;
	right: 0;	
	z-index: 10;
	width: 181px;
	height: 135px;
	background: url(../images/head_right_bg.gif) left top no-repeat;
}

/* div#naviMain see MENU section */

div#main {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666666;
}

/* for other than IE */
body[id=stw_marburg_de] div#main {
	width: 100%;
}

div#main_left {
	position: relative;
	float: left;
	z-index: 50;
	width: 180px;
	overflow: hidden;
}

div#main_right {
	position: relative;
	float: right;
	z-index: 10;
	width: 180px;
}

div#main_center {
	position: relative;
	z-index: 5;
	margin: 0 180px 0 180px;
	border-right: 1px solid #CCCCCC;
	padding: 1em 1em 1em 2em;
}

div#content_left {
	margin: 2em -1px 2em 2px; 
}

div#content_main {

}


div#content_right {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

div#footer {
	clear: both;
	position: relative;
	height: 2.2em;
	border-bottom: 1px solid #666666;
}

p#imprint {
	position: absolute;
	left: 0;
	width: 181px;
	margin-top: 0.5em;
}

p#imprint a {
	margin: 0 0 0 1.3em;
	font-size: 0.95em;
}

p#contact {
	position: absolute;
	margin: 0.3em 181px 0 208px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
}
p#sitemap {
	position: relative;
	float: right;
	width: 180px;
	height: 2.7em;
	margin: 0;
	border-left: 1px solid #CCCCCC;
	padding: 0;
}

/* for other than IE */
/*
body[id=stw_marburg_de] p#sitemap {
	height: 2.2em;
}*/

p#sitemap a {
	position: absolute;
	width: 100%;
	text-align: center;
/*	margin: 0.55em 62% 0 38%; */
	margin: 0.55em 0 0 0;
	font-size: 0.95em;
}

div.clear {
	clear: both;
}
/*####################### MENUS ############################*/

/* --- NAVI MAIN --- */

div#naviMain {
	position: relative;
	/*overflow: hidden;*/
	z-index: 50;
	height: 1.6em;
	border-top: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	background: #8B898A;
}

div#naviMain a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

div#naviMain p {
	position: absolute;
	z-index: 50;
	width: 180px;
	margin: 0;
	border-left: 1px solid #666666;
	padding: 0 0 0 0;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: center;
}

div#naviMain p a {
	display: block;
	width: 100%;
	position: relative;
	z-index: 60;
	height: 1.55em;
	padding: 3px 0 0 0;
}

div#naviMain a:hover {
	background: #074777;
}

div#naviMain .menu-item-act a:link,
div#naviMain .menu-item-act a:visited,
div#naviMain .menu-item-cur a:link,
div#naviMain .menu-item-cur a:visited {
	background: #074777;
}

div#naviMain ul {
	position: relative;
	z-index: 5;
	height: 1.5em;
	list-style-type: none;
	margin: 0;
	border-left: 181px solid #8B898A;
	padding: 0;
}

div#naviMain li {
	position: relative;
	z-index: 50;
	float: left;
	width: 19.9%;
	margin: 0;
	padding: 0;
}

div#naviMain li.first {

}

/* for other than IE */
body[id=stw_marburg_de] div#naviMain li {
	width: 20%;
}

div#naviMain li a {
	display: block;
	height: 1.5em;
	margin: 0;
	border-left: 1px solid #FFFFFF;
	padding: 3px 0 0 0;
	color: #FFFFFF;
	font-size: 0.92em;
	text-align: center;
}


/* --- NAVI SUB --- */

div#naviSub {
	position: relative;
	z-index: 50;
	margin: 1px 0 0 2px;
	padding-bottom: 4px;
	background: url(../images/bottom_bg_dark.gif) bottom repeat-x;
}

div#naviSub ul {
	position: relative;
	list-style-type: none;
	z-index: 20;
	margin: 0;
	padding: 0;
}

div#naviSub li {
	display: inline;
}

div#naviSub li a {
	display: block;
	margin: 0;
	border-bottom: 1px solid #989797;
	padding: 0.55em 0.5em 0.55em 1.1em; 
	color: #000000;
	font-size: 0.72em;
}

div#naviSub li a:hover {
	color: #FFFFFF;
	background: #074777;
}

div#naviSub li.menu-item-act a {
	background-color: #EEEEEE;
	font-weight: bold;
}

div#naviSub li.menu-item-act a:hover {
	color: #FFFFFF;
	background: #074777;
}

div#naviSub ul.menu-level-02 li a {
	padding: 0.3em 0.5em 0.3em 2.6em; 
}

div#naviSub ul.menu-level-02 li a {
	font-weight: normal;
}

div#naviSub ul.menu-level-02 li.menu-item-act a {
	font-weight: bold;
}


/* --- NAVI META --- */
/* NAVIMETA does not exist anymore ...
div#naviMeta {
	position: relative;
	z-index: 20;
	text-align: center;	
}

div#naviMeta ul {
	position: relative;
	z-index: 20;
	height: 33px;	
	list-style-type: none;
	margin: 0.5em 0;
	margin: 0;
}

div#naviMeta ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#naviMeta span {
	visibility: hidden;
}

div#naviMeta ul li a {
	padding: 0 0.8em;
}
*/
/* Now in p#sitemap bottom right as text link!
div#naviMeta a#sitemap {
	position: absolute;
	left: 0;
	top: 7px;
	z-index: 50;
	width: 70px;
	height: 20px;	
	background: url(../images/button_sitemap01.gif) 45px no-repeat;
}*/
/* now in p#printlink 
div#naviMeta a#print {
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 50;	
	width: 70px;
	height: 20px;		
	background: url(../images/button_print01.gif) 30px no-repeat;
}
*/

/* --- NAVI ROOTLINE --- */

div#naviRootline {
	margin: 0 0 0.7em 0;
}

div#naviRootline ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}

div#naviRootline ul li {
	display: inline;
}

p#printlink {
	float: right;
	margin-top: -2.5em;
}

p#printlink a#print {
	height: 20px;		
	background: url(../images/button_print01.gif) 30px no-repeat;
}
p#printlink span {
	visibility: hidden;
}

/* --- NAVI LANGUAGES --- */

/* might come in handy somday bec. of IE*/
/*div#naviLang {
	position: absolute;
	right: 0;
	width: 181px;
	height: 2em;
	border-left: 1px solid #CCCCCC;
}*/

/* change of position ... naviLang <-> sitemap */
div#naviLang {
	position: relative;
	width: 180px;
	margin: 0 0 0.4em 0;
	/*padding: 1.1em 0 1em 0;*/
	padding: 0.6em 0 0 0;
	text-align: center;
}

div#naviLang form {
	padding: 0;
}

div#naviLang select {
	width: 120px;
	background: #DBDAD2;
	/*margin: 0.4em 0 0 2em; */
	font-size: 0.7em;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-0 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/de.gif) no-repeat;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-1 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/gb.gif) no-repeat;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-2 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/fr.gif) no-repeat;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-3 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/ru.gif) no-repeat;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-4 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/cn.gif) no-repeat;
}

div#naviLang option.tx-srlanguagemenu-pi1-option-5 {
	margin-bottom: 0.5em;
	padding-left: 28px;
	background: url(../../../t3lib/gfx/flags/es.gif) no-repeat;
}

/* for other than IE */
body[id=stw_marburg_de] div#naviLang select {
/*	margin: 0.6em 0 0.6em 4em; */
}

div#logout {
	margin: 0 0 0.4em 0;
	/*border-top: 1px solid #D1D1CF;
	border-bottom: 1px solid #D1D1CF;*/
	padding: 0 0 0 3em;
}
div#logout input {
	width: 8em;
	font-size: 0.8em;
}