/* Basic settings */

* {font-family: 	Verdana, Helvetica, sans-serif;color:black;}

body {
	background: 	white url("../pics/layout/body_canlist_hg.png") repeat-y;
	margin: 		0;
	padding: 		0;
}

td {
	vertical-align: top;
}

img {
	border: none;
}

iframe {
	width: 100%;
	height: 500px;
	border: 0;
	frameborder: 0;
}

.button {
	border: none;
	background: url('../pics/layout/button.png') no-repeat top right;
	width:			130px;
	height:		16px;
	padding:		0 0 2px 0;
}

/* Page contents */

a:link, a:active {
	color: 		black;
	text-decoration:	underline;
}

a:visited {
	color: 		#696969;
	text-decoration:	underline;
}

h1 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		16px;
	color:			black;
	width:			100%;
	margin:		0;
}

h2 {
	font-size:		13px;
}

p, ul, li, select, input, textarea {
	font-size: 		8pt;
}

td {
	font-size:		11px;
}

p, ul, td {
	line-height:		1.5em;
}

p, h2 {
	margin:		0 0 10px 0;
	padding:		0;
}

ul {
	list-style-image:	url("../pics/layout/canlist_openarrow.png");
	margin:		0 0 10px 20px;
	padding:		0;
}

ol {
	margin:		0 0 10px 20px;
	padding:		0;
}

.bild-links {
	margin:		2px 3px 0 0;
/*align: texttop;*/
}

.bild-rechts {
	margin:		2px 0 0 3px;
	float: 		right;
}

/* normal is used for all contents without a dedicated css element */
.normal {
	font-size:		11px;
}

em {
	font-style:		normal;
	color:			#4A72AD;
}

div.inhalt-abschnitte {
	padding:		0;
}

div.text table {
	width:			540px;
}

div.text table td {
	font-size:		11px;
}

div.text {
	font-size:		11px;
}


table.daten {
	width: 		540px;
	margin: 		0 0 15px 0;
}

td.daten-ueberschrift, td.daten-inhalt, td.daten-bezeichner {
	padding: 		4px;
	vertical-align: 	top;
}

td.daten-ueberschrift {
	color: 		white;
	font-weight: 		bold;
	background: 		#525252;
}

td.daten-inhalt {
	color: 		black;
	background: 		#E4E4E4;
}

td.daten-bezeichner {
	color: 		black;
	background: 		#E4E4E4;
}

table.verweis-tabelle {
	width:			540px;
	margin:		0 0 15px 0;
	border-collapse:	collapse;
}

table.verweis-tabelle td {
	padding:		4px;
	border:		solid 1px #E4E4E4;
}

table.verweis-tabelle td.link {
	width:			150px;
}

table.verweis-tabelle td.beschreibung {
}

div.fusszeile {
	font-size:		9px;
	margin:		40px 0 0 0;
	text-align:		center;
}

#login-status {
 font-size:  9px;
 
 position:   absolute;
 top:   112px;
 left:   886px;
 
}

/* Boxes on the right with red outline (=sidebar, = leiste) */

#inhalt div.leiste {
	width:			190px;
}

#inhalt div.leiste div.leiste-absatz, #inhalt div.leiste div.leiste-links, #inhalt div.leiste div.bild {
	background:		white;
	border:		solid 1px #CECECE;
	padding: 		4px 0 6px 4px;
	margin:		10px 3px 10px 0;
}

div.leiste-absatz h2 {
	color:			#4A72AD;
	font-size:		11px;
	margin:		2px 0 3px 0;
	padding:		0;
}

div.leiste-absatz strong {
	color:			#4A72AD;
	font-size:		11px;
}

div.leiste-absatz strong a {
	color:			#B70032;
}

div.leiste-absatz p {
	margin:		0;
	padding:		0;
}

#inhalt div.leiste ul {
	font-size:		11px;
	list-style-image:	url("../pics/layout/button_weiter.png");
	margin:		0 0 0 20px;
	padding:		0;
}

/* Box on the left below the navigation, rarely used (=box links) */

div.box {
	text-align:		left;
	width: 		221px;
}

div.box ul {
	font-size:		11px;
	list-style-image:	url("../pics/layout/button_weiter.png");
	margin:		0 0 0 20px;
	padding:		0;
}

td.navigation div.flash {
	margin:		20px 0 0 0;
	text-align:		center;
}

div.box h2 {
	font-size:		11px;
	margin:		5px 0 0 0;
	padding:		0;
}

div.box table {
	width: 		221px;
	margin: 		0 0 8px 0;
}

/* Path navigation between teaser image and main navigation */

#inhalt div.pfad {
	font-size:		10px;
	margin:		0 0 10px 0;
}

/* Forms */

div.formular p {
	margin:		0 10px 10px 0;
}

div.fehler {
	background:		white;
	border:		dotted 1px #e5e5e5;
	margin:		0 10px 10px 0;
	padding:		5px;
}

div.fehler ul li {
	color:			#4A72AD;
}

/* News and navigation */

td.navigation h1 {
	width:			228px;
	height:		29px;
	line-height:		29px;
	border-left:		solid 1px #CECECE;
	border-right:		solid 1px #CECECE;
	padding:		7px 0 0 5px;
	overflow:		hidden;

	voice-family:	"\"}\"";
	width:			221px;
	height:		22px;
	line-height:		22px;
	padding:		7px 0 0 5px;
	voice-family:		inherit;
}

td.navigation div.suche-neu {
	width:			228px;
	height:		29px;
	border-left:	solid 1px #CECECE;
	border-right:	solid 1px #CECECE;
	border-top:	solid 1px #CECECE;
	overflow:		hidden;
	
	width:			221px;
	height:		21px;
	padding:		1px 0 6px 5px;
}

div.workaround-selektor {
	/* Otherwise IE5.01 will have problems with the above workaround */
}

div.hauptnavigation a:link, div.hauptnavigation a:visited, div.hauptnavigation a:hover, div.hauptnavigation a:active {
	color: 		white;
	text-decoration:	none;
}

table.ebene-2 {
	font-size:		11px;
	line-height:		1.2em;
	background:		#F7F7F7;
	border-left:		solid 1px #CECECE;
	border-right:		solid 1px #CECECE;
	border-bottom:	solid 1px #CECECE;
	width:			227px;
	margin:		0 0 10px 20px;
	border-collapse:	collapse;
}

table.ebene-2 td {
	vertical-align:	top;
	padding:		0px;
}

td.navigation p.copyright {
	font-size: 		11px;
	width:			200px;
	margin:		100px 0 0 19px;
	padding:		0;
}

#kopf div.hauptnavigation div.sprachumschaltung a:link, #kopf div.hauptnavigation div.sprachumschaltung a:visited, #kopf div.hauptnavigation div.sprachumschaltung a:hover, #kopf div.hauptnavigation div.sprachumschaltung a:active,
#kopf div.hauptnavigation span.aktiv {
	font-weight:		bold;
	font-size:		11px;
	color:			#D0D0D0;
}

#kopf div.hauptnavigation span.aktiv {
	color:			#FFFFFF;
}

#kopf div.hauptnavigation div.inhalt noscript a:link, #kopf div.hauptnavigation div.inhalt noscript a:visited, #kopf div.hauptnavigation div.inhalt noscript a:hover, #kopf div.hauptnavigation div.inhalt noscript a:active {
	font-size:		11px;
}


/* System portal editor */
.cycon-portaleditor				{ border-width:0px; margin:0px; padding:1px; }
.cycon-portaleditor-x			{ border-width:1px; border-style:dashed; border-color:#A0A0A0; margin:0px; padding:0px; }
td.cycon-portaleditor-bezeichner		{ font-size: 11px; }
td.cycon-portaleditor-zeile			{ font-size: 11px; }

/* Navigation items */

div.fusszeile a:link, div.fusszeile a:visited, div.fusszeile a:active {
	color:			#4A72AD;
	text-decoration:	none;
}

div.fusszeile a:hover {
	text-decoration:	underline;
}

td.daten-ueberschrift a:link, td.daten-ueberschrift a:visited, td.daten-ueberschrift a:hover, td.daten-ueberschrift a:active {
	color:			white;
}

/* Layout */
#body {
	width:100%;
}

#kopf {
	width: 		100%;
	min-width:  990px;
}

#kopf div.hauptnavigation {
	background:		#929292;
	height:		18px;
	line-height:		18px;
	clear:			both;
	margin: -4px 0 4px 0;
}

#kopf div.hauptnavigation div.inhalt {
	height:			18px;
	border-right:	solid 1px #CECECE;
	background:		transparent url("../pics/layout/balken_canlist.jpg") repeat-x;
}

#kopf div.hauptnavigation div.inhalt noscript {
	color: 		white;
	font-weight: 		bold;
	margin:		-1px 0 0 130px;
	float:			left;
}

#kopf div.hauptnavigation div.sprachumschaltung {
	height:		18px;
	margin:		-3px -2px -2px -2px;
	padding:		0 0 0 22px;
	float:			left;
}

#inhalt {
	width:			880px;
	margin:		-30px 0 0 0;
	clear:			both;
}

#inhalt div.pfadnavigation, #inhalt div.teaser-separator, #inhalt div.teaser {
	width:			860px;
}

#inhalt div.pfadnavigation {
	color:			#B4033A;
	height:		19px;
	line-height:		8px;
	padding:		29px 0 0 30px;
}

.neue-sprachumschaltung {
	font-size:		10px;
	height: 18px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin:			0 0 0 26px;
	width:			200px;
}

.neue-sprachumschaltung form {
	margin: 0;
	padding: 0;
}

.neue-sprachumschaltung select {
	width:			210px;
	height: 18px;
}

#inhalt div.pfadnavigation div.sprachpraeferenz, #inhalt div.pfadnavigation div.pfad, #inhalt div.pfadnavigation div.checkbox, #inhalt div.pfadnavigation div.label, #inhalt div.pfadnavigation div.nachricht {
	float: left;
}

#inhalt div.pfadnavigation div.sprachpraeferenz {
	width: 250px;
}

#inhalt div.pfadnavigation div.checkbox {
	margin: 0;
}

#inhalt div.pfadnavigation div.label {
	padding: 0;
	margin: 0;
	line-height: 19px;
}

#inhalt div.pfadnavigation div.nachricht {
	padding: 0 0 0 5px;
	margin: 0;
	line-height: 19px;
}

#inhalt div.teaser-separator {
	font-size:		5px;
	height:		3px;
	line-height:		3px;
}

#inhalt div.teaser {
	height:		26px;
	padding:		66px 0 0 12px;
	margin:		0 0 1px 0;
}

#inhalt table.inhalt {
	width:			845px;
	margin:		10px 0 0 26px;
	border-collapse:	collapse;
	border-spacing:	0;
	border:		none;
}

#inhalt table.inhalt td.navigation {
	width:			275px;
	padding:		0;
}

#inhalt table.inhalt td.inhalt {
	width:			650px;
	padding:		15px 10px 0 0;
}

#inhalt table.inhalt td.inhalt-ueberschrift {
	width:			555px;
	padding:		0;
}

#inhalt table.inhalt td.inhalt div.hervorgehoben {
	width: 		845px;
}

#inhalt table.inhalt td.leiste {
	width:			175px;
	padding:		4px 0 0 10px;
}

#inhalt table.inhalt td.navigation div.hervorgehoben, #inhalt table.inhalt td.inhalt-ueberschrift div.hervorgehoben {
	height:		29px;
	line-height:		29px;
	border-bottom:	solid 1px #CECECE;
}

#inhalt table.inhalt td.navigation div.hervorgehoben {
	padding:		0 0 0 19px;
	width: 		256px;
}

/* JavaScript menu */

	/*** CoolMenus 4 - default styles - do not edit ***/
	.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
	/*** CoolMenus 4 - default styles - end ***/
	  
	/*** Style for the background-bar ***/
	.clBar{position:absolute; width:10px; height:10px; background-color:#F1F0F0; visibility:hidden}
	
	/*** Styles for Level 0 ***/
	.clLevel0, .clLevel0Over, .clLevel0Aktiv, .clLevel0AktivOver, .clLevel0Nolink, .clLevel0NolinkOver {
		position: absolute;
		padding-top: 2px;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		}
	
	.clLevel0 {
		background-color: #929292;
		color: white;
		}
	
	.clLevel0Over, .clLevel0AktivOver {
		background-color: #525252;
		color: white;
		cursor: pointer;
		}
	
	.clLevel0Nolink, .clLevel0NolinkOver, .clLevel0Aktiv {
		background-color: #525252;
		color: white;
		}
	
	.clLevel0border {
		position: absolute;
		background-color: white;
		}
	
	/*** Styles for Level 1-5 ***/
	.clLevel1, .clLevel1Over, .clLevel1Aktiv, .clLevel1AktivOver, .clLevel1Nolink, .clLevel1NolinkOver,
	.clLevel2, .clLevel2Over, .clLevel2Aktiv, .clLevel2AktivOver, .clLevel2Nolink, .clLevel2NolinkOver,
	.clLevel3, .clLevel3Over, .clLevel3Aktiv, .clLevel3AktivOver, .clLevel3Nolink, .clLevel3NolinkOver,
	.clLevel4, .clLevel4Over, .clLevel4Aktiv, .clLevel4AktivOver, .clLevel4Nolink, .clLevel4NolinkOver,
	.clLevel5, .clLevel5Over, .clLevel5Aktiv, .clLevel5AktivOver, .clLevel5Nolink, .clLevel5NolinkOver {
		color: white;
		background-color: #525252;
		position: absolute;
		visibility: hidden;
		padding-top: 2px;
		padding-left: 4px;
		font-size: 10px;
		font-weight: normal;
		}
	
	.clLevel1, .clLevel2, .clLevel3, .clLevel4, .clLevel5,
	.clLevel1Aktiv, .clLevel2Aktiv, .clLevel3Aktiv, .clLevel4Aktiv, .clLevel5Aktiv,
	.clLevel1Nolink, .clLevel2Nolink, .clLevel3Nolink, .clLevel4Nolink, .clLevel5Nolink {
		-moz-opacity:1.0;
		}
	
	.clLevel1Over, .clLevel2Over, .clLevel3Over, .clLevel4Over, .clLevel5Over,
	.clLevel1AktivOver, .clLevel2AktivOver, .clLevel3AktivOver, .clLevel4AktivOver, .clLevel5AktivOver {
		cursor:pointer;
		}
	
	.clLevel1border, .clLevel2border, .clLevel3border, .clLevel4border, .clLevel5border {
		position: absolute;
		background-color: white;
		-moz-opacity:0.9;
		}
	
#feedback {
	color:			#776F83;
	font-size:		9px;
	margin:		10px 0 10px 0;
	width:			530px;
	border:		1px solid #FFFFFF;
	background:		#FFFFFF;
}

.flashlink {
	cursor: pointer;
	text-decoration: underline;
}