* {
	border: 0;
	margin: 0;
	padding: 0;
}
html {height:100%} 

body {
	min-height:101%;
	background-color: #d1d7e9;
	color:#000;
	font-family: Verdana, sans-serif;
	font-size: 69%;
	line-height:160%;
	text-align: center;
	position:relative;
}

body#startpage {
	background-color: #c0e6f3;
}


#page {
	width:937px;
	margin:0 auto;
	background-color:#fff !important;
	min-height:800px;
	position:relative;
	padding-bottom:20px;
	text-align:left;
}

#subpage {
	width:937px;
	margin:0 auto;
	background-color:#fff !important;
	padding-bottom:20px;
	position:relative;
	min-height:800px;
	text-align:left;
}

/* accessible Skiplinks */

a.skip  {
	text-decoration:none;
	margin:0 5px 0 0;
	padding:2px;
	position:absolute;
	left:10px;
	top:72px;
	z-index:100;
	width:100px;
	display:block;
	color:#fff;
}

.skiplink {
	position:absolute;
	left:-1000px;
	top:-1000px;
	height:1px;
	width:1px;
}

a.skip:focus,
a.skip:active,
a.skip:hover {
	color:#fff !important;
	position:absolute;
	left:10px;
	top:72px;
	width:100px;
	display:block;
}

a:hover,
a:focus,
a:active  {
	color:#000;
}


/* Headerpart */

#page #header {
	background: url(../img/start-menuheader.gif) no-repeat top left;
	height:61px;
	width:100%;
	position:relative;
}

#header #slogan {
	background-color: #4960A6;
	width:170px;
	position:absolute;
	right:0px;
	top:0;
}

#subpage #header {
   background: url(../img/meta-menuheader.gif) no-repeat top left;
	height:61px;
	width:100%;
	position:relative;	
}

#header #slogan h1 {
	font-size:1.2em;
	color: #fff;
	background-color: #4960A6;
	text-align:left;
	padding: 16px 14px 10px 14px;
	font-weight:normal;
	font-family: Arial, sans-serif;
}

#menuframe {
	min-height:244px;
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	background-color:#fff;
}

/* Metamenu */

#metamenu {
	position:absolute;
	top:0;
	left:0;
	width:176px;
	height:244px;
	background: url(../img/metamenu-bg.gif) no-repeat bottom left;
	text-align:left;
}

#metamenu div {
	position:absolute;
	bottom:0;
}


#metamenu ul {
	padding:0 0 0 56px;
	list-style: none;
	font-weight:bold;
	
}

#metamenu ul li {
	line-height:100% !important;
	margin-top:6px;
}

#metamenu li a {
	text-decoration:none;
	padding-left:0 !important;
}

#metamenu ul li ul  {
	position:absolute;
	left:0;
	top:11.4em;
	width:141px !important;
	padding:20px 0 70px 0 !important;
	min-height:100px !important;
	background-color: #A4AFD3;
}

#metamenu ul li ul li   {
	padding: 1px 3px 1px 10px !important;
	font-size:1.0em;
	line-height:100% !important;
}

#logo {
	float:right;
	width:170px;
	padding-top:102px;
}


/* Mainmenu */

#mainmenu {
	margin-left:178px;
	margin-right:170px;
	background:#fff url(../img/mainmenu-image.jpg) no-repeat bottom left;
	min-height:244px;
}

#mainmenu ul {
	list-style: none;
	font-size:0.9em;
	font-weight:bold;
	background: url(../img/mainmenu-borders.gif) no-repeat top left;
	min-height:244px;
}

#mainmenu ul li {
	float:left;
	text-transform: uppercase;
	width:140px;
	padding:0;
	overflow:hidden;
	min-height:244px;
}

#mainmenu ul span {
	padding-left:10px;
	display:block;
	padding-top:28px;
}

#mainmenu ul ul span {
	padding-top:0;
}
	
	
#metamenu ul li a,
#mainmenu ul li a {
	text-decoration:none;
	color: #093D91;
	padding: 0 10px 0 10px;
	display:block;
}

#mainmenu ul li a {
	padding-top:28px;
}

#mainmenu ul li ul li a {
	padding-top:0;
}

#metamenu ul li a:hover,
#metamenu ul li a:focus,
#metamenu ul li a:active,
#mainmenu ul li a:hover,
#mainmenu ul li a:focus,
#mainmenu ul li a:active  {
	color:#000 !important;
}

#mainmenu ul li ul {
	background: none;
	min-height:100px !important;
	padding-top:16px;
	font-size:1.1em;
}

#mainmenu ul li ul li {
	float:none;
	min-height:12px  !important;
	text-transform: none  !important;
	line-height:140%  !important;
	padding:3px 0 !important;
}


#mainmenu ul li ul li ul  {
	position:absolute;
	left:0;
	top:284px;
	width:141px !important;
	padding:6px 0 10px 0 !important;
	min-height:220px !important;
}

#mainmenu ul li ul li ul li  {
	padding: 3px 3px 3px 0 !important;
	font-size:0.9em;
	line-height:140% !important;
}

#mainmenu ul li ul li ul li h3 {
	color: #000;
	text-transform: uppercase;
	font-size:0.9em;
	padding:16px 0 0 10px;
}


/* Contentpart */


#contentframe {
	clear:both;
	width:100%;
	float:left;
	margin-top:20px;
	text-align:left;
	background-color:#fff;
	min-height:460px;
}

/* Content - bct + contentleft, contentright */

#content {
	margin:20px 190px 0 178px;
	
}
/*breadcrumb */

#bct {
	background: url(../img/bct-bg.gif) no-repeat top left;
}

#bct ul {
	font-size:0.9em;
	padding:25px 20px 20px 20px !important;
	list-style: none;
	margin:0 !important;
}

#bct ul li {
	display:inline;
	padding:0;
}

#bct a {
	color: #866AC4;
	text-decoration:none;
	border-right: 1px solid #866AC4;
	padding-right:10px;
	margin-right:5px;
	font-weight:normal !important;
}

#bct a:hover,
#bct a:focus,
#bct a:active  {
	color:#000;
}

#contentright {
	float:right;
	width:170px;
	background-color: #495FA8;
	margin-top:20px;
}

#page contentright {
	margin-top:24px;
}

#subpage #content #contentleft {
	float:left;
	width:560px;
	max-width:560px;
}

/* Sprungmarke */
#inhalt {
	
}


/* Fonts content, contentright h1-h3, p, ul */

#contentright p {
	padding: 26px 14px 10px 14px;
	font-size:1.0em;
	color:#fff;
	border-bottom:14px solid #fff;
}

#contentright img {
	background-color: #fff;
	padding:0;
	vertical-align:bottom;
}

#page #content h1 {
	font-size:1.0em;
	color: #00AFD6;
	padding:0 194px 20px 0;
}

#page #content p {
	padding:0 194px 38px 0;
	font-size:1.0em;
	color:#666;
}

#subpage #content h1 {
	font-size:1.3em;
	color: #8195C7;
	padding:0 0 20px 20px;
}

#subpage #content p {
	padding:0 0 20px 20px;
	font-size:1.0em;
	color:#000;
}

#subpage #content h2 {
	background: url(../img/square-black.gif) no-repeat left;
	color:#000;
	font-size:1.0em;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	margin-bottom:0px;
}

#subpage #content ul {
	padding:0 0 20px 30px;
}



/* spezielle Klassen, vergeben in  div id=contentleft */

#subpage #content .publications h2 {
	text-transform: none;
	margin-bottom:0px;  /*kein abstand nach headline, keine capitals */
}

#subpage #content .h2-capital-link h2 {
	background: none;
	text-transform: uppercase;
	margin-bottom:20px;
	margin-top:4px; /* wenn content nur verlinkte h2 headlines hat */
	padding: 0 0 0 0;
}



#subpage #content .h2-link h2 {
	background: none;
	text-transform: none;
	margin-bottom:0px;
	margin-top:4px; /* wenn content nur verlinkte h2 headlines hat */
	padding: 0 0 0 0;
}

#subpage #content .h2-link h2 a,
#subpage #content .h2-capital-link h2 a  {
	background: url(../img/square-lila.gif) no-repeat left;
	padding: 0 0 0 20px;
}

#subpage #content .h2-link h2 a:hover,
#subpage #content .h2-link h2 a:focus,
#subpage #content .h2-link h2 a:active,
#subpage #content .h2-capital-link h2 a:hover,
#subpage #content .h2-capital-link h2 a:focus,
#subpage #content .h2-capital-link h2 a:active   {
	background: url(../img/square-black.gif) no-repeat left;
}



#subpage #content h3.csc-firstHeader  {
	background-color: #74C4BF;
	color:#fff;
	padding:2px 15px;
	font-size:1.0em;
	margin-bottom:1px;
} /* h3 oberhalb von grossem bild mit typo3 class*/

#subpage #content h3  {
	background-color: #74C4BF;
	color:#fff;
	padding:2px 15px;
	font-size:1.0em;
	margin-bottom:1px;
} /* h3 oberhalb von grossem bild */


#subpage #content .linklist ul {
	list-style: none;
	padding-left:20px;
} /* Linkverzeichnis als Liste */

#subpage #content .linklist ul li a {
	background: url(../img/icon-web.gif) no-repeat left;
	padding-left:20px;
} /* Linkverzeichnis als Liste */





/* Links */

#content a {
	text-decoration:none;
	color: #866AC4;
	font-weight:bold;
}

a:hover,
a:focus,
a:active  {
	color: #000 !important;
}

/* Special Links to Extranet PDFs */

#content a.pdflink {
  color: #093D91;
}


/* Klassen, die im RTE auswaehlbar sein muessen */

#subpage #content h2.nomargin {
	background: url(../img/square-black.gif) no-repeat left;
	color:#000;
	font-size:1.0em;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	margin-bottom:0 !important; /* vergeben direkt bei Headline, weil normale h2 abstand braucht! */
}

#subpage #content p.back {
	padding:0 0 0 0;
	margin-bottom:20px;
}

#subpage #content p.back a {
	padding:0 0 0 20px;
	background: url(../img/icon-back.gif) no-repeat left;
}

#subpage #content p.back a:hover,
#subpage #content p.back a:focus,
#subpage #content p.back a:active  {
	background: url(../img/icon-back-black.gif) no-repeat left;
}

.mail {
	background: url(../img/icon-mail.gif) no-repeat left;
	padding-left:20px;
	
}

.external {
	background: url(../img/icon-web.gif) no-repeat left;
	padding-left:20px;
}

.doc {
	background: url(../img/icon-doc.gif) no-repeat left;
	padding-left:20px;
}




/* default styles for extension "tx_cssstyledcontent" */

	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
	
	

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0;  }
	
	
	/* Clearer */
	DIV.csc-textpic-clear { clear: left; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;

	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

/* end default styles for extension "tx_cssstyledcontent" */



/* extension "tx_cssstyledcontent"  changes maria */ 

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		padding-left: 20px;
	}

	
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: left; padding-top:134px;}
DIV.csc-textpic-caption-r DL.csc-textpic-image { width:560px; }
DL.csc-textpic-image DT {margin-right: 10px; padding-bottom:20px; display: block !important; float:left !important;}
DL.csc-textpic-image DD { padding: 0 0 0 10px; display: block !important; color:#8195c7; float:right;}



/* Content Ende */

 /* Footer */

#footer {
	clear:both;
	margin-left:178px;
	width:560px;
	border-top: 1px solid #003D91;
	padding-top:14px;
	background-color:#fff;
	text-align:left;
	min-height:200px;
}



#footer ul li {
	list-style: none;
	float:left;
}

/* Extranet */


#contentleft table.extranetselectionform {
	     border: 1px solid #003D91;
	     margin: 0 0 20px 0;
}

#contentleft div.extranet li {
             list-style: none;
}


#contentleft table.csc-loginform {
	     background-color: #eeeeee;
}

#contentleft table.csc-loginform td.csc-form-fieldcell {
	     bborder: 1px solid #003D91;	     
}

#contentleft table.csc-loginform td.csc-form-labelcell {
	     wwidth: 20px;
}
 
#page #content #contentleft table.csc-loginform p.csc-form-label-req {
	     padding: 0 0 0 0;	     
	     background-colorr: orange;
}

#page #content #contentleft table.csc-loginform p.csc-form-label {
	     padding: 0 0 0 0;	     
	     background-colorr: orange;
}