body
{
	/*margin: 30px auto auto 30px;*/
	margin: 30px auto;
	padding: 0;
	border: 0;
	overflow: auto;
	height: 100%;
	max-height: 100%;
	background: #1a6c8e url(   '../assets/ecjc_bg.jpg' ) repeat-x scroll center top;
	font-family: georgia,times,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #696969; /*color: rgb(0, 0, 206);*/
}
.ueberschrift
{
	text-transform: uppercase;
	color: #F5D500;
	font-family:Times New Roman;
	font-size:10pt;
	letter-spacing:0.1em
}
a, a:active, a:visited
{
	color: #F5D500;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:hover
{
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
input
{
	outline: none;
}
.img
{
	border: solid 1px #696969;
}
div#center
{
	display: block;
	margin: 0pt auto;
	background: transparent; /* rgb(242, 242, 242);*/
	position: relative;
	width: 1017px;
	border: solid 0px gray;
}
#framecontent
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1017px; /*height: 130px; Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	height: 291px;
	background: url(     '../assets/ecjc_header.png' ) no-repeat top; /*background: url(  '../assets/passport_header_shadow_t.png' ) no-repeat top;*/
	background-position: center;
	color: white;
	float: left;
	border: solid 0px red;
}
#navigationTop
{
	position: absolute;
	z-index: 2;
	top: -20px;
	left: 0px;
	width: 1017px; /*height: 130px; Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	height: 20px;
	background: transparent;
	background-position: center;
	border: solid 0px red;
	color: white;
	float: right;
	text-align:right;
	vertical-align:middle;
}
#searchfield
{
	position: absolute;
	z-index: 500;
	top: 260px;
	left: 15px; /*width: 160px; height: 130px; Height of frame div*/ /*overflow: hidden; Disable scrollbars. Set to "scroll" to enable 	background: white; 	background-position: center;*/
	border: solid 0px red;
	color: white;
	float: left;
	padding-top: 0px;
}
/*
#searchfield a, #searchfield a:visited
{
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 50px;
	padding-right: 50px; /*padding-left: 15px; link text is indented 19px
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url(     '../assets/gallery.png' ) no-repeat top;
}
#searchfield a:hover
{
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 50px;
	padding-right: 50px; /*padding-left: 15px; link text is indented 19px
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #000000;
	background: transparent url(     '../assets/gallery_on.png' ) no-repeat top;
}
*/
.gal
{
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url(     '../assets/gallery.png' ) no-repeat top;
}
.gal:hover
{
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 50px;
	padding-right: 50px;
	background: transparent url(     '../assets/gallery_on.png' ) no-repeat top;
}
#logo
{
	width:190px;
	position: absolute;
	z-index: 600;
	top: 16px;
	left: 26px; /*width: 160px; height: 130px; Height of frame div*/ /*overflow: hidden; Disable scrollbars. Set to "scroll" to enable 	background: white; 	background-position: center;*/
	border: solid 0px red;
	color: white;
	float: left;
	padding-top: 0px;
}
#logo a, #logo a:visited
{
	display: block;
	width:190px;
	padding-top:70px;
	height: auto;
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url('../assets/ecjc_logo.png' ) no-repeat top;
}
#logo a:hover
{
	display: block;
	width:190px;
	padding-top:70px;
	height: auto;
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url('../assets/ecjc_logo.png' ) no-repeat top;
}
#maincontent
{
	margin: 0 auto;
	display: block;
	position: absolute; /*top: 130px; Set top value to HeightOfFrameDiv*/
	left: 0;
	right: 0;
	top: 296px;
	width: 1017px;
	height: auto;
	background: transparent;
	padding: 0px;
	z-index: -10;
	border: solid 0px red;
	text-align: justify;
}
#maincontent_left
{
	margin: 0 auto;
	display: block;
	position: relative; /*top: 130px; Set top value to HeightOfFrameDiv*/
	float: left;
	left: -10px;
	top: 0px;
	width: 220px;
	overflow: auto;
	background: transparent;
	padding: 10px;
	padding-right: 5px;
	z-index: -10;
	border: solid 0px blue;
	text-align: justify;
}
#maincontent_center_outer
{
	margin: 0 auto;
	display: block;
	position: absolute; /*top: 130px; Set top value to HeightOfFrameDiv*/
	left: 193px;
	right: 0;
	top: 0px;
	width: 822px;
	height: 340px;
	background: transparent;
	padding: 0px;
	z-index: -10;
	border: solid 0px red;
	text-align: justify;
}
/*#maincontent_center_outer
{
	margin: 0 auto;
	display: block;
	position: absolute; /*top: 130px; Set top value to HeightOfFrameDiv*/
/*	float: left;
	left: -10px;
	top: 0px;
	width: 735px;
	height: 460px;
	overflow: auto;
	background: transparent;
	padding: 0px;
	z-index: -10;
	border: solid 1px green;
	text-align: justify;
}
*/
#maincontent_center
{
	margin: 0 auto;
	display: block;
	position: relative; /*top: 130px; Set top value to HeightOfFrameDiv*/
	float: left;
	left: 0px;
	top: 70px;
	width: 660px;
	height: 270px;
	overflow: auto;
	background: #094067;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: -8;
	border: solid 0px white;
	border-top: solid 1px #A7BD3E;
	text-align: left;
	color: #cccccc;
	font: normal 8pt Verdana;
	line-height: 14pt;
}
#maincontent_right
{
	margin: 0 auto;
	display: block;
	position: relative; /*top: 130px; Set top value to HeightOfFrameDiv*/
	float: left;
	left: 0px;
	top: 120px;
	width: 120px;
	height: 270px;
	overflow: auto;
	background: transparent;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: -10;
	border: solid 0px red;
	text-align: justify;
}
#maincontent_right a, #maincontent_right a:visited
{
	position: relative;
	float: left;
	top: 140px;
	left: 8px;
	display: block;
	width: 100px;
	height: 70px;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url(     '../assets/program.png' ) no-repeat top;
	border:solid 0px red;
}
#maincontent_right a:hover
{
	position: relative;
	float: left;
	top: 140px;
	left: 8px;
	display: block;
	width: 100px;
	height: 70px;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url(     '../assets/program_on.png' ) no-repeat top;
}
#maincontent_right_archive a, #maincontent_right_archive a:visited
{
	position: relative;
	float: left;
	top: 0px;
	left: 8px;
	display: block;
	width: 100px;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url(     '../assets/archive.gif' ) no-repeat top;
	border:solid 0px red;
}
#maincontent_right_archive a:hover
{
	position: relative;
	float: left;
	top: 0px;
	left: 8px;
	display: block;
	width: 100px;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url('../assets/archive_on.gif' ) no-repeat top;
}
#connections a, #connections a:visited
{
	position: relative;
	float: left;
	top: 30px;
	left: 100px;
	display: block;
	width: 150px;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 9pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url('../assets/connections.png' ) no-repeat top;
	border:solid 0px red;
}
#connections a:hover
{
	position: relative;
	float: left;
	top: 30px;
	left: 100px;
	display: block;
	width: 150px;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 9pt;
	padding-left: 3px;
	padding-right: 3px; /*padding-left: 15px; link text is indented 19px*/
	text-decoration: none;
	font: bold 9pt Verdana;
	color: #999999;
	background: transparent url('../assets/connections_on.png' ) no-repeat top;
}
#unterschrift
{
	position: relative;
	float: left;
	top: 35px;
	left: 103px;
	width: 170px;
	color: #cccccc;
	font: normal 7pt Verdana;
	text-align:left;
}
#footercontent
{
	margin: 0 auto;
	position: absolute;
	z-index: -10;
	left: 0px;
	top: 345px; /*bottom:-50px;*/
	width: 1017px; /*height: 130px; Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	height: 30px;
	background: #000000;
	background-position: center;
	border: solid 0px #555555;
	border-top: solid 1px #ED008B;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #cccccc;
	float: left;
	-moz-opacity: .95;
	opacity: .95;
	vertical-align: middle;
	padding-top: 10px;
}
#maincontent_center a, #maincontent_center a:visited
{
	text-decoration: none;
	color: #F5D500;
}
#maincontent_center a:hover
{
	text-decoration: none;
	color: #cccccc;
}
.innertube
{
	margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body
{
	/*IE6 hack*/ /* padding: 130px 0 0 0; Set value to (HeightOfFrameDiv 0 0 0)*/
}
* html #maincontent
{
	/*IE6 hack             height: 100%;             width: 100%;             */
	height: 95%;
	width: 1017px;
}

#navigation
{
	margin: 0 auto;
	display: block;
	width: 1010px;
	height: 30px;
	background-color: #112847; /*filter: alpha(opacity=85);*/ /* PROBLEM IM IE6: Liste wird nicht angezeigt */
	-moz-opacity: .95;
	opacity: .95;
	font-family: Arial;
	font-weight: bold;
	position: absolute;
	top: 305px;
	left: 20px;
	z-index: 50;
	visibility: visible;
}

.tabs
{
	width: 280px;
	position: absolute;
	z-index: 100;
	border: solid 0px black;
	float: left;
	top: 220px;
	left: 4em;
	clear: both;
	visibility: visible;
}
/*
** Navigation (Setting up some fonts, colors and more)**

#navigation{font:14px Arial; background: #454545;}*/

#navigation a:link, #navigation a:visited
{
	color: #999999;
	padding: 10px;
	text-decoration: none;
}

#navigation a:hover
{
	color: #fff;
	text-decoration: none;
}

#navigation a:link, #navigation a:visited
{
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

#navigation a:hover
{
	background-color: #75AB2C;
	color: #fff;
	text-decoration: none;
}
/* border-bottom:solid 3px yellow;}*/

#navigation .current a:link, #navigation .current a:visited
{
	color: #fff;
	text-decoration: none;
	padding: 10px;
}
#navigationTop a:link, #navigationTop a:visited
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #ffffff;
	padding: 10px;
	text-decoration: none;
}
#navigationTop a:hover
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #dddddd;
	padding: 10px;
	text-decoration: none;
}
.newsletter a:link, .newsletter a:visited
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #FEEF0E;
	padding: 10px;
	text-decoration: none;
}
.newsletter a:hover
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #ffffff;
	padding: 10px;
	text-decoration: none;
}
#footercontent a:link, #footercontent a:visited
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #ffffff;
	padding: 0px;
	text-decoration: none;
}
#footercontent a:hover
{
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #cccccc;
	padding: 0px;
	text-decoration: none;
}

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft(_b) , .pright(_b) und .pnormal(_b)    


.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen

Code: 

*/




/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft
{
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: none;
}
.pright
{
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal
{
	clear: both;
	border: none;
}


/* Definition der KLassen für 2.Stil (z.B. mit Rahmen) */

.pleft_b
{
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}
.pright_b
{
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}
.pnormal_b
{
	clear: both;
	border: 1px solid #990000;
}


/*
------ENDE Bildmodul ------
*/

/*
------ Search - Modul ------
*/
.search
{
	position: relative;
	float: left;
	border: solid 1px #000000;
	background: rgb(248, 249, 251) url(           '../assets/bg_suchfeld_verlauf.jpg' ) repeat-x scroll center top;
	font-size: 11px;
	width: 110px;
	height: 18px;
}
.button
{
	position: relative;
	float: left;
	margin-left: 3px;
	border: 1px solid #EEC35B;
	background: #2A75B6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	width: 70px;
	height: 20px;
}
.button:hover
{
	position: relative;
	float: left;
	margin-left: 4px;
	margin-top: 1px;
	border: 1px solid #EEC35B;
	background: #2A75B6;
	color: #EEC35B;
	font-weight: bold;
	font-size: 11px;
	width: 70px;
	height: 20px;
}
/*
------ ENDE Search - Modul ------
*/

/*-----------NAVIGATION-------------*/


.arrowlistmenu
{
	width: 190px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader
{
	/*CSS class for menu headers in general (expanding or not!)*/
	font: bold 19px Times New Roman;
	color: #093D65;
	background: transparent url(titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .openheader
{
	/*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}
.arrowlistmenu ul
{
	/*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li
{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a
{
	color: #FEEF0E;
	background: #3F90AD url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 15px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 0px solid #dadada;
	font: normal 8pt Verdana;
}
.arrowlistmenu ul li a:visited
{
	color: #FEEF0E;
}
.arrowlistmenu ul li a:hover
{
	/*hover state CSS*/
	color: #ffffff;
	background-color: #3F90AD;
}
.arrowlistmenu_active_item
{
	color: #FFFFFF;
	background: #3F90AD url(../assets/arrow.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	height: auto;
	padding: 0;
	padding-top: 7pt;
	padding-bottom: 7pt;
	padding-left: 35px; /* link text is indented 19px*/
	text-decoration: none;
	border-bottom: 0px solid #dadada;
	font: normal 8pt Verdana;
}
/*-----------END NAVIGATION-------------*/

#formular
{
	margin: 0 auto;
	display: block;
	position: relative; /*top: 130px; Set top value to HeightOfFrameDiv*/
	float: left;
	left: 0px;
	top: 10px;
	width: 310px;
	background: #094067;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 0px white;
	text-align: left;
	color: #cccccc;
	font: normal 7pt Verdana;
}
#daten
{
	margin: 0 auto;
	margin-left: 10px;
	display: block;
	position: relative; /*top: 130px; Set top value to HeightOfFrameDiv*/
	float: left;
	left: 0px;
	top: 5px;
	width: 310px;
	background: transparent;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: solid 0px red;
	text-align: left;
	font: normal 8pt Verdana;
	line-height: 11pt;
}
.newsletter_text
{
	line-height: 12pt;
}