/* =========================================================
navigate.de - Stylesheet für LMZ-BW
Datei: style.css
Media: screen
Datum: 24. November 2006
Autor: Manfred Rössler
Mail: roessler@navigate.de
========================================================== */


/* ===============================
   =Allgemeine Selektoren 
=============================== */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	background: #fefecc;
}

html {
 font-size: 1em;
}

img {
	border: 0;
}

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.floatRight {
	float: right;   
}

.floatLeft {
	float: left;   
}

img.floatRight {
	float: right;
	margin: 0 0 0.833333333em 2.5em;
	display: inline;   
}

img.floatLeft {
	float: left;
	margin: 0 2.5em 0.833333333em 0;
	display: inline;  
}
img.floatLeftSpezial {
	float: left;
	margin-right: 0.833333333em;
}

a {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}
a.extern {
	padding-left: 1.75em;
	background-image: url(../images/ico_extern.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}
a.formular {
	padding-left: 1.25em;
	background-image: url(../images/ico_formular.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}
a:focus {
	outline: 0;  
}
a:hover {
	text-decoration: underline;
}

label {
	cursor: pointer;
}

table {
	border:0;
	width: 100%;
}
td {
	vertical-align: top;
}

.hidden  {
	display: none;
}

#headerPrint {
	display: none;	
}

/* ===============================
   =Layout 
=============================== */

#container {
	top: 0;
	width: 80.66666667em;
	margin-right: auto;
	margin-left: auto;
}

#centerBug {
	position: absolute;
	padding-left: 0.5em;
	width: 79.583333333em;
}

#navigationMain {
	position: relative;
	z-index: 2;
	clear: both;
}
#navigationMain ul {
	position: relative;
	height: 2.5em;
	list-style-type: none;
	font-weight: bold;
	width: 79.583333333em;
}
#navigationMain ul.navigationGesamt {
	border-bottom: .0833333333em solid #ff9900;
}
#navigationMain ul li {
	float: left;
	width: 11.08333333em;
	text-align: center;
	margin-right: .333333333em;
}
#navigationMain ul li.letzter {
	margin-right: 0;
}
#navigationMain ul li a {
	display: block;
	width: 11.08333333em;
	height: 1.666666667em;
	padding-top: 0.833333333em;
	color: #FFF;
}
#navigationMain ul li a.active {
	position: relative;
	display: block;
	width: 10.91666667em;
	background: #FFF;
	color: #003399;
	padding-top: 0.75em;
	height: 1.666666667em;
	text-decoration: none;
	top: 0;
	bottom: -0.083333333em;
}
#navigationMain ul li a.active:hover {
	position: relative;
	display: block;
	width: 10.91666667em;
	background: #FFF;
	color: #003399;
	padding-top: 0.75em;
	height: 1.666666667em;
	text-decoration: none;
	top: 0;
	bottom: -0.083333333em;
}
#navigationMain ul.navigationGesamt li a.active {
	border: 0.083333333em solid #ff9900; 
	border-bottom-color: #fff;
}
#navigationMain ul li a.startseite {
	background: url(../images/navi/startseite.gif);
}
#navigationMain ul li a.startseite:hover {
	background: url(../images/navi/startseite_on.gif);
}
#navigationMain ul li a.grundschule {
	background: url(../images/navi/grundschule.gif);
}
#navigationMain ul li a.grundschule:hover {
	background: url(../images/navi/grundschule_on.gif);
}
#navigationMain ul li a.hauptschule {
	background: url(../images/navi/hauptschule.gif);
}
#navigationMain ul li a.hauptschule:hover {
	background: url(../images/navi/hauptschule_on.gif);
}
#navigationMain ul li a.realschule {
	background: url(../images/navi/realschule.gif);
}
#navigationMain ul li a.realschule:hover {
	background: url(../images/navi/realschule_on.gif);
}
#navigationMain ul li a.gymnasium {
	background: url(../images/navi/gymnasium.gif);
}
#navigationMain ul li a.gymnasium:hover {
	background: url(../images/navi/gymnasium_on.gif);
}
#navigationMain ul li a.berufsschule {
	background: url(../images/navi/berufsschule.gif);
}
#navigationMain ul li a.berufsschule:hover {
	background: url(../images/navi/berufsschule_on.gif);
}
#navigationMain ul li a.sonderschule {
	background: url(../images/navi/sonderschule.gif);
}
#navigationMain ul li a.sonderschule:hover {
	background: url(../images/navi/sonderschule_on.gif);
}
#navigationMain ul li a:hover {
	display: block;
	width: 11.08333333em;
	z-index: 1;
	text-decoration: none;
}
#navigationMain ul li ul {
	position: absolute;
	height: auto;
	left: 0;
	top: 6em;
	text-align: left;
	width: 17.5em;
}
#navigationMain ul li ul li {
	float:none;
	position: relative;
	display: block;
	text-align: left;
	width: 17.5em;
	/*background-color: #e5e5e5;*/
	border-bottom: .083333333em solid #fff;
}
#navigationMain ul li ul li a {
	display: block;
	position: relative;
	background-color: #e5e5e5;
	width: 15.333333333em;
	height: auto;
	color: #003399;
	border-left: .083333333em solid #ff9900;
	border-right: 0.416666667em solid #ff9900;
	padding: .583333333em 0 .416666667em 1.666666667em;
}
#navigationMain ul li ul li a:hover {
	display: block;
	position: relative;
	background-color: #ffcc80;
	width: 15.333333333em;
	height: auto;
	color: #FFF;
	border-left: .083333333em solid #ff9900;
	border-right: 0.416666667em solid #ff9900;
	padding: .583333333em 0 .416666667em 1.666666667em;
}
#navigationMain ul li ul li.subActive {
	float:none;
	position: relative;
	display: block;
	text-align: left;
	width: 1.75em;
	background-color: #e5e5e5;
	border-bottom: .083333333em solid #fff;
}
#navigationMain ul li ul li.subActive a {
	display: block;
	position: relative;
	background-color: #ffcc80;
	width: 15.333333333em;
	height: auto;
	color: #FFF;
	border-left: .083333333em solid #ff9900;
	border-right: .416666667em solid #ff9900;
	padding: .583333333em 0 .416666667em 1.666666667em;
}
#navigationMain ul li ul li.subActive a:hover {
	display: block;
	position: relative;
	background-color: #ffcc80;
	width: 15.333333333em;
	height: auto;
	color: #FFF;
	border-left: .083333333em solid #ff9900;
	border-right: 0.416666667em solid #ff9900;
	padding: .583333333em 0 .416666667em 1.666666667em;
}
#navigationMain ul li ul li.subActive ul {
	position: relative;
	left: 0;
	top: 0;
	text-align: left;
	width: 15.833333333em;
	border-top: .083333333em solid #fff;
	padding: .583333333em 0 .416666667em 1.666666667em;
	background-color: #ffcc80;
}
#navigationMain ul li ul li.subActive ul li {
	float:none;
	position: relative;
	display: block;
	text-align: left;
	width: 15.833333333em;
	border: none;
	background-color: #ffcc80;
}
#navigationMain ul li ul li.subActive ul li a {
	display: block;
	font-size: 0.916666667em;
	font-weight: normal;
	background-color: #ffcc80;
	width: 17.272727273em;
	height: 1.636363636em;
	color: #003399;
	border: none;
	padding: 0;
}
#navigationMain ul li ul li.subActive ul li a:hover {
	display: block;
	font-size: 0.916666667em;
	font-weight: normal;
	background-color: #fff;
	width: 16.909090909em;
	height: 1.636363636em;
	color: #003399;
	border: none;
	margin-left: -1.818181818em;
	padding: 0;
	padding-left: 1.818181818em;
}
#navigationMain ul li ul li.subActive ul li a.active {
	display: block;
	font-size: 0.916666667em;
	font-weight: normal;
	background-color: #fff;
	width: 16.909090909em;
	height: 1.636363636em;
	color: #003399;
	border: none;
	margin-left: -1.818181818em;
	padding: 0;
	padding-left: 1.818181818em;
}

#medienOffensive {
	font-size: 0.833333333em;
	background-color: #e5e5e5;
	background-image: url(../images/naviBottom.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	/*height: 11.5em;*/
	width: 21em;
	bottom: 0;
	font-weight: normal;
	text-align: center;
	padding-top: 3.5em;
}
#medienOffensive a, #medienOffensive a:hover {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
	text-align: center !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
}
#medienOffensive img {
	margin-bottom: .8em;
}

#navigationMain div.comeniusSiegel {
	background: #fff;
	text-align: center;
}

#navigationMain div.comeniusSiegel img {
	margin-top: 2.5em;
}
	
#shadowTop {
	position: relative;
	z-index: 0;
	width: 80.66666667em;
	height: 3.333333333em;
	background-image:url(../images/shadowTopTest.gif);
	background-repeat:no-repeat;
	background-position: right top;
	clear: both;
}
#shadowtTopRest {
	width: 79.58333333em;
	height: 3.333333333em;
	background-color:#fff;
}
#shadow {
	width: 80.66666667em;
	background-image:url(../images/shadowRight.gif);
	background-repeat:repeat-y;
	background-position: right top;
	margin-top: -.083333333em;
}
#flaeche {
	width: 79.58333333em;
	background-color:#fff;
}

/* ===============================
   =Content 
=============================== */
#content {
	position: relative;
}

#contentRight {
	float: right;
	width: 59.58333333em;
	margin-left: 2.5em;
	position: relative;
}

#contentRight fieldset {
	border: none;
}
#contentRight fieldset legend {
	display: none;
}

#contentRight div.contentMiddleHead {
	float: left;
	margin-bottom: 2.5em;	
}

#contentRight div.contentMiddleSmall {
	float: left;
	width: 39.58333333em;
}

#contentRight div.contentMiddleSmall h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 1.388888889em;
}

#contentRight div.contentMiddleSmall h2 {
	font-size: 1.166666667em;
	font-weight: bold;
	margin-top: 1.388888889em;
	margin-bottom: .75em;
}
#contentRight div.contentMiddleSmall h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1.25em;
	margin-bottom: 1em;
}

#contentRight div.contentMiddleSmall ul {
	margin: 0.833333333em 0 0.833333333em 2.5em;
}
#contentRight div.contentMiddlefull ul {
	margin: 0.833333333em 0 0.833333333em 2.5em;
}
#contentRight div.contentMiddleSmall h1.spezialHome {
	position: absolute;
	font-size: 1.166666667em;
	height: 2.857142857em;
	background-color: #FFF;
	width: 35.285714286em;
	font-weight: bold;
	left: 17.142857143em;
	top: 8.571428571em;
	padding-left: 0.714285714em;
	background: url(../images/emotionpicH1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 1.214285714em;
}

#contentRight div.contentMiddleSmall div.footerLMZSesam {
	margin-top: 4.166666667em;
	text-align: center;
}
#contentRight div.contentMiddleSmall div.footerLMZSesam p {
	font-size: 0.833333333em;
	padding: 1em 0;
	border-top: .083333333em solid #CCC;
	border-bottom: .083333333em solid #CCC;
	color: #CCC;
}

#contentRight div.contentMiddleMiddle {
	clear: both;
	width: 42.083333333em;
	padding-top: 1.25em;
	margin-top: 0;
}

#contentRight div.contentMiddleMiddle div.footerLMZSesam {
	text-align: center;
}
#contentRight div.contentMiddleMiddle div.footerLMZSesam p {
	padding: 1em 0;
	border-top: .1em solid #CCC;
	border-bottom: .1em solid #CCC;
	font-size: 1em;
	color: #CCC;
	margin-top: 3em;
}

#contentRight div.contentMiddleFull {
	width: 59.583333333em;
}

#contentRight div.headlineFull {
	float: left;
	width: 42em;
	height: 1.583333333em;
	border: .083333333em solid #cccccc;
	border-left: none;
	color: #999999;
	padding: .25em 0 .083333333em 0;
	margin-bottom: 2.5em;
}
#contentRight div.headlineFull h1 {
	font-weight: bold;
	color: #ff9900;
	font-size: 1em;
}
#contentRight div.headlineRight {
	float: left;
	width: 15.75em;
	height: 1.583333333em;
	border: .083333333em solid #cccccc;
	border-left: none;
	border-right: none;
	color: #999999;
	padding: .25em 0 .083333333em 1.666666667em;
	margin-bottom: 2.5em;
}

#contentRight div.contModul {
	clear: both;
	margin-bottom: 2.5em;
}
#contentRight div.contModul h2 {
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 12em;
	margin-bottom: 1.333333333em;
}
#contentRight div.contModul img {
	float: left;
	border: .083333333em solid #CCC;
	margin-right: 1.666666667em; 
}
#contentRight div.contModul div.contModulDesc {
	float: left;
	width: 26.166666667em;
	height: 9.916666667em;	
	border: .083333333em solid #CCC;
	border-top: none;
	border-left: none;
	padding-right: .833333333em;
}
#contentRight div.contModul div.contModulDetails {
	float: left;
	width: 15em;
	margin-left: 1.666666667em;
}
#contentRight div.contModul div.buttonBestellung {
	clear: both;
	padding-left: 31.333333333em;
	top: -.0833333333em;
	left: 0;
	margin-top: -1.666666667em;
}
#contentRight div.contModul div.buttonBestellung a {
	display: block;
	color: #000;
	text-align: center;
	font-size: 1em;
	width: 10.75em;
	height: 1.5em;
	font-weight: bold;
	background: url(../images/hgButtonAktiv.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	margin-top: -.083333333em; 
	padding-top: 0.25em;
}
#contentRight div.contModul div.buttonBestellung a:hover {
	text-decoration: none;
}

#contentRight div.detailSeite div.buttonBestellung {
	clear: both;
	margin-top: 1em;
}

#contentRight div.detailSeite div.buttonBestellung a {
	display: block;
	color: #000;
	text-align: center;
	font-size: 1em;
	width: 10.75em;
	height: 1.5em;
	font-weight: bold;
	background: url(../images/hgButtonAktiv.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	margin-top: -.083333333em; 
	padding-top: 0.25em;
}
#contentRight div.detailSeite div.buttonBestellung a:hover {
	text-decoration: none;
}


#contentRight div.pagesFull {
	clear: both;
	float: left;
	width: 42em;
	height: 1.583333333em;
	border: .083333333em solid #cccccc;
	border-left: none;
	color: #999999;
	padding: .25em 0 .083333333em 0;
}
#contentRight div.pagesView {
	float: left;
	width: 15.75em;
	height: 1.583333333em;
	border: .083333333em solid #cccccc;
	border-left: none;
	border-right: none;
	color: #999999;
	padding: .25em 0 .083333333em 1.666666667em;
}

#contentRight div.detailSeite {
	clear: both;
	width: 57.916666667em;
}
#contentRight div.detailSeite h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 1.388888889em;
}
#contentRight div.detailSeite h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1.25em;
	margin-bottom: 1em;
}
#contentRight div.detailSeite h4 {
	font-size: 1em;
	font-weight: bold;
}
#contentRight div.detailSeite div.reiterNavi {
	height: 2.333333333em;
	border-top: .083333333em solid #CCC;
	border-bottom: .083333333em solid #CCC;
	background: url(../images/bgReiter.gif) left top repeat-x;
	padding: 1.666666667em 0 0 1.416666667em;
	margin-bottom: 2.083333333em;
}
#contentRight div.detailSeite div.reiterNavi a.reiterAktiv {
	display: block;
	float: left;
	text-align: center;
	width: 10.91666667em;
	border: .083333333em solid #CCC;
	border-bottom: .083333333em solid #fff;
	background: #FFF;
	color: #000;
	padding-top: 0.666666667em;
	height: 1.583333333em;
	text-decoration: none;
	top: 0;
	bottom: -.083333333em;
	margin-right: .416666667em;
}
#contentRight div.detailSeite div.reiterNavi a.reiterInaktiv {
	display: block;
	float: left;
	text-align: center;
	width: 10.91666667em;
	border: .083333333em solid #CCCCCC;
	background: #FFF;
	color: #777;
	padding-top: .666666667em;
	height: 1.583333333em;
	text-decoration: none;
	top: 0;
	bottom: -.083333333em;
	margin-right: 0.416666667em;
}
#contentRight div.detailSeite div.reiterNavi a.reiterAktiv:hover {
	color: #000;
	border-bottom: .083333333em solid #fff;
	text-decoration: none;
}
#contentRight div.detailSeite div.reiterNavi a.reiterInaktiv:hover  {
	display: block;
	float: left;
	text-align: center;
	width: 10.91666667em;
	border: .083333333em solid #CCCCCC;
	background: #FFF;
	color: #000;
	padding-top: 0.666666667em;
	height: 1.583333333em;
	text-decoration: none;
	top: 0;
	bottom: -.083333333em;
	margin-right: .416666667em;
}
#contentRight div.detailSeite div.textLinks {
	width: 40.333333333em;
	padding-right: 1.666666667em;
	clear: both;
	float: left;
}
#contentRight div.detailSeite div.textRechts {
	width: 15.916666667em;
	float: left;
}
#contentRight div.detailSeite div.textRechts img {
	border: .083333333em solid #CCCCCC;
	margin-bottom: 1.666666667em;
}
#contentRight div.detailSeite div.textRechts img.screenshot {
	border: none;
	margin-bottom: 0;
}
#contentRight div.detailSeite div.pdfDownload {
	clear: both;
	height: 1.75em;
	border-top: .083333333em solid #CCC;
	border-bottom: .083333333em solid #CCC;
	background: url(../images/bgPDFDownload.gif) left top repeat-x;
	margin: 2.5em 0;
	padding: .666666667em 0 0 .833333333em;
}
#contentRight div.detailSeite div.pdfDownload img {
	border: none;
	margin: 0;
	vertical-align: middle;
	margin-right: .416666667em;
}
#contentRight div.detailSeite div.pdfDownload div.textLinks {
	width: 39.5em;
} 


#contentRightAnmeldung {
	float:right;
	width: 15em;
	height: 10em;
	padding: 1.666666667em .833333333em .833333333em 1.666666667em;
	background-color: #003399;
	color: #fff;
	margin-bottom: 2.5em;
	position: relative;
}
#sesamSpezial {
	position: absolute;
	left: 62.583333333em;
	top: 11.916666667em;
	width: 17.5em;
	height: 5.833333333em;
	z-index: 3;
}
#contentRightAnmeldung img.fontsize {
	margin-right: .416666667em;
}
#contentRightAnmeldung div.upperFont {
	padding-top: 3.333333333em;
	/*height: 4.583333333em;*/
	height: 3em;
	position: relative;
}
#contentRightAnmeldung input.start {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	width: 10.83333333em;
	height: 1.416666667em;
	border: 0;
	font-size: 1em;
	color: #000;
	padding: .25em .416666667em 0 .416666667em;
	vertical-align: middle;
}
#contentRightAnmeldung button.login {
	position: relative;
	background:url(../images/button_login.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	width: 1.75em;
	height: 1.666666667em;
	vertical-align: middle;
	margin-left: .833333333em;
	top: .083333333em;
	left: 0;
}
#contentRightAnmeldung div.searchOptions {
	margin-bottom: 1em;
}

#contentRightInformation {
	float:right;
	width: 17.5em;
}
#contentRightInformation div.einzel {
	background-color: #e5e5e5;
}
#contentRightInformation div.einzelAbstand {
	background-color: #e5e5e5;
	margin-top: 2.5em;
}
#contentRightInformation h1 {
	height: 1.416666667em;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	background-color: #ff9900;
	border-bottom: .083333333em solid #fff;
	padding: .25em 0 0 .833333333em;
}
#contentRightInformation ul {
	list-style: none;
}
#contentRightInformation ul li {
	margin-bottom: .833333333em;
	padding-left: 2.083333333em;
	background-image: url(../images/knubbelInfo.gif);
	background-repeat: no-repeat;
}
#contentRightInformation ol {
	margin-left: 2.083333333em;
}
#contentRightInformation div.text {
	padding: .833333333em .833333333em;
	border-bottom: .083333333em solid #fff;
}

/* ===============================
   =Footer 
=============================== */

#footer {
	margin-top: 5em;
	background-color: #fff;
	border-top: .083333333em solid #ff9900;
	font-size: .916666667em;
	padding: 1.25em .833333333em;
	vertical-align: middle;
}
#footer ul {
	list-style: none;
}
#footer ul li {
	display: inline;
}
#footer img {
	margin-left: .833333333em;
}
#footer a {
	font-weight: normal;
}
#footer a:hover {
	text-decoration: none;
}
#footerShadow {
	width: 80.66666667em;
	height: 1.416666667em;
	background-image:url(../images/shadowBottomFolge.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
	font-style: normal ;
}