/**** CSS Europanorat 08/2011 *******************/


/******************************************
Definitionen für die ganze Seite
******************************************/

body {background-image: url(images/hg.png); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align:center;}
table {border-collapse:collapse;}
div#drucklogo {height: 0px!important; visibility:hidden; position: absolute; }
h1{font-size: 1.1em; color: #e7051e; line-height: 160%; border-bottom: solid 1px #e7051e; margin-bottom: 25px;}
h2 {font-size: 1em; border-bottom: solid 1px #dee6ee; padding-bottom: 4px; margin-bottom: 10px;}
h3{font-size: 0.9em;}
p{margin: 0px; padding: 0px; }
a{color: #002851;}
a:hover, a.AktiverLink{color: #e7051e;}
table.Inhalt td.Links input#ctl22_Button1 {background-color: #c1d0df; font-weight:bold; color: #002851; border-right: solid 2px #9ca8b4; border-bottom: solid 2px #9ca8b4; border-top: solid 2px white; border-left: solid 2px white; margin-top: 20px; font-size: 0.9em;}


/************************************************
Tabelle gesamter Inhalt aufgeteielt in 3 Spalten
*************************************************/

table.Inhalt {margin-right: auto; margin-left: auto; text-align: left; color: #002851;  }
table.Inhalt td.Links {border: solid 1px #ededed; border-top: none;width: 770px; margin: 0px; padding: 0px;padding-bottom: 30px; vertical-align:top !important;}
table.Inhalt td.Mitte {width: 10px; }
table.Inhalt td.Rechts{ background-color:#dee6ee; width: 190px; vertical-align:top; font-size:0.7em; line-height: 140%; padding: 15px;}



/************************************************
Inhalte Linke Seite (Kopf, Navis, Text)
*************************************************/

/*Kopf mit Adresse*/
table.Inhalt td.Links div.Kopf{background-image:url(images/kopf.jpg); background-repeat:no-repeat;  }
table.Inhalt td.Links div.Adresse{padding-left: 30px; padding-top: 60px; font-size:0.7em; line-height: 160%; height: 80px; }

/*Hauptnavigation*/
table.Inhalt td.Links div.NaviPer{padding-top: 57px; font-size:0.8em; height: 30px; margin-left: 210px; width: 550px;}
* html table.Inhalt td.Links div.NaviPer{padding-top: 51px; font-size:0.8em; height: 30px; }

table.Inhalt td.Links div.NaviPer a{text-decoration:none; background-image: url(images/kastendunkel.png); background-repeat:no-repeat; background-position: left; padding-left: 15px; padding-right: 10px; margin-left: 20px; font-weight: bold;}
table.Inhalt td.Links div.NaviPer a.AktiverLink, table.Inhalt td.Links div.NaviPer a:hover{background-image: url(images/kastenrot.png);}

/*Bildungsangebote*/
table.Inhalt td.Links div#NaviLevel_1{width: 200px; margin-top: 60px; font-size: 0.8em; display: inline; float: left;}
table.Inhalt td.Links div#NaviLevel_1 span{display: block; font-weight: bold; border-bottom: solid 1px #ededed; padding: 5px 0px 5px 15px;}
table.Inhalt td.Links div#NaviLevel_1 a{display: block; text-decoration:none; background-image: url(images/kasten.png); background-repeat:no-repeat; background-position: 15px; border-bottom: solid 1px #ededed; padding: 5px 0px 5px 30px; }
table.Inhalt td.Links div#NaviLevel_1 a.AktiverLink, table.Inhalt td.Links div#NaviLevel_1 a:hover {background-image: url(images/kastenrot.png); }

/*Inhalte*/
table.Inhalt td.Links div#Artikel{width: 520px; font-size: 0.8em; margin-top: 62px; margin-right:20px; display: inline; float: right;}
 
table.Inhalt td.Links div#Artikel ol { list-style:decimal; list-style-position:outside; width: 95%; padding-left: 16px; margin: 15px 0px 15px 0px; }
table.Inhalt td.Links div#Artikel ul{list-style-position:outside; list-style-image: url(images/kasten.png); width: 95%; padding-left: 16px; margin: 15px 0px 15px 0px; }
table.Inhalt td.Links div#Artikel li{margin: 0px 0px 8px 0px; }
table.Inhalt td.Links .Meldung{border-bottom: solid 1px #e7051e; font-weight: bold; padding-bottom: 25px; }


/**************************************
Bildungsangebote Startseite
***************************************/
table.Inhalt td.Links div#pnlArbeitsuchende {width: 520px; font-size: 0.8em; margin-top: 60px; margin-right:20px; margin-bottom: 20px; display: inline; float: right;}
table.Inhalt td.Links div#pnlArbeitsuchende div.StartseiteEinzelnerKurs {width: 500px; padding: 10px; margin-top: 10px; background-color: #e3e9ef; border-right: solid 1px silver; border-bottom: solid 1px silver;}
table.Inhalt td.Links div#pnlArbeitsuchende div.StartseiteEinzelnerKurs strong {display: block; margin-bottom: 5px;}
table.Inhalt td.Links div#pnlArbeitsuchende div.StartseiteEinzelnerKurs a {olor: #e7051e; text-decoration: none;}
table.Inhalt td.Links div#pnlArbeitsuchende div.StartseiteEinzelnerKurs a:hover {color: #e7051e;}

/********************************************
Bildungsangebote Detailansicht und Anmeldung
********************************************/
/*Tablle Details Angebote*/
div#ctl21_pnlKurs table {margin-bottom: 30px;}
div#ctl21_pnlKurs table td{ vertical-align:top; padding-bottom: 10px;}
div#ctl21_pnlKurs table a{font-weight: normal;}
div#ctl21_pnlKurs table strong{padding-right: 10px;}

/*Tablle Auflistung Angebote*/
table.Inhalt td.Links table.Bildungsangebote{width: 520px; margin-bottom: 0px; padding-top: 20px !important; }
table.Inhalt td.Links table.Bildungsangebote td{background-color: #becedd; padding: 5px; border-bottom: solid 2px white; }
table.Inhalt td.Links table.Bildungsangebote td a{font-weight: bold; text-decoration:none;}
table.Inhalt td.Links table.Bildungsangebote td.datum{background-color: #e9eef3; width: 120px;}
table.Inhalt td.Links table.Bildungsangebote td.kurs{background-color: #e9eef3; width: 320px;}
table.Inhalt td.Links table.Bildungsangebote td.dauer{background-color: #e9eef3; width: 80px;}
table.Inhalt td.Links table.Bildungsangebote td.datumHeader{width: 120px;}
table.Inhalt td.Links table.Bildungsangebote td.kursHeader{ width: 320px;}
table.Inhalt td.Links table.Bildungsangebote td.dauerHeader{width: 80px;}

/*Tabelle Anmeldung*/
table.Inhalt td.Links div#Artikel .Anmeldung table td{vertical-align:top; padding: 5px 0px 5px 0px;}
table.Inhalt td.Links div#Artikel .Anmeldung table input, 
table.Inhalt td.Links div#Artikel .Anmeldung table textarea {width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding:3px; border: solid 1px #456484;float: left; margin-left: 10px;}
table.Inhalt td.Links div#Artikel .Anmeldung table input#ctl21_Button1 {width: 80px; margin-left: 240px;}
table.Inhalt td.Links div#Artikel .Anmeldung span.Stern{margin-left: 4px; width: 6px;}
table.Inhalt td.Links div#Artikel .Anmeldung table span {font-size: 0.8em; display:block; float:left; width:20px; margin-left: 4px;}
table.Inhalt td.Links div#Artikel .Anmeldung table #ctl21_Literal1{font-weight: bold; font-size: 1em; margin-bottom: 15px; margin-left: 10px; width: 250px;}
table.Inhalt td.Links div#Artikel .Anmeldung table#ctl21_RadioButtonList1 {width: 520px; margin-bottom: 40px; border-bottom: solid 1px #dee6ee; border-top: solid 1px #dee6ee;}
table.Inhalt td.Links div#Artikel .Anmeldung table#ctl21_RadioButtonList1 input{width:20px; border: 0px; margin-right: 10px;  margin-left: 0px;background-color: #dee6ee;}


/*Tablle Kontakt*/
div#ctl21_pnlKontakt table{margin-top: 20px; }
div#ctl21_pnlKontakt table td {vertical-align:top; padding: 5px 0px 5px 0px;}
div#ctl21_pnlKontakt table input, 
div#ctl21_pnlKontakt table textarea {width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding:3px; border: solid 1px #456484; float:left; margin-left: 30px;}
div#ctl21_pnlKontakt table input#ctl21_Button1 {width: 80px; margin-left: 260px; border:1px solid #9ca8b4;}
div#ctl21_pnlKontakt table span.Stern{margin-left: 4px; width: 6px; display:block; float:left;}
div#ctl21_pnlKontakt table span {font-size: 0.8em; display:block; float:left; width:20px; margin-left: 4px;}
div#ctl21_pnlKontakt table input#ctl21_CheckBox1, 
div#ctl21_pnlKontakt table input#ctl21_CheckBox2,
div#ctl21_pnlKontakt table input#ctl21_CheckBox3 {width:20px; border: 0px; margin-right: 10px;  diplay:block; }
div#ctl21_pnlKontakt table label {diplay:block; float: left; width: 80%; height: 25px;}


/**************************************
Inhalte rechte Seite (Tests, News)
***************************************/
html table.Inhalt td.Rechts div.Test {margin: 0px 0px 50px 0px; padding-top: 40px; background-image:url(images/eule.jpg); background-repeat:no-repeat; background-position:top;}

table.Inhalt td.Rechts div.Test span{font-weight: bold; display:block; margin-bottom: 10px; }
table.Inhalt td.Rechts div.Test a{display:block; text-decoration:none; background-image: url(images/kasten.png); background-repeat:no-repeat; background-position: left 5px; padding-left: 15px; margin-bottom: 8px;}
table.Inhalt td.Rechts div.Test a:hover{background-image: url(images/kastenrot.png);}
table.Inhalt td.Rechts div.News{margin-bottom: 30px;}
table.Inhalt td.Rechts div.News ul{list-style-position:outside; list-style-image: url(images/kasten.png); width: 95%; padding-left: 16px; margin: 10px 0px 10px 0px; }
table.Inhalt td.Rechts div.News li{margin: 0px 0px 8px 0px; }

/** Log-Bereich **/
div.Login,
div.Logout {
	background-color: #d2d9e0;
	border: solid 1px #9ca8b4;
	margin:0 0;
	padding:10px 0 10px 10px;
	}

div.Logout br,
div.Login br { display: none; }

div.Logout strong { margin:0 0 10px 0; padding:0 0; }
div.Login strong { display:block; margin:0 0 10px 0; padding:0 0; }

div.Login input {
	background-color: #fcfcfc;
	font-weight:bold;
	color: #002851;
	font-size: 1em;
	border: solid 1px #9ca8b4;
	width:160px;
	display:block;
	margin:0 0;
	padding:2px 3px; 
	}
	div.Login input#login_btnLogin {
		background-color:#c1d0df;
		font-weight:bold;
		color: #002851;
		font-size: 0.9em;
		border: solid 1px #9ca8b4;
		width:70px;
		display:block;
		margin:10px 0 0 98px;
		padding:0 0; }

div.Logout input {
	background-color:#c1d0df;
	font-weight:bold;
	color: #002851;
	font-size: 0.9em;
	border: solid 1px #9ca8b4;
	width:80px;
	margin:0 0 0 5px;
	padding:0 0;
	}

div.Login input#login_btnLogin:hover, div.Logout input:hover {cursor:pointer;}

/*****************************
Fusszeile
*****************************/
div#Fusszeile {font-size: 0.8em; color:silver; margin-right: auto; margin-left: auto;  width: 1015px; text-align:left; margin-top:5px; margin-bottom: 25px;}
div#Fusszeile a {font-size: 0.8em; color:silver; }

/*****************************
Templates
*****************************/
/*1*/
table .template_1 {border-top: solid 1px #c1d0df; border-bottom: solid 1px #c1d0df; margin: 15px 0px 15px 0px; }
table .template_1 td{padding: 10px 0px 10px 0px; line-height: 140%;}
table .template_1 td.lang{width: 500px;}
table .template_1 img {margin-right: 15px;}

/*2*/
table .template_2 {border-top: solid 1px #c1d0df; border-bottom: solid 1px #c1d0df; margin: 15px 0px 15px 0px; text-align:right; }
table .template_2 td{padding: 10px 0px 10px 0px; line-height: 140%;}
table .template_2 td.lang{width: 500px;}
table .template_2 img {margin-left: 15px;}

/*3*/
table .template_3 {background-color:#dee6ee;  margin: 15px 0px 15px 0px; width:520px;}
table .template_3 td {border-bottom: solid 2px white; padding: 5px; width: 33%;}
table .template_3 td.kopf{ font-weight: bold; background-color: #becedd;}

/*4*/
table .template_4 {border-top: solid 1px #c1d0df; border-bottom: solid 1px #c1d0df; margin: 10px 15px 10px 0px; width:60px; font-weight: 0.7em; float: left; }
table .template_4 td {padding: 5px 0px 5px 0px  !important; vertical-align:top; font-weight: normal !important;border-right: none !important; border-left: none !important;  }


/*5*/
table .template_5 td{background-color:#dee6ee; border: solid 1px #c1d0df; margin: 15px 15px 15px 0px;  padding: 10px; font-weight:bold; width:520px !important;}