@charset "UTF-8";
/* ******************************** */
/* Orangefluid GbR                  */
/* www.orangefluid.com              */
/* ******************************** */


/* ******************************************** */
/* Global settings for ADHS			*/
/* ******************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
	text-align:left;
}

/* Layout sizes */
html {
	height: 100%;
}

/* Main body style */
body {
	height: 100%;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000000;
	font-size: 0.8em;	
}

sup {
	font-size: 0.7em;
}

/* Content formatting */
p { margin-bottom: 1em; line-height: 1.5em; }

a, a:visited { color: #000; font-weight: bold; text-decoration: none; }

a:hover, a:active { color: #000; font-weight: bold; text-decoration: underline; }

/* Headlines - FIR */
h1 { 
	width: 660px; 
	height: 28px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	margin-bottom: 0.5em;
	}

h1 em { 
	width: 660px; 
	height: 38px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}
	
h1.short { 
	width: 515px; 
	height: 28px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	margin-bottom: 0.5em;
	}

h1.short em { 
	width: 515px; 
	height: 38px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}
	
h1.large { 
	width: 660px; 
	height: 45px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	margin-bottom: 0.5em;
	}

h1.large em { 
	width: 660px; 
	height: 55px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}

/* Formulare */
fieldset.hidden { border: none; }


div#content div.csc-textpic-left div.csc-textpic-text { clear: none; }

/* ****************************************** */
/* Layout Container				              */
/* ****************************************** */

div#container {
	position: relative;
	margin: 0 auto;
	width: 972px;
	height: auto;
	min-height: 100%;
	background: #fff;
}

	* html div#container { height:100%; }

div#main {
	position: relative;
	float: left;
	width: 970px;
	height: auto;
	min-height: 100%;
	background: #fff;
	padding-right: 1px;
	padding-left: 1px;
}
	
	* html div#main {
		height: 100%;
	}
	
div#head {
	position: relative;
	float: left;
	width: 970px;
	height: 125px;
	padding-bottom: 1px;
	background: #fff;
}

	div#logo {
		position: relative;
		float: left;
		width: 160px;
		height: 125px;
	}
	
	div#heronavigation {
		position: relative;
		float: right;
		width: 614px;
		margin-top: 15px;
	}

	div#head_back {
		position: absolute;
		width: 100%;
 		left: 50%;
 		margin-left: -50%;
		height: 298px;
		z-index: 0;
	}

div#content_left, div#content_right {
	position: relative;
	float: left;
	min-height: 600px;
}

	* html div#content_left, * html div#content_right { padding-bottom: 25px; }

div#content_left {
	width: 724px;
	height: auto;
	margin-right: 1px;
}

div#content {
	position: relative;
	float: left;
	width: 684px;
	height: auto;
	padding: 20px;
	min-height: 100%;
}

div#content_right {
	width: 245px;
	height: auto;
}

	div#portrait {
		position: relative;
		float: left;
		width: 724px;
		height: 170px;
	}
	
	div#breadcrumb {
		position: absolute;
		width: auto;
		height: 36px;
		padding: 5px;
		padding-right: 15px;
		top: 135px;
		z-index: 10;
		background:url(../media/bg_breadcrumb.png);
		background-repeat:repeat-x;
		background-position: right top;
		font-size: 0.9em;
	}
	
	* html div#breadcrumb {
		position: absolute;
		width: auto;
		height: 15px;
		padding: 5px;
		top: 135px;
		z-index: 10;
		background: #fff;
		font-size: 0.8em;
		filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
	}
	
/* Quicksearch */

div#quicksearch {
	position: relative;
	float: left;
	width: 235px;
	margin-top: 20px;
	padding: 5px;
}

	div#quicksearch input {
		width: 155px;
		padding: 2px;
		margin: 0px;
		border: 1px #666 solid;
		font-size: 0.9em;
		vertical-align: middle;
		color: #333;
	}
	
	div#quicksearch input.submit {
		width: 65px;
		text-align: center;
		padding: 1px;
	}
	
	div#quicksearch a { font-size: 0.8em; }

/* Mediathek */
div#mediathek {
	position: relative;
	float: left;
	width: 245px;
	height: 100px;
	margin-top: 20px;
	background: url(../media/bg_mediathek_logo.png);
	background-repeat: no-repeat;
}

	* html div#mediathek {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/media/bg_mediathek_logo.png', sizingMethod='scale');
		background:none;
	}
	
	div#mediathek ul li {
		list-style: none;
		margin-left: 2em;
	}
	
	div#mediathek ul li a, div#mediathek ul li img {
		border: none;
	}
	

/* Footer */
div#footer {
	position: relative;
	width: 972px;
	height: 24px;
	margin: -25px auto 0 auto;
	clear: both;
}

	div#footer_content {
		position: relative;
		float: left;
		width: 724px;
		margin-left: 1px;
		line-height: 24px;
		vertical-align: middle;
		font-size: 0.9em;
		text-align: center;
		color: #fff;
		background: #707070;	
	}
	
	div#footer_content a, div#footer_content a:visited { color: #fff; }
	div#footer_content a:hover, div#footer_content a:active { color: #fff; text-decoration: underline; }	

/* ****************************************** */
/* Navigation					              */
/* ****************************************** */

/* Hero Navigation */
ul#hnav {
	list-style: none;
}

	ul#hnav li {
		position: relative;
		float: left;
		margin: 0px;
		padding: 0px;
		margin-right: 1px;
	}
	
	ul#hnav li#hnav_eltern { margin-right: 0px; }
	
	ul#hnav li a {
		width: 122px;
		height: 110px;
		display: block;
		font-size: 1px;
    	text-indent: -999999em;
    	overflow: hidden;
    	background-repeat: no-repeat;
	}

	li#hnav_kinder a, li#hnav_kinder {
		background: url(../media/nav_kinder_off.gif);
	}
	
	li#hnav_kinder a:hover, li#hnav_kinder a.current {
		background: url(../media/nav_kinder_on.gif);
	}
	
	li#hnav_jugend a, li#hnav_jugend {
		background: url(../media/nav_jugend_off.gif);
	}
	
	li#hnav_jugend a:hover, li#hnav_jugend a.current {
		background: url(../media/nav_jugend_on.gif);
	}
	
	li#hnav_erwachsen a, li#hnav_erwachsen {
		background: url(../media/nav_erwachsen_off.gif);
	}
	
	li#hnav_erwachsen a:hover, li#hnav_erwachsen a.current {
		background: url(../media/nav_erwachsen_on.gif);
	}
	
	li#hnav_paeda a, li#hnav_paeda {
		background: url(../media/nav_paedagogen_off.gif);
	}
	
	li#hnav_paeda a:hover, li#hnav_paeda a.current {
		background: url(../media/nav_paedagogen_on.gif);
	}
	
	li#hnav_eltern a, li#hnav_eltern {
		background: url(../media/nav_eltern_off.gif);
	}
	
	li#hnav_eltern a:hover, li#hnav_eltern a.current {
		background: url(../media/nav_eltern_on.gif);
	}
	
div#mainnavigation {
	position: relative;
	float: left;
	width: 245px;
	min-height: 170px;
	height: auto;
	border-bottom: 1px #fff solid;
}
	
	* html div#mainnavigation { height: 170px; }

/* Main Navigation */
ul#mnav {
	position: relative;
	float: left;
	width: 245px;
}

	/* lvl 0 */
	ul#mnav li {
		position: relative;
		float: left;
		width: 245px;
		list-style: none;
		display: block;
		line-height: 1em;
		border-bottom: 1px #fff solid;
	}
	
	ul#mnav li a {
		width: 230px;
		display: block;
		text-decoration: none;
		font-weight: normal;
		padding: 5px;
		padding-left: 10px;
	}
	
	ul#mnav li li a.current {
		color: #000;
	}
	
	/* lvl 1 */
	ul#mnav ul {
		background: #e5e5e5;
	}
	
		ul#mnav li li {
			background: #e5e5e5;
			border-bottom: none;
			border-top: 1px #d2d2d2 solid;
		}
		
		ul#mnav li li a {
			width: 215px;
			display: block;
			padding: 5px;
			padding-left: 25px;
			font-size: 0.9em;
		}
	
		
	/* lvl 2 */
	ul#mnav ul {
		background: #f6f6f6;
	}
		
		ul#mnav li li li {
			background: #f6f6f6;
		}
		
		ul#mnav li li li a {
			width: 200px;
			display: block;
			padding-left: 40px;
			font-size: 0.8em;
		}

/* Mediathek Navigation */
ul#medianav {
	position: relative;
	float: left;
	margin-left: 50px;
	margin-top: 30px;
}

	* html ul#medianav { margin-left: 25px; }

	ul#medianav li {
		list-style: none;
		display: block;
		width: 108px;
		height: 13px;
		margin-bottom: 5px;
	}
	
	ul#medianav li a {
		background-repeat: no-repeat;
		width: 108px;
		height: 13px;
		font-size: 1px;
    	text-indent: -999999em;
    	overflow: hidden;
		display: block;
	}
	
	ul#medianav li#medianav_mediathek, ul#medianav li#medianav_mediathek a { background: url(../media/mtnav_mediathek.png); }
	ul#medianav li#medianav_elearning, ul#medianav li#medianav_elearning a { background: url(../media/mtnav_elearning.png); }
	ul#medianav li#medianav_faq, ul#medianav li#medianav_faq a { background: url(../media/mtnav_faq.png); }
	ul#medianav li#medianav_links, ul#medianav li#medianav_links a { background: url(../media/mtnav_links.png); }
	
/* Indexed Search */
div.tx-indexedsearch fieldset { border: none; }
div.tx-indexedsearch legend { visibility: hidden; }

div.tx-indexedsearch div.searchbox-tmpl-css label {
	float: left;
	width: 150px; 
	margin: 0px;
	padding: 0px;
}

div.tx-indexedsearch input, div.tx-indexedsearch select {
	width: 200px;
	border: 1px #707070 solid;
	padding: 2px; 
	position: relative;
	float: left;
	margin-right: 1em;
}

	div.tx-indexedsearch div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width: 194px; }

div.tx-indexedsearch input#tx_indexedsearch_extResume { width: auto; }

div.tx-indexedsearch div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	width: 200px;
	border: 1px #707070 solid;
	text-align: center;
	background: #fff;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 150px;
}

	* html div.tx-indexedsearch div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { padding: 0px; }

div.tx-indexedsearch fieldset div {
	padding: 0.2em;
	position: relative;
	float: left;
	clear: both;
	width: 640px;
}

div.tx-indexedsearch h2 { font-size: 0.9em; }
div.tx-indexedsearch p { font-size: 0.8em; }

div.tx-indexedsearch-whatis {
	background: #707070;
	color: #fff;
	padding: 5px;
}

div.tx-indexedsearch-res-item {
	border: 1px #999 solid;
	margin-bottom: 10px;
	position: relative;
	width: 680px;
	float: left;
	clear: both;
}

div.tx-indexedsearch-res-item { font-size: 0.9em; }

div.tx-indexedsearch-res-item p.tx-indexedsearch-descr { font-size: 1.0em; padding: 0.5em; }

span.tx-indexedsearch-percent { float: right; padding-right: 0.2em; font-size: 0.8em; }

dl.tx-indexedsearch-info { 
	position: relative;
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	}

dl.tx-indexedsearch-info dt, dl.tx-indexedsearch-info dd { 
	width: auto;
	min-width: 40px;
	padding:0.2em;
	position: relative;
	float: left;
	font-size: 0.8em;
}

	dl.tx-indexedsearch-info dt { font-weight: bold; }

strong.tx-indexedsearch-redMarkup { color: #ff0000; }


/* Sitemap & Pagetrees */
div#content ul li, div.tx-flseositemap-pi1 ul li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background-image: url(/fileadmin/templates/media/liststyle.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-top: 0.5em;
}

	* html div#content ul li, * html div.tx-flseositemap-pi1 ul li { height:0; }


/* News */
div.news-list-item {
	position: relative;
	float: left; 
	clear: both;
	padding-bottom: 1em;
	margin-bottom: 1em;
	width: 100%;
	border-bottom: 1px #CCC solid;
}

div.news-single-item h2 {
	font-size: 1.2em;
}

div.news-single-item h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

div.news-single-timedata { 
	font-size: 0.9em; 
	font-weight: normal;
	}
	
div.news-single-item p.news-single-author {
	font-size: 0.9em;
}

div.news-single-backlink {
	float: left;
	clear: both;
}

div.news-single-item dl {
	position: relative;
	float: left;
	margin-right: 2em; 
}

div.news-single-item dl dd, div.news-single-item dl dt {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	float: left;
	clear: both;
}

div.news-list-item h3 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	margin-bottom: 0.2em;
}

div.news-list-item h3 a {
	font-size: 0.9em;
	font-weight: bold;
}

div.news-list-item span.news-list-date { 
	font-size: 0.9em; 
	font-weight: normal;
	}
	
div.news-list-item img, div.news-single-item img {
	border: none; 
	float: left;
}

.images, div.news-list-item .images, div.news-single-item .images { 
	position: relative; 
	float:left;
	margin-right: 0.4em;
	}

div.news-single-img {
	float: left; 
	clear: both;
}

p.news-single-imgcaption { padding-left: 0.5em; }

.news-single-imgcaption, .news-single-img a {
	float: left;
	font-size: 0.9em; 
	clear: both;
}

hr.clearer {
	color: #000;
	background-color: #000;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.news-latest-item a, div.news-list-item a, div.news-single-item a, div.news,
div.news-latest-item a:hover, div.news-list-item a:hover, div.news-single-item a:hover,
div.news-latest-item a:visited, div.news-list-item a:visited, div.news-single-item a:visited,
div.news-latest-item a:active, div.news-list-item a:active, div.news-single-item a:active,
div.news-latest-item h1, div.news-latest-item h2, div.news-latest-item h3, 
div.news-list-item h1, div.news-list-item h2, div.news-list-item h3, 
div.news-single-item h1, div.news-single-item h2, div.news-single-item h3 { color: #707070; }

/* Tests & Quizzes */
div.tx-myquizpoll-pi1 {
	position: relative;
	float: left;
	width: 660px;
}

div.tx-myquizpoll-pi1 div.quiz-item {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 2em;
}

div.tx-myquizpoll-pi1 div.quiz-item div.tx_myquizpoll_pi1-explanation, div.tx-myquizpoll-pi1 div.quiz-item div.tx_myquizpoll_pi1-label  { padding-top: 1em; }

div.tx_myquizpoll_pi1-title, div.tx_myquizpoll_pi1-question, div.tx_myquizpoll_pi1-answer {
	padding:0.2em;
	padding-left: 0.4em;
}

div.tx_myquizpoll_pi1-question {
	font-weight: bold;
}

div.tx_myquizpoll_pi1-title {
	font-size: 1.2em;
	font-weight: bold;
	color: #707070; 
	background: #E5E5E5;
}

p.tx_myquizpoll_pi1-label { margin-top: 1em; }

div.tx-myquizpoll-pi1 input {
	padding: 0.2em;
}

div.tx-myquizpoll-pi1 div label { 
	position: relative;
	float: left;
	width: 100px; 
	}
	
div.tx-myquizpoll-pi1 div.submit div { 
	margin-bottom: 1em;
}

div.tx-myquizpoll-pi1 div.submitfield {
	position: relative;
	float: left;
	clear: both;
	width: 660px;
	padding: 0.2em;
}

div.tx-myquizpoll-pi1 div.submitfield input {
	text-align: center;
}

/* FAQ */
div.tx-irfaq-pi1 dl dt { margin-bottom: 0.5em; }
div.tx-irfaq-pi1 .additional-info { 
	border: 1px #ccc solid; 
	padding: 1em;
}