/* Styles ETLC */ 

/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}




/* ----------- ETLC Styles  ----------------------- */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	background-image: url(../images/listitem.gif);
	background-repeat: repeat-y;
}

a.external {
    background-image: url(../images/link_extern.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.3em;
}
				
/* ---------------- Layout Container -------------- */			
			
div#container {
	min-width: 800px;
	max-width: 1008px;
	background-color: #fff;
	background-image: url(../images/background-01.jpg);
	background-repeat: repeat-x;
	margin-left:8px;
	position:relative;
	z-index:1000;
	width:auto;
	height:auto;
}

/* ------------------- Header --------------------------*/

div#header {
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	height:100px;
	padding-top: 5px;
	padding-left:5px;
	margin-left:-8px;
	margin-bottom:-12px;
	padding-bottom:12px;
	background-color: #fff;
}

div#print_logo {
	display:none;
	width: 100%;
} 
/*
div#logo {
	background-image: url(../images/logo.gif);
	background-position: 20px;
	background-repeat: no-repeat;
	height: 100px;
}

*/

div#logo h1 {
	text-transform: uppercase;
	font-weight: lighter;
	color: #fff;
	padding-top: 55px;
	padding-left: 120px;	
}

div#logo a {
	text-decoration: none;
}

 img {
	margin-top: 0px;
	
}

/* -------------- ExtraNavigation ------------- */

div#extranav {
	color: #fff;
	position:absolute;
	float: right;
	right: 25px;
	top:0px;
	}

div#extranav ul {
	display: block;
	float: left;

}

div#extranav ul li {
	width: 100px;
	text-align: center;
	background-color: #00114a;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #fff;
	float: left;	

}

div#extranav ul li a {
	border-right: 1px solid #fff;
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

div#extranav ul li a.active {
	background-color: #004494;
	margin-top: -3px;
	margin-bottom: -3px;	
	padding-top: 3px;
	padding-bottom: 3px;
}

div#extranav ul li a.right {
	border: none;
}

div#extranav ul li a:hover {
	display: block;
	/* background-color: #004494; */
	text-decoration: none;
}

div#extranav form {
	margin-top: 3px;
	padding: 0px;
	float: left;
	}
	
div#extranav input.search{
	color: #004494;
	font-size: 82%;
	height: 12px;
	width: 80px;
	padding-left: 10px;
	border: 1px solid #bcc0c9;
	float: left;
}
	
div#extranav form input.senden {
	float: left;
	border: 1px solid #bcc0c9;
}
 

/* ----------- TopNavigation --------- */

div#topnav {
	color: #fff;
	position:absolute;
	right:25px;
	top:98px;

	}

div#topnav ul {
	display: block;
}


div#topnav ul li  {
	width: 85px;
	text-align: center;
	background-color: #00114a;

	margin-left: 3px;
	color: #fff;
	float: left;
}
div#topnav ul li a {
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
	color: #fff;
	text-decoration: none;
}

div#topnav ul li a:hover {
		display: block;
		background-color: #004494;
		text-decoration: none;
}

div#topnav ul li a.active {
		background-color: #004494;
}


/* ------- Elements ------------ */

div#languages {
	/* position: absolute;
	top: 20px;
	right: 20px;
	*/
	float: right;
	margin-right: 10px;

	
}

div#languages a {
	text-decoration: none;
}

div#languages a img {

	border: 1px solid #fff;		
}

div#languages a img.active {
	border: 1px solid #999999;		
}

div#languages a:hover {
}

div#breadcrumb {
	float: left;
	margin-bottom: 0px;

}

div#breadcrumb h3 a {
	color: #333;
	text-decoration: none;
}

div#breadcrumb h3 a:hover {
	text-decoration: underline;
}



/* ------------------ Wrapper ------------------ */

div#wrapper {
	margin-top: 15px;
	position:relative;
	float:left;
	width:100%;
}




/* ------------------ Content ------------------ */ 


div#content {
	position: relative;
	margin-left: 230px;
	margin-right: 140px;
	background-color: #fff;
	overflow:hidden;
}
	


div#content {
	line-height:1.6
}

	
div#content_top {
	position:relative;
	top: 0px;
	background-color: #fff;

	padding-bottom: 0px;
	float:left;
	width: 100%;
}

div#content_top h3 {
	padding-top: 10px;
	margin-left: 23px;
	padding-bottom: 0px;
	color: #333;
}


	
div#content_left {
	/*
	margin-left: 7px;
	margin-top: 0px;

	position: relative;
	top: 0px;
	left: 15px;
	*/
	float: left;
	width: 91%;
	margin-bottom: 50px;
	margin-right: 15px;
	padding: 15px 15px 20px 15px; 
	background-color:#e3e3e5;
	margin-left: 20px;


}	

div#content_left h1, div#content_right h1 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;

	padding-bottom: 15px;
	text-transform: uppercase;
	
}


div#content_left h2, div#content_right h2 {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
	
}


div#content_left h3, div#content_right h3, div#content_left h4, div#content_right h4,
div#content_left h5, div#content_right h5, div#content_left h6, div#content_right h6 {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	
}


div#content_left p, div#content_right {
	color: #333;
}

div#content_right {
	margin-left: 5px;
	margin-top: 50px;
	float: left;
	width: 45%;
	background-color:#f3f4f4;
}	

div#content_bottom {
	margin-left: 5px;
	margin-top: 20px;
	padding: 10px;
	float: left;
	background-color:#edecec;
	float: left;
	width: 92%;

}

div#content_bottom ul li {
	padding: 0px;
	margin: 0px;
}

div#content_bottom ul li a {
	color: black;
	text-decoration: none;	
}

div#content_bottom ul li a:hover {
	color: #fff;
	text-decoration: none;	
}

#content div.headerclass, div.headerclass {
	display:none;
	/*
	color: #c03;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
   margin-bottom: 5px;
   */
}

div#content p {
    margin-bottom: 1em;
}

div#content ul {
	list-style: disc;
	margin-top: 7px;
	padding-bottom: 3px;
}

div#content ul li {
	margin-bottom: 3px;
	margin-left: 25px;

}

div#content a, div#content ul li a, div#content ul li a:visited {
	text-decoration: none;
	color: #004494;

}

div#content a:hover, div#content ul li a:hover{
	text-decoration: underline;
	color: #004494;

}

div#content ol {
	list-style: decimal;
	margin-left: 25px;
	margin-right: 5px;
}

/*  -------------- Navigation ------------- */

div#navigation {
	margin-top: 65px;
	position:relative;
	float:left;
	width:230px;
	margin-left:-100%;

}

div#navigation ul {
	position: relative;
	margin-left: 10px;
	padding-right: 5px;

}

div#navigation ul li {
	margin-top: 15px;
}

div#navigation ul li a {
	display: block;
	padding-left: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #004494;
	background-image: url(../images/listitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;	
}



div#navigation ul li a:hover, div#navigation ul li a.active {
	background-image: url(../images/listitem_hi.gif);
	background-repeat: no-repeat;	
}




div#navigation ul li ul li a {
	background-image: none;
	text-decoration: none;
	text-transform: none;
	color: #307a9f;
}

div#navigation ul li ul li a:hover {
	background-image: none;
	color: #0B4DA1;
}

div#navigation ul li ul li a.active {
	background-image: none;
	color: #0B4DA1;
	font-weight: bold;
}

div#navigation ul li a:hover {
	background-image: url(../images/listitem_hi.gif);
	background-repeat: no-repeat;
	
}

div#navigation ul li ul li {
	margin-top: 7px;
	margin-left: -10px;
}

div#navigation ul li ul li ul li {
	margin-top: 5px;
	margin-left: 0px;

}


/* --------------- Extra ---------------- */


div#extra{
	margin-top: 15px;
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 0px;
	position:relative;
	float:left;
	margin-left:-140px;
}





/* news box */

div.newsbox {
	border: 1px solid #004494;
	float: left;
	width: 94.5%;
	margin-left: 20px;
	background-color: #E3E3E5;
	margin-bottom: 10px;
	padding: 2px 5px 7px 0px;
}

div.newsbox h3, div.newsbox h4, 
div.newsbox h5, div.newsbox h6 {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	
}


div.newsitem {
	border-bottom: 1px solid #004494;
	width: 98%;
	float: left;
	margin-top: 5px;
}

div.newsbox .newsitem {
    border: none;
    margin-left:2em;
}



div.newsitem div.newsdate {
	float: left;
	color: #004494;
	margin-right: 40px;

	
}

div.newsbody {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 80%;
	}


div.newstext {
	margin: 0px;
	padding: 0px;

}

div.newstext h1, div.newstext h2, div.newstext h3, div.newstext h4, div.newstext p {
	margin-top: 0px !Important;
}

div.newstext div.linkcontent a {
	color: red;

}


/* --------------- Extra ---------------- */





div#extra{
	margin-top: 15px;
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 0px;
	position:relative;
	float:left;
	margin-left:-276px;
}




/* news box */

div#extra div.news {
	border: 1px solid #004494;
	width: 230px;
	margin-bottom: 20px;
	background-color: #
}


/* --------------- Extra ---------------- */


div#extra{
	margin-top: 15px;
	padding-top: 30px;
	padding-left: 0px;
	margin-left:-138px;
	position: relative;
	top: 0px;
	left: 5px;

}

/* Right feature boxes */

div#extra div.feature  {
	color: #004494;
	background-color: #fff;
	background-image: url(../images/extra_background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#extra div.feature.withtitle {
	border: 1px solid #004494;
    width:120px;
}

div#extra div img {
	border: 1px solid #004494; 
    margin-bottom: 10px;   
}
div#extra div.feature.withtitle img {
	border: none;    
}
div#extra div p {
	color: #004494;
	font-weight:bold;
	margin: 10px 5px 20px 10px;
}



/* news box */

div#extra div.news {
	border: 1px solid #004494;
	width: 120px;
	margin-bottom: 10px;
	background-color: #e3e3e5;

}

div#extra div.news h1, div#extra div.news h2 {
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #004494;
	color: #fff;
}
div#extra div.news h3 {
	color: #004494;
	font-weight: bold;
	margin: 10px 5px 20px 5px;

	
}
div#extra div.news p {
	color: #333;
	margin: 10px 5px 20px 10px;

}

div#extra div.line {
	border-top: 2px solid #fada00;

}


/* ------- Footer ---- */


div#footer{
	margin-top: 20px;
	padding-top: 10px;
	background: #E4E4E4;
	color: #333;
	clear:left;
	width:100%;
	height: 20px;
}

div#footer p {
	text-transform: uppercase;
	font-size: 0.8em;
	margin:0;
	padding: 10px 15px 10px 5px;
}

div#footer ul {
	float: right;
	margin-right: 200px;
	display: block;	
}

div#footer ul li {
	float: left;
	padding-left: 20px;
}


/* Content */

#content a.filelink {
   text-decoration: none;

	padding: 0 0 0 2em;
	background-image: url(../++resource++styleimages-icons/filelink.gif);
   background-position: left 2px;
   background-repeat: no-repeat;
}

#content a.filelink:hover {
   text-decoration: none;
}

#content a.filelink span.underline {
   text-decoration: none;
}

#content a.filelink:hover span.underline {
   text-decoration: underline
}

/* Text formatting */

strong {
	font-weight: bold;
}
em {
	font-style: italic;

}

#container #content div.co h2.languagesection {
    padding-left:2em;
    padding-top:1em;
	border: 1px solid #999999;
    border-bottom: none;
}

div.linkcontent {
    display: block;
    padding-top: 0px;
	padding-left:0px;
	padding-bottom: 10px;
	    
}


div.linkcontent a {
    color:#004494;
    text-decoration:none;    
}
div.linkcontent p {
    margin-left:0px;
}

/* link box style */
div.linkcontent  div.link-line {
	margin-left: 70px;
	margin-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e1c1;
	
}
div.linkcontent .languagefile div.link-line img.link  {
	float: left;
	padding-top: 3px;
	
}

div.linkcontent  div.link-line a {
	margin-left: 12px;
}

div.linkcontent div.link-line p  {
		margin-left: 30px;
}

/* file box style */

#content .download  .link-line {
	margin-left: 70px;
	margin-right: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e1c1;

}





div .download .languagefile a {
	border: 1px solid red;
}

div.download  .link-line img  {
	float: left;
	padding-top: 3px;

	
}

div.download  .link-line a {
	margin-left: 15px;
	float: left;
}




div.download  .link-line span.fileinfo {
	color: #666;
	margin-left: 0px;

}



div.languagebox  h2 {
	margin-top: 7px !important;
	margin-left: 10px;
	color: #004494 !important;
	font-weight: bold;
	text-transform: uppercase !important;

}

#content .download {
    margin-bottom: 0.5em;
}

#content .download span.descr, #content .download span.fileinfo {
    padding-left:0em;
	padding-right: 0px;

}

#content .download span.descr, #content .download span.fileinfo span span {

	margin-left: 4px;
}

#content .download p.ddescription {
    padding-left: 2em;
	padding-top: 3px;
}

#content .download span.descr {
    display:block;
    clear:both;
    padding-left: 30px;
}

#content .download p.ddescription img {
    display:block;
    float:left;
    padding-left: 2em;
}

#content .download p.ddescription a, #content .download p.ddescription a:visited {
    display:block;
    float:left;
    width:100%;
    padding-left: 2em;
}

#content .download a.downloadtitle {
	margin-left: 7px !important; 
	padding-left: 0px;
	float: left;
	width: 50%;
}




div.download .link-line a.downloadbutton {
		border: 1px solid #cecece;
		float: right;
		background-image: url(../images/download.gif);
		background-repeat: no-repeat;
		background-position:  5px;
		width: 80px;
		text-align: right;
		padding: 1px 4px 1px 4px;
		background-color: #fff;
}

div.linkcontent a.linkbutton {
		border: 1px solid red;
		border: 1px solid #cecece;
		float: right;
		background-image: url(../images/link.gif);
		background-repeat: no-repeat;
		background-position:  5px;
		width: 80px;
		text-align: right;
		
		padding: 1px 4px 1px 4px;




}

div.newslink div.linkcontent a.linkbutton {
	visibility: hidden;
}

div.link-line a.linkheadline {

	width: 80px; !important
	float: left;
	

} 


/* document download */
#content a.filelink.doc {
	background-image: url(../++resource++styleimages-icons/filelink_doc.gif);
}

/* pdf download */
#content a.filelink.pdf {
	background-image: url(../++resource++styleimages-icons/filelink_pdf.gif);
}

#content a.filelink.xls {
	background-image: url(../++resource++styleimages-icons/filelink_xls.gif);
}

#content a.filelink.zip {
	background-image: url(../++resource++styleimages-icons/filelink_zip.gif);
}




#content a.filelink.ppt {
	background-image: url(../++resource++styleimages-icons/filelink_ppt.gif);
}

#content a.filelink.img {
	background-image: url(../++resource++styleimages-icons/filelink_img.gif);
	float: left;
}

#content a.filelink.audio {
	background-image: url(../++resource++styleimages-icons/filelink_audio.gif);
}

#content a.filelink.video {
	background-image: url(../++resource++styleimages-icons/filelink_video.gif);

}



/* zentrieren der bilder */
#content table.portalrow .box div.center,
#content div.box div.center {
   width: 100%;
   float: none;
   clear: both;
   text-align: center;
}

#content table.portalrow .box img.center,
#content div.box img.center {
   float: none;
}



/* bildunterschrift mit kleinerer schrift */
#content div.box .imagebox p.imagecaption,
#content div.box .imagebox p.imagepublisher,
#content table.portalrow .box p.imagecaption,
#content table.portalrow .box p.imagepublisher {
   font-size: 0.9em;
   margin-bottom: 0;
}

#content div.box .imagebox p.imagecaption {

	}




#content_left  p.imagepublisher  {
	text-transform: uppercase;

	margin-left: 0px;

}


/* /bildunterschrift mit kleinerer schrift */

#content div.box p.small, .small {
   font-size: 0.8em;
}

/* bildboxen im inhaltsbereich */
#content div.imagebox,
div.imagebox {
   padding: 15px;
   margin: 15px;
   background-color: #fff;   
}

#content div.imagebox a img, div.imagebox a img, a img, #content a img {
    border: none;
}

#content div.imagebox.right, div.imagebox.right {
   margin-right: 0;
   float: right;
   padding-right: 20px;
   margin-left: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   
}

#content div.imagebox.right p{
	color: #333;
	padding-left: 5px;
}


#content div.imagebox.left, div.imagebox.left {

   float: left;
   margin-left: 0;
   padding-right: 10px;
   margin-right: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   

}

#content div.imagebox.center, div.imagebox.center {
   margin-left: auto;
   margin-right: auto;
   float: none;
}

#content div.box div.imagebox img, div.imagebox img {
    margin: 0; padding: 0; border: 0;
    margin-bottom: 7px;
}

/* workaround, falls die bildbox zu breit ist, damit der text nicht
   daneben steht, sondern unterhalb des bildes */
#content div.box div.imagebox img {
   float: none;
}
/* ANDY: Das ist nur vorläufig, hier fehlen die Styles */
#content img.left {
    float:left;
    margin-right:1em;
}
#content img.right {
   margin-left: 7px;
   margin-right: -7px !important;
   float: right; 
   }
/* ver.di-Standard-Tabellen */
#content table.verditable,
#content table.darkalt,
#content table.alt,
#content table.std {
   table-layout: auto;
   border: none;
   border: 1px solid #E3E3E3;
   border-bottom: none; border-right: none;
}

#content table.verditable td.head,
#content table.darkalt td.head,
#content table.alt td.head,
#content table.std td.head {
   font-weight: bold;
}

#content table.verditable th, #content table.verditable td,
#content table.darkalt th, #content table.darkalt td,
#content table.alt th, #content table.alt td,
#content table.std th, #content table.std td {
   vertical-align: top;
   text-align: left;
   padding: 3px;
   border-bottom: 1px solid #E3E3E3;
   border-right: 1px solid #E3E3E3;
}

#content table.verditable th, #content table.verditable td.head, #content table.verditable tr.even td.head, #content table.verditable tr.odd td.head,
#content table.darkalt th, #content table.darkalt td.head, #content table.darkalt tr.even td.head, #content table.darkalt tr.odd td.head,
#content table.alt th, #content table.alt td.head, #content table.alt tr.even td.head, #content table.alt tr.odd td.head,
#content table.std th, #content table.std td.head, #content table.std tr.even td.head, #content table.std tr.odd td.head {
   background-color: #E3E3E3;
}

#content table.verditable td,
#content table.darkalt td,
#content table.alt td,
#content table.std td,
#content table.std td.even, #content table.std th.even,
#content table.std td.odd, #content table.std th.odd {
   background-color: #fff;
}

#content table.darkalt th {
   background-color: #E3E3E3;
}

#content table.darkalt tr.odd td {
   background-color: #fff;
}

#content table.darkalt tr.even td, #content table.darkalt th.even {
   background-color: #d7dfe1;
}

#content table.alt tr.even td, #content table.alt th.even, #content table.verditable tr.even td  {
   background-color: #eff0f2;
}
/* /ver.di-Standard-Tabellen */

/* ausrichtungen innerhalb von tabellen. */
#content table.alt td.left,
#content table.darkalt td.left,
#content table.std td.left {
   text-align: left;
}

#content table.alt td.center,
#content table.darkalt td.center,
#content table.std td.center {
   text-align: center;
}

#content table.alt td.right,
#content table.darkalt td.right,
#content table.std td.right {
   text-align: right;
}
/* /ausrichtungen innerhalb von tabellen. */

#content table {
	border:0;
}

#content td, 
#content th {
	vertical-align: top;
}





/* zentrieren der bilder */
#content table.portalrow .box div.center,
#content div.box div.center {
   width: 100%;
   float: none;
   clear: both;
   text-align: center;
}

#content table.portalrow .box img.center,
#content div.box img.center {
   float: none;
}


/* /zentrieren der bilder */

/* bildunterschrift mit kleinerer schrift */
#content div.box .imagebox p.imagecaption,
#content div.box .imagebox p.imagepublisher,
#content table.portalrow .box p.imagecaption,
#content table.portalrow .box p.imagepublisher {
   font-size: 0.9em;
   margin-bottom: 0;
   text-align: left;

}



/* text- und flashboxen im inhaltsbereich */
#content div.textbox, div.textbox {
   border: 1px solid #9e9e9e;
   background-color: #fff;
   padding: 0px 10px 10px 15px;
   text-align: left;
   margin-top: 0px;
   margin-bottom: 10px;
   padding-bottom: 15px;

}


#content div.textbox.highlight {
	background-color: #cccccc;
}


#content div.textbox h1, #content div.textbox h2, #content div.textbox h3, #content div.textbox h4 {
	margin-top: 20px;
	margin-left: -15px;
	margin-right: -10px;
	padding: 0px 10px 8px 15px;
	text-transform: none;
	color: #004494;
	border-bottom: 1px solid #ede4a3;
}

#content div.textbox h1 {
	text-transform: uppercase;
}

#content div.textbox h3, #content div.textbox h4 {
	font-weight: normal;
}

#content div.textbox p {
	margin-top: 7px;
	margin-left: 0px

}

#content div.textbox ul {
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 15px;
}
#content div.textbox ul li {
	list-style-image: url(../images/listitem_hi.gif);
}
#content div.textbox.highlight ul li {
	list-style-image: url(../images/listitem.gif);
	list-style-position: center;
}

#content div.textbox h1, #content div.textbox h2, #content div.textbox h3, #content div.textbox h4 {
		border-bottom: none;
}


#content div.flashbox {
   margin: 7px 0;
}
#content div.textbox.none, div.textbox.none,
#content div.flashbox.none, div.flashbox.none {
   margin-top: 7px;
   margin-bottom: 7px;
}

#content div.textbox.fcenter, div.textbox.fcenter,
#content div.flashbox.fcenter, div.flashbox.fcenter {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
}

#content div.textbox.fleft, div.textbox.fleft,
#content div.flashbox.fleft, div.flashbox.fleft {
   float: left;
   margin-right: 15px;
   margin-top: 0px;
}

#content div.textbox.fright, div.textbox.fright,
#content div.flashbox.fright, div.flashbox.fright {
   float: right;
   margin-left: 10px;
   margin-top: 0px;
}




/* service funktionen am fuss der seite */

div#contentf div#contentfooter li {
   font-size: 0.7em;
	float: right;
	margin-left: 9px;
}
 div#contentfooter li a
{ text-decoration: none; color: #333; display: block;
}

div#contentfooter li .changedate {
	color: #999; display: block; margin-right: 7px;
}

a.top { padding-left: 12px; background: transparent url(../++resource++styleimages-icons/top.gif) no-repeat 0 3px; }
a.recommend { padding-left: 17px; background: transparent url(../++resource++styleimages-icons/sendmail.gif) no-repeat 0 4px; }
a.print { padding-left: 14px; background: transparent url(../++resource++styleimages-icons/print.gif) no-repeat 0 3px; }

/* /service funktionen am fuss der seite*/


/* Eigene Styles für content */

div.textbox {
	border: 1px solid #0B4DA1;
	background-color: #fff;

}


h2.section {
	margin-bottom: 10px;
	border-top: 1px solid #999999;

}

h2.section a, h2.section a:active {
	font-size: 0.9em;
	color: #0B4DA1;
	text-decoration: none;
}


table.portalrow td {
		overflow: hidden;

}

table.portalrow td.w50 img {  
	/*max-width: 100%;*/
	overflow: hidden;
}

table.portalrow td.whitespacer {
    width: 4%;
	background-image: url(../images/whitespacer.gif);
	background-repeat: repeat-y;
	background-position:center;
}
table.portalrow td.w50 {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 10px;
	width: 30%;
	border-top: 1px solid #fff;
	
}

div.download a, div.download a:visited {
	color: #004494;
	text-decoration: none;
}

div.subitem {
    border-top: 1px solid #999;
    margin-bottom: 1em;
}

/* Contact Form */

div.contact {

	background-color: #fff;
	padding: 20px;
}

form.edit-form input {
	background-color: #e3e3e5;
	border: 1px solid #004494;
}



div input #form.sender_name {
	float: right;
	width: 100%;
}

form.edit-form input #form.action {
	margin: 10px;
}


form.edit-form label {
	color: #004494;
	font-size: 90%;
	padding-bottom: 15px;
} 

form.edit-form textarea {
	background-color: #e3e3e5;
	border: 1px solid #004494;
	color: #004494;
	margin-top: 2px;

}

form.edit-form div.row div.field input {
	width: 60%;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #004494;

}

form.edit-form span.actionButtons input {
	margin-top: 10px;
	width: 80px;
	color: #004494;
	border: 1px solid #004494;
	padding: 1px;
	width: 80px;
	height: 20px;
	margin-left: 2px;
}	


form.searchform {
	float: left;
	width: 98%;
}

form .searchinput {
	float: left;
	width: 50%;


}


form.searchform {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	border-bottom: #004494;


}

form.searchform .label label {
	color: #004499;


}

form.searchform input.searchinput {
	color: #004494;

	
}

form .searchbutton {
	float: left;
	color: #004494;
	border: 1px solid #004494;
	padding: 1px;
	width: 80px;
	height: 20px;
	margin-left: 2px;
		background-color: #E3E3E5;
}

div.searchresult {
	background-color: white;
}

div.result  {
	border-top: 2px solid #e3e3e5;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
div.result strong {
	float: left;

	
}
div.result a {
	color: #004494;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
div.result a:hover {
	font-weight: bold;
}

/* Longin Form */

form #formbox {
	background-color: #fff;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 10px;
	color: #004494;


}

form #formbox legend.displayed {
	display: none;
}




form #formbox div.formrows input {
	margin-top: 5px;
	margin-bottom: 20px;

	border: 1px solid #004494;
	color: #004494;
	background-color: #E3E3E5;
	float: left;
}



div.formcolelem input {
	width: 200px;
	float: left;
}

form #formbox input.button {
	width: 80px;
	margin-top: 20px;
	float: left;
	background-color: #E3E3E5;
}

div.languagebox {
    border: 1px solid #9c9c9c;
	padding: 0px;
	background-color: #fff;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-bottom: 15px;
	
	
}

#content_left div.languagebox h2 {
    color: #004494;
    text-transform:none;
}

div.languagebox div.boxelement {
    border-bottom: 1px solid #fff;
}

#groupsnav {
	margin-top: 20px;
    border-top: 3px solid #fff;
	margin-bottom: 30px;
}

#groupsnav h2 a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background-color: #f4ca13;
	display: block;
	height: 18px;
	background-image: url(../images/schloss.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
	padding-top: 9px;
	margin-bottom: 12px;
}
div#navigation #groupsnav ul {
	margin-left: 13px !important;
	margin-top: 5px !important;
	
}


div#navigation #groupsnav ul li  {
	margin-top: px !important;

}

div#navigation #groupsnav ul li ul a {
	margin-left: 10px !important;


}


div#navigation #groupsnav ul li a {
	background-image: none !important; 
	color: #597aad;		
}

div#navigation #groupsnav ul li a.active {

	color: #004494;	
}

/* news */
span.date {
	height: 50px;
	margin-right: 20px;
}

#content div.newsticker {
	border: 1px solid #004494;
	float: left;
	width: 94.5%;
	margin-left: 20px;
	background-color: #E3E3E5;
	margin-bottom: 10px;
	padding: 2px 5px 7px 0px;
	overflow: hidden;
}

div.newsticker h2 {
	margin-left: 16px;
	padding-left: 0px;
	color: #004494;	
	font-weight: bold;
	margin-bottom: -7px;
	font-size: 1.2em;
}

div.newsticker ul.newslist {
	margin-left: -10px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: -10px; !important
}

div.newsticker ul.newslist li {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;	
}

div.newsticker ul.newslist span {
	font-weight: bold;
	margin-right: 5px;
	color: #004494;
}

div a.rss {
	display: block;
	float: left;
	background-image: url(../images/rss.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 20px;
	
	padding-top: 10px;
}


img.link {
	float: left;
	margin-top: 4px;
}
