/**
	BEREICHSFARBEN:
	ALLGEMEIN: #CC3
	MEDICAL: #68B6DD
	AKTUELL: #C77717
	
	TEXT 'SCHWARZ': #333
	CONTENT BG: #F2F2F2
	GRAU: #999
**/

@IMPORT url("content.css");

html {
	overflow-y: scroll;

}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
	margin-top: 25px;	
}

h3, h4 {
	font-size: 12px;		
	margin-top: 25px;	
}
body {
	padding:0px;
	text-align:center;
	background: #fff;
}
body, td, th {
	font-family:verdana,arial,helvetica, sans-serif;
	font-size:12px;
}
th {
	text-align: left;
}
#wrap {
	margin: 5px auto;
	padding:0;
	width: 980px;
	text-align:left;
	background:#fff;
	overflow-y: hidden;
}

ul, li {
	list-style: circle;
	list-style-position: inside;
	padding-left: 0;
	margin-left: 0;	
}

/**** SEARCH ***/

input.tx-indexedsearch-searchbox-button {

	background-color:#CCCC33;
	border:0px solid #CCCC33;
	color:#FFFFFF;
	height:auto;
	margin-left:0;
	margin-top:0;
	width:auto;
	font-weight:bold;
	margin-top:5px;
	padding:2px 5px;
	width:auto;
}

.tx-indexedsearch-searchbox TABLE TD input.tx-indexedsearch-searchbox-sword, 
.tx-indexedsearch-searchbox TABLE TD input.tx-indexedsearch-searchbox-button  {
	margin-left: 15px;
}

.tx-indexedsearch-searchbox p {
	margin-left: 0px;
}

.tx-indexedsearch-searchbox TABLE TD input.tx-indexedsearch-searchbox-sword, 
.tx-indexedsearch-searchbox TABLE TD select.tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-searchbox TABLE TD select.tx-indexedsearch-selectbox-sections {
	width: 200px;
	float:right;
	height: 20px;
}

.tx-indexedsearch-searchbox TABLE TD select.tx-indexedsearch-selectbox-results {
	margin-left: 80px;
}

.tx-indexedsearch-res TABLE TD {
	font-size: 12px;
}




/***  macina searchbox ***/

.tx-macinasearchbox-pi1 {
	margin: 15px 0 0 30px;
	font-size: 0.8em;
}


.tx-macinasearchbox-pi1 .search-headline {
	color: #333333;
}

.tx-maciasearchbox-pi1 input[type="text"]:focus {	
	border-color:#fff;
}

.tx-macinasearchbox-pi1 td input {
	margin-top: 5px;
}

/** header **/
#header {
	
}
#metamenu {
	background: #cc3 /* areacolor */ url("../images/bg_metamenu.gif") repeat-y;
	text-transform: uppercase;
	font-size: 10px;
	color: #000;
	height: 11px;
	margin-bottom: 4px;
	overflow: hidden;
}
#metamenu ul {
	float: right;
	margin: 0 260px 0 0;
	padding: 0 5px 0 5px;
	background: #fff;
	display: inline;
/*	height: 12px;*/
}
#metamenu ul,
#metamenu li {
	display: inline;
}

#metamenu li a {
	text-decoration: none;
	color: #666;
	border-right: 1px solid #ccc;
	line-height: 11px;
	padding: 0 10px 0 10px;
	}
#metamenu li.last a {
	border-right: 0;
	}
#headerimage {
	background: url("../images/bg_headerimage.gif") repeat-y;
	float: left;
}

#headerimage img {
	margin-left: 15px;
	height: 225px;
}

#headertopic {
	height: 225px;
	width: 260px;
	float: right;
	margin-left: 5px;
	background: #999;
}

#headertopic p {
	vertical-align: bottom;
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	padding-left: 5px;
	margin-top: 197px;
}

#pensumlogo {
	margin: 5px 0 0 0;
	background: #cc3 /* areacolor */;
	float: left;
}

#mainnav {
	clear: both;
	margin-top: 5px;
	height: 120px;
}

/* 
	MAIN/SUBMENU 
*/
#mainmenuwrap {
	width: 719px;
	float: right;
}
#mainmenuspacer {
	margin-top: 5px;
	background: #cc3 /* areacolor */;
	height: 54px;
}

#submenu li,
#mainmenu li {
	display: inline;
	list-style-type: none;
}
#mainmenu {
	width: 719px;
	height: 60px;
/*	background: #999;*/
	text-transform: uppercase;
	margin: 0 0 0;
	font-size: 12px;
	position: relative;
	/*overflow: hidden;*/
}

#mainmenu ul {
	padding: 7px 0 6px 0px;
	margin: 0px;
	position: relative;
}

#mainmenu li.level1.medical a,
#mainmenu li.level1 a {
	text-decoration: none;
	color: #fff;
	background: #999;
	padding: 7px 12px 6px 12px;
	margin: 0px;
}
#mainmenu li.level1.volunteer a {
	text-decoration: none;
	color: #fff;
	padding: 7px 20px 7px 12px;
	margin: 0px;
	background: #999 url(../images/werder_klein.png) right center no-repeat;
}

#mainmenu li.act a  {
	text-decoration: none;
	color: #333;
	background: #cc3 ;	/* areacolor */
}
#mainmenu li.act.volunteer a  {
	text-decoration: none;
	color: #333;
	background: #cc3 url(../images/werder_klein.png) right center no-repeat; /* areacolor */
	padding-right:20px;
}
#metamenu li a:hover,
#metamenu li.act a {
    background: #CCCC33;
    color: #fff;
}
#mainmenu li.level1 a:hover,
#mainmenu li.level1.act a  {
    background: #CCCC33;
}

#mainmenu li.level1 a.medical:hover,
#mainmenu li.level1.act a.medical  {
    background: #68B6DD;
}

#mainmenu li.level1.volunteer a:hover,
#mainmenu li.level1.act.volunteer a  {
    padding-right:20px;
    background: #CCCC33 url(../images/werder_klein.png) right center no-repeat;
}

#mainmenu li.level1.volunteer a  {
    padding-right:20px;
    color: #fff;
    background: #999 url(../images/werder_klein.png) right center no-repeat;
}

#mainmenu li.level1 li.level2 a {
    background: transparent url("../images/bg_level2_CCCC33.gif") repeat-x;
}

#mainmenu li.level1.medical li.level2 a {
    background: transparent url("../images/bg_level2_68B6DD.gif") repeat-x;
}

#mainmenu li.level1 li.level2 a:hover {
    background: transparent url("../images/bg_level2_999999.gif") repeat-x;
}


#mainmenu ul.level2 {
	text-transform: uppercase;
	margin:  0 0 0;
	font-size: 11px;
	position: absolute;
	top: 36px;
	left: 0;
	display:none;
}

#mainmenu ul.level2  {
	padding: 0;
	margin: 0px;
}

#mainmenu .level2 li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#mainmenu ul.level2 li.level2 a {
	text-decoration: none;
	color: #fff;
	height: 23px;
	padding: 7px 12px 5px 12px;
	margin: 0px;
/*	background: #cc3 ;	/* areacolor */
}
#mainmenu ul.level2 li.level2.act a  {
	text-decoration: none;
	color: #333;
}

/*
old menu level2
#submenu {
	text-transform: uppercase;
	margin:  0 0 0;
	font-size: 11px;
	position: relative;
	top: 8px;
}

#submenu ul {
	padding: 0;
	margin: 0px;
}

#submenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#submenu li a {
	text-decoration: none;
	color: #fff;
	padding: 4px 12px 5px 12px;
	margin: 0px;
	background: #cc3 ;	/* areacolor * /
}
#submenu li.act a  {
	text-decoration: none;
	color: #333;
}
*/

/*
	CONTENT
*/

.text-box span {
	margin: 10px;
}

#content {
	clear: both;
	background: #F2F2F2 url("../images/bg_content.gif") repeat-y;
	margin: 0;
	padding: 0 0 5px 0;	
}

#content.areacolor-right {
	background: #F2F2F2 url("../images/bg_content_areacolor_c77717.gif") repeat-y;
	
}
#areacolor-left {
	position: absolute;
	width: 12px;
	height: 120px;
	background: #cc3 ;	/* areacolor */
	margin-top: 20px;
}
#areacolor-right {
	float: right;
	width: 12px;
	height: 80px;
	background: #F2F2F2 ;	/* content bg color */
}

/* left menu etc */
#content-left {
	width:258px;
	height: 50%;
	float: left;
}

/* middle: headline and text */
#content-middle {
	float: left;
	width: 426px;
	margin-left: 5px;
}

#content-middle-large {
	float: left;
	width: 593px;
	margin-left: 5px;
	margin-top: 80px;
}

#contentwidespacer {
	height: 80px;	
}

/* wide middle (without left) */
#content-wide-left {
	position: relative;
	float: left;
	width: 593px;
	left: 90px;
}

/* wide middle right (without right) */
#content-wide-right {
	position: relative;
	float: left;
	width: 593px;
	left: 265px;
}

/* wide jobboerse (without right) */
#content-jobboerse {
	padding-top: 80px;
}

#content-right {
	margin-top: 90px;
	width: 260px;	
	float: right;
}

#content-right-small {
	margin-top: 90px;
	width: auto;	
	float: right;
}

#content-right.news,
#content-right.wide {
	margin-top: 0px;
}
/*
	TOPICMENU
*/
#topicmenu {
}
#topicmenu ul {
	padding: 85px 0 0 0;
	margin: 0 ;
}

#topicmenu li {
	padding: 5px 3px 0px 30px;
	list-style-type: none;
}
/* styles for different areas */
#topicmenu li.normal, #topicmenu li.volunteer  {
	background: url("../images/bg_topicmenu_normal.gif") no-repeat;
}
#topicmenu li.medical {
	background: url("../images/bg_topicmenu_medical.gif") no-repeat;
}

#topicmenu li.spacer {
	height: 3px;
	padding: 0px;
	margin: 0px;
}
#topicmenu li.spacer hr {
	margin:0;
	display: none;
	padding: 0px;
}
#topicmenu li.dottedspacer hr {
	border: none;
	border-top: 2px dotted #333;
	margin: 2em 3em 2em 0;
}


#topicmenu li a {
	text-decoration: none;
	color: #333;
	margin: 0px;
	padding: 2px 3em 2px 3px;
}


#topicmenu li.act a  {
	text-decoration: none;
	color: #333;
	background: #cc3 ;	/* areacolor */ /* diesen style evtl per TS in das tag schreiben */
}

#footer {
	clear: both;
	margin-top: 5px;
	height: 12px;	
	background: #cc3 ;	/* areacolor */ /* diesen style evtl per TS in das tag schreiben */
}

#footer p {
	color: #999;
	background: #fff;
	width: 245px;
	margin: 0 0 0 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 12px;
}

#footer a,
#footer a:hover {
	color: #999;
	text-decoration: none;
}


.float-right {float: right;}
.float-left {float: left;}