/* Allgemeine Anweisungen - Tag-Formatierungen -------------------------------*/
*    { font-family: tahoma, verdana, arial; margin: 0px; padding: 0px; }
html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; background: rgb(255,255,255); }

#headSpace {margin-top:3px}
#head    { width: 920px; text-align: right; font-size: 0.8em; margin-left: auto; margin-right: auto; text-align:center; }
#content { background: url(/fileadmin/sys/hupBgGrau.gif) repeat-x; width: 920px; height: 338px; clear: both; margin-top:3px; margin-left: auto; margin-right: auto; text-align:center; }

#foot    { width: 920px; clear: both;  font-size: 13px; margin-top:-3px; margin-left: auto; margin-right: auto; text-align:center;}
#foot b  { color: #003399; font-size: 13px;}
#foot div { text-align: left; }

#foot a { font-size: 11px; color: black; text-decoration: none;}
#foot a:hover { text-decoration: underline;}

#lang { float: left; margin: 26px 0 0 348px; color: rgb(153,153,153); font-size: 0.7em;}
#lang a { text-decoration: none; color: rgb(153,153,153); font-weight: bold; }

#search { float: right; margin: 25px 38px 0 0; }
#search input { font-size: 0.7em; }
#search input[type=text] { width: 150px; }
#search .searchButton { vertical-align: middle; }

/*--- Beginn --- Styles für HOME --*/
#logo	 { background: url(/fileadmin/sys/homeLogoGr.jpg) no-repeat; width: 169px; height: 103px;  margin: 60px 0 0 50px; float: left; }
#intro	 { width: 200px; margin: 98px 0 0 25px; float: left; }
#intro H1 { font-size: 16px; font-weight: bold; }

#customers { width: 584px; margin: 20px 0 0 300px; font-size: 0.7em; clear: both; color: rgb(0,51,153);}
#customers a { text-decoration: none; color: rgb(0,51,153); }

/*--- Ende   --- Styles für HOME --*/

#navi_top { color: #999; font-size: 10px; margin: 10px 0 10px 5px; float: left; }
#navi_top .bmenu { text-decoration: none; font-size: 10px; color: #999; font-weight: normal; }
#navi_top .bmenu:hover { text-decoration: none; font-size: 10px; color: #666; font-weight: normal; }
#navi_top .bmenu_over { text-decoration: none; font-size: 10px; color: #666; font-weight: normal; }
#datum {font-size: 11px; color: #999; margin: 10px 5px 10px 0; float: right;}

.bgColorAG { background-color: rgb(  0, 51,153); }	/* blau			*/
.bgColorVL { background-color: rgb(255,  0,  0); }	/* rot			*/
.bgColorFL { background-color: rgb(255,  0,102); }	/* maenta		*/
.bgColorVS { background-color: rgb(255,102,  0); }	/* orange		*/

.colorAG { color: rgb(  0, 51,153); }	/* blau			*/
.colorVL { color: rgb(255,  0,  0); }	/* rot			*/
.colorFL { color: rgb(255,  0,102); }	/* maenta		*/
.colorVS { color: rgb(255,102,  0); }	/* orange		*/

.colorTxt { color: rgb(  0,  0,  0); }	/* schwarz		*/
.colorS1  { color: rgb(  0, 51,153); }  /* blau			*/
.colorS2  { color: rgb(153,153,153); }  /* dunkelgrau	*/
.colorS3  { color: rgb(255,255,255); }  /* weiss		*/
.colorS4  { color: rgb(227,227,227); }  /* hellgrau		*/


#portfolio {float: right; margin: 80px 38px 0 0; text-align:left; font-family:tahoma,verdana,arial; }
#portfolio ul { background-color: rgb(255,255,255); list-style: none inside; }
#portfolio ul .gap { width: 8px; height: 235px; float: left; margin: 0; padding: 0; background: rgb( 255,255,255); margin: -25px 0 0 0; }
#portfolio ul .linkAG { width: 140px; float: left; margin: -25px 0 0 0; }
#portfolio ul .linkAG a { height: 236px; background: rgb(0,51,153) url(/fileadmin/sys/homeAG.jpg) no-repeat left bottom; text-decoration: none; color: rgb(255,255,255); font-size: 0.7em; display: block; padding: 8px 0 0 10px;}
#portfolio ul .linkAG a span { font-size: 1.2em; font-weight: bold;}
#portfolio ul .linkAG a:hover { background: rgb(74,104,173) url(/fileadmin/sys/homeAG_mo.jpg) no-repeat left bottom; }
#portfolio ul .linkVL { width: 140px; float: left; margin: -25px 0 0 0; }
#portfolio ul .linkVL a { height: 236px; background: rgb(255,0,0) url(/fileadmin/sys/homeVL.jpg) no-repeat left bottom; text-decoration: none; color: rgb(255,255,255); font-size: 0.7em; display: block; padding: 8px 0 0 10px;}
#portfolio ul .linkVL a span { font-size: 1.2em; font-weight: bold;}
#portfolio ul .linkVL a:hover { background: rgb(233,84,79) url(/fileadmin/sys/homeVL_mo.jpg) no-repeat left bottom; }
#portfolio ul .linkFL { width: 140px; float: left; margin: -25px 0 0 0; }
#portfolio ul .linkFL a { height: 236px; background: rgb(255,0,102) url(/fileadmin/sys/homeFL.jpg) no-repeat left bottom; text-decoration: none; color: rgb(255,255,255); font-size: 0.7em; display: block; padding: 8px 0 0 10px;}
#portfolio ul .linkFL a span { font-size: 1.2em; font-weight: bold;}
#portfolio ul .linkFL a:hover { background: rgb(238,65,142) url(/fileadmin/sys/homeFL_mo.jpg) no-repeat left bottom; }
#portfolio ul .linkVS { width: 140px; float: left; margin: -25px 0 0 0; }
#portfolio ul .linkVS a { height: 236px; background: rgb(255,102,0) url(/fileadmin/sys/homeVS.jpg) no-repeat left bottom; text-decoration: none; color: rgb(255,255,255); font-size: 0.7em; display: block; padding: 8px 0 0 10px;}
#portfolio ul .linkVS a span { font-size: 1.2em; font-weight: bold;}
#portfolio ul .linkVS a:hover { background: rgb(255,142,72) url(/fileadmin/sys/homeVS_mo.jpg) no-repeat left bottom; }

#portfolio ul .linkAG a span.pfeilIntro { float:right; margin-right:8px; margin-top:3px; }
#portfolio ul .linkVL a span.pfeilIntro { float:right; margin-right:8px; margin-top:3px; }
#portfolio ul .linkFL a span.pfeilIntro { float:right; margin-right:8px; margin-top:3px; }
#portfolio ul .linkVS a span.pfeilIntro { float:right; margin-right:8px; margin-top:3px; }


.clear {clear:left;}
#footAktuell {width:590px; float:left;}
#footButton  {width:140px; float:left; margin-left:152px;}

#topnews { margin: 20px 0 20px 4px; font-size: 11px; border: solid 1px #c4c4c4; width:586px}
#topnews a { text-decoration: none; color: rgb(153,153,153); font-size: 11px; }

#topevent { display:block; float:right; width:250px; padding-bottom:10px; padding-top:9px; background: url(/fileadmin/sys/pfeilNormalRechts_bg_grau.jpg) no-repeat right;}
#topevent a {display:block; text-decoration: none; color: #003399; font-size: 11px;}

#hupevents { float: right; margin-top: 72px;}
#hupevents a.eventButton { text-decoration: none; width: 140px; height: 48px; background: url(/fileadmin/sys/homeHUPevents_akt.jpg) no-repeat; display: block; }
#hupevents a.eventButton:hover { background: url(/fileadmin/sys/homeHUPevents_akt_mo.jpg) no-repeat; display: block;}


#hupline { float: right; margin-top: 5px; }
#hupline a { text-decoration: none; width: 140px; height: 48px; background: url(/fileadmin/sys/homeHUPline.jpg) no-repeat; display: block; }
#hupline a:hover { background: url(/fileadmin/sys/homeHUPline_mo.jpg) no-repeat; }


.news-latest-container {font-size: 11px; }
.news-latest-container h2 {background:#e0e0e0 none repeat scroll 0 0; color:#003399; font-size:13px; padding-bottom:10px; padding-left:10px; padding-top:6px; width:576px; }


.news-latest-container .news_latest_item  .news-latest-morelink a { color: #004078; text-decoration: none; }
.news-latest-container .news_latest_item  .news-latest-morelink a:hover { color: #004078; text-decoration: underline; }
.news-latest-container .news_latest_item .news-latest-date a { color: #004078; text-decoration: none; }
.news-latest-container .news_latest_item span .news-latest-date a:hover { color: #004078; text-decoration: underline; }
.news-latest-container .news_latest_item  .news-single-backlink {	font-size: 13px; margin-top: 20px; }
.news-latest-container .news_latest_item .news-single-timedata {	font-size: 11px; color: #ACACAC; text-align:right; }
.news-latest-container .news_latest_item .news-list-date {	font-size: 13px; }
.news-latest-container .news_latest_item  .news-latest-morelink { font-size: 11px; margin-bottom: 8px; }

/* h3 {margin-bottom: 10px;} */
.news-latest-container .news-latest-item {margin: 10px} 
.news-latest-container .news-latest-gotoarchive {margin: 10px}

.news-latest-container .news-latest-item span a { color: #004078; text-decoration: none; font-size: 11px; }
.news-latest-container .news-latest-item h3 { color: #004078; text-decoration: none; font-size: 11px; }
.news-latest-container .news-latest-item h3 A { color: #004078; text-decoration: none; font-size: 11px; }
.news-latest-container .news-latest-item h3 A:hover { color: #004078; text-decoration: underline; }
hr.clearer { display: none; }