/* ********************************************************************************************************** */

/* Rueckgrat CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2006, Piccobello */

/* ********************************************************************************************************** */

/*	**************************************
	GENERAL
	************************************** */
	
@import "general.css";


/*	**************************************
	CONTAINER
	************************************** */
	
#pageContainer {
	/* Zentrierung des kompletten Inhalts inklusive Header und Footer*/
	position: relative;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#contentContainer {
	/* Container des kompletten Inhalts */
	position: relative;
	background: #FFFFFF;
	width: 758px;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
}

div.left_contentContainer {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	width: 571px;
	/*border: 1px solid green;*/
}

div.right_contentContainer {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: right;
	width: 177px;
	/*border: 1px solid green;*/
}

/*	**************************************
	PAGE CONTENT
	************************************** */
	
.pageContent { 
	position: relative;
	width: 551px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

.greyContent {
	position: relative;
	background-color: #EDEDED;
	border-top: 1px solid #FFFFFF;
	padding: 10px 10px 10px 10px;
}

.defaultContent {
	position: relative;
	background: transparent;
}


/*	**************************************
	PAGE HEADER
	************************************** */
	
.pageHeader {
	/* Container fŸr Header-Inhalt */
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

.pageHeader table.fitnesscenter {
	/* Container fŸr Header-Inhalt */
	height: 34px;
	width: 100%;
	padding: 0px;
	margin: 1px 0px 0px 0px;
	background: #99A09A url(../img_style/schraffur_CCD0CD.gif) repeat top left;
}

.pageHeader h1 {
	margin: 1px 0px 0px 10px;
	color: #FFFFFF;
}

.pageHeader div.grid {
	/* Container fŸr Header-Inhalt */
	position: absolute; top: 39px; left: 0px; z-index: 3;
	width: 152px; height: 138px;
	background: url(../img_style/header_grid.gif) no-repeat top left;
}


/*	**************************************
	PAGE FOOTER
	************************************** */
	
#pageFooter {
	/* Container fŸr Footer-Inhalt */
	clear: both;
	position: relative;
	background-color: #EDEDED;
	display: block;
	
	width: 738px;
	height: 14px;
	padding: 11px 10px 9px 10px;
	
	font-size: 0.95em;
	text-align: left;
}



/*	**************************************
	MAIN NAVIGATION
	************************************** */

#mainNavi {
	/* Sub-Container fŸr das HauptmenŸ */
	position: relative;
	width: 177px;
	overflow: hidden;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
}

#mainNavi div.menuheadliner {
	position: relative;
	width: 177px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../img_style/headliner_menu.gif) no-repeat;
}

#mainNavi div.menufooter {
	position: relative;
	width: 177px;
	height: 9px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../img_style/footer_menu.gif) no-repeat;
}

#mainNavi ul { 
	margin-left: 0px;
	margin-top: 0px; 
	/*Just for Mozilla*/
	padding-left: 0; margin-bottom: 10px; list-style-type: none;
}

#mainNavi li { 
	font-weight: bold;
	margin-left: 0px;
}

#mainNavi a { 
	display: block;
	padding: 2px 5px 2px 23px;
	width: 149px;
	/* w\idth: 160px; \widht: 175px; Internet Explorer hack*/
	background-color: transparent; border-bottom: 1px solid #FFFFFF; line-height: 15px;
	color: #AD3672; text-decoration: none;
}

#mainNavi a img { 
	display: block;
	margin: -2px 0px -2px -10px;
	background-color: transparent; border-bottom: none; line-height: 0px;
	text-decoration: none;
}

#mainNavi a.activated {
	color: #389FA9;
	background: #F2F2F2 url(../img_style/icon_selected_gruen.gif) no-repeat 5px center;
}

#mainNavi a:hover { 
	color: #AD3672;
	background: transparent url(../img_style/icon_link.gif) no-repeat 9px center;
	text-decoration: underline;
}

#mainNavi a:hover.activated { 
	background: transparent url(../img_style/icon_selected_gruen.gif) no-repeat 5px center;
}

/*	**************************************
	SONDER NAVIGATION
	************************************** */

.navigationsBlock {
	position: relative;
	background-color: #EDEDED;
	background-image: url(../img_style/schraffur_CCD0CD.gif);
	background-repeat: repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -1px 0px;
}

.navigationsBlock .leftNavi {
	position: relative;
	width: 60%;
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.navigationsBlock .rightNavi {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.navigationsBlock .naviBlock a {
	position: relative;
	background: #EDEDED;
	float: left;
	
	color: #AD3672;
	text-align: center;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin: 0px -1px 0px 0px;
}

.navigationsBlock .naviBlock a:hover {
	background: #AD3672;
	color: #FFFFFF;
	text-decoration: none;
}

.navigationsBlock .textBlock {
	position: relative;
	float: left;
	
	font-weight: bold;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}

/*	**************************************
	SUCHE
	************************************** */
	
#search {
	/* Sub-Container fŸr den Kalender */
	position: relative;
	width: 177px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	color: #32A7BA;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#search div.featurecontent {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 8px 8px 1px 8px;
	width: 161px;
	background-color: #F2F2F2;
}

#search div.featureheadliner {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 177px;
	height: 19px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	background: #FFFFFF url(../img_style/headliner_feature.gif) no-repeat;
}

#search div.featurefooter {
	position: relative;
	width: 177px;
	height: 8px;
	margin: -0px 0px 0px 0px;
	padding: 0px;
	background: #FFFFFF url(../img_style/footer_feature.gif) no-repeat;
}

/*	**************************************
	KALENDER
	************************************** */

#calendar {
	/* Sub-Container fŸr den Kalender */
	position: relative;
	width: 177px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	color: #32A7BA;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#calendar div.featureheadliner {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 177px;
	height: 19px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	background: #FFFFFF url(../img_style/headliner_feature.gif) no-repeat;
}

#calendar div.featurefooter {
	position: relative;
	width: 177px;
	height: 9px;
	margin: -0px 0px 0px 0px;
	padding: 0px;
	background: #FFFFFF url(../img_style/footer_feature.gif) no-repeat;
}

#calendar div.time {
	position: relative;
	width: 175px;
	height: 14px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	background-color: #F2F2F2;
}

#calendar table, #calendar div.time {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}


#calendar th {
	height: 18px;
	color: #FFFFFF;
	background-color: #32A7BA;
}

#calendar td.extern {
	height: 18px;
	color: #BFBDBD;
	background-color: #DEDCDC;
}

#calendar td.intern {
	height: 18px;
	background-color: #F1F1F1;
}

#calendar td.intern.heute {
	height: 18px;
	color: #FFFFFF;
	background-color: #F19719;
}

#calendar td.intern.hint, #calendar td.intern.heute.hint {
	background-image: url(../img_style/schraffur_FDC2E9.gif);
	background-repeat: repeat;
}


/*	**************************************
	GALLERY
	************************************** */
div.galerieThumbs {
	float: left;
}

div.galerieThumbs a {
	float: left;
	display: block;
	width: 90px;
	margin: 0px 1px 1px 0px;
	padding: 8px;
	border: 1px solid #EDEDED;
	text-align: center;
	background: #EDEDED;
}

div.galerieThumbs a:hover {
	border: 1px solid #AD3672;
}

div.galleryContent {
	position: relative;
	background-color: #EDEDED;
	background-image: url(../img_style/schraffur_FFFFFF.gif);
	background-repeat: repeat;
	background-position: top left;
	border-top: 1px solid #FFFFFF;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

/*	**************************************
	PORTAL
	************************************** */
#portal {
	position: relative;
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.portalPic {
	position: relative;
	width: 284px;
	margin: 0px 1px 1px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.centerBlock {
	position: relative;
	margin: 0px 1px 1px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	float: left;
}

div.centerBlock a {
	display: block;
	width: 264px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background-color: #3DA5B7;
	background-image: url(../img_portal/portalcorner_small.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

div.centerBlock img {
	width: 40px;
	margin: 0px 10px 0px 0px;
	float: left;
}

div.centerBlock .centername {
	font-size: 13px;
}

div.centerBlock a:hover {
	background-color: #AD3672;
	color:#FFFFFF; 
	text-decoration: none;
}

div.myMap {
	position: absolute; z-index: 1; top: 0px; left: 285px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 284px;
	height: 284px;
	clear: both;
}

.pointer a {
	width: 8px;
	height: 8px;
	background-image: url(../img_style/dot_blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.pointer a:hover {
	background-image: url(../img_style/dot_bordeaux.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/*	**************************************
	ALERT FENSTER
	************************************** F24200*/

.alert {
	background: #D8481C url(../img_style/alert_bg.gif) repeat-x -9px 0px;
	padding: 34px 10px 10px 10px;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 10px;
}

/*	**************************************
	ADMINNAVIGATION
	************************************** */

.adminNavi {
	width: 542px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.adminNavi.atline {
	margin: 4px 0px -3px 0px;
}

.adminNavi .leftlink{
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.adminNavi .rightnavi{
	text-align: right;
	float: right;
}


.adminNavi a img { 
	border: 1px solid #6C6F70 /*#63B3D4*/;
	vertical-align: bottom;
	text-align: center;
	background-color: #87C9E4 /*#DFF0F6*/;
}

.adminNavi a:hover img { 
	background-color: #FF0000;
}

/*	**************************************
	UNTERMENUES
	************************************** */
	
.tab {
	width: 170px;
	padding: 3px 4px 2px 4px;
	margin: 0px 4px 0px 0px;
	float:left;
	background: #E2E2E2 url(../img_style/corner_right.gif) no-repeat 166px 0px;
	font-size: 0.95em;
	text-align: center;
	border-bottom: none;
}

.tab.activated {
	background-color: #C8E9F4;
	border-bottom: 2px solid #C8E9F4;
}

.tab.activated a {
	color: #FF0000;
}

.fileCardBottom {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 6px;
	background: #C8E9F4;
}

.submenu {
	position: relative;
	margin: -1px 0px 0px 0px;
	background-color: #DFF0F6;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFFFFF;
	font-size: 0.95em;
}

.submenu.admin {
	background-color: #C8E9F4;
}

.submenu p, .submenu.admin p {
	margin: 0px 0px 2px 0px;
}

.submenu select {
	margin-right: 8px;
}

/*	**************************************
	FORMULARE
	************************************** */


.cmsForm {
	width: 531px;
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #FFFFFF;
	background-color: #E9E9E9;
}

.cmsForm.admin {
	background-color: #C8E9F4;
}

.cmsForm.headgrey {
	background-color: #CCCCCC;
}

.cmsForm p, .cmsForm.admin p{
	margin: 2px 0 2px 0;
}

.cmsForm div.inputleft {
	position: relative;
	float: left;
	width: 261px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.inputright {
	position: relative;
	float: right;
	width: 261px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.whitefield {
	position: relative;
	background-color: #FFFFFF;
	width: 500px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

.cmsTrenner {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FF0000;
	height: 1px;
	overflow: hidden;
	clear: both;
}

.contact { color: #28919A; }


/*	**************************************
	POLL
	************************************** */
#poll {
	position: relative;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#poll .frage {
	font-size: 12px;
	font-weight: bold;
	background-color: #32A7BA;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

#poll .antwort, #poll .deadline {
	background-color: #E9E9E9;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}


/*	**************************************
	ARTIKEL
	************************************** */

div.left_component {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;	
}

div.right_component {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div.right_component p, div.left_component p{
	margin-top: 0px;
}

div.float_component {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bild {
	position: relative;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
.bild.gross {
	margin: 10px 0px 10px 0px;
}

.bild .subtext {
	position: relative;
	padding: 0px 5px 0px 5px;
	margin: 1px 0px 0px 0px;
	background-color: #E2E2E2;
	font-size: 10px;
	line-height: 13px;
}
.bild .subtext span {
	padding: 5px 0px 5px 0px;
	display: block;
}

.bild a img {
	border: 1px solid #FFFFFF;
}

.bild a:hover img {
	border: 1px solid #AD3672;
}

.filedownload{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}

.filedownload img {
	margin: 0px 6px 0px 0px;
}

.filedownload .filetext {
	margin: 2px 0px 0px 0px;
}

.extralink img {
	margin: 1px 4px 1px 0px;
}

.logolink {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #E2E2E2;
}

.linkblock {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 6px 0px;
}

.linkblock2 {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

.linkpic {
	width: 100px;
	border-right: 1px solid #D7D7D7;
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 0px;
	text-align: center;
	float: left;
}

.linkhead {
	width: 440px;
	float: right;
}


a.filezip, a.filedoc, a.filepdf, a.filexls, a.filepng, a.fileeps, a.fileppt, a.filejpg, a.filedot, a.filegif {
	font-weight: norm;
	padding: 0px 0px 0px 29px;
}

a.filezip {
	background: url(../img_style/icon_zip.gif) no-repeat 1px center;
}

a.filedoc {
	background: url(../img_style/icon_doc.gif) no-repeat 1px center;
}

a.filepdf {
	background: url(../img_style/icon_pdf.gif) no-repeat 1px center;
}

a.filexls {
	background: url(../img_style/icon_xls.gif) no-repeat 1px center;
}

a.filepng {
	background: url(../img_style/icon_png.gif) no-repeat 1px center;
}

a.fileeps {
	background: url(../img_style/icon_eps.gif) no-repeat 1px center;
}

a.fileppt {
	background: url(../img_style/icon_ppt.gif) no-repeat 1px center;
}

a.filejpg {
	background: url(../img_style/icon_jpg.gif) no-repeat 1px center;
}

a.filedot {
	background: url(../img_style/icon_dot.gif) no-repeat 1px center;
}

a.filegif {
	background: url(../img_style/icon_gif.gif) no-repeat 1px center;
}


/*	**************************************
	SONDERFUNCS
	************************************** */

.nomargin { margin: 0px 0px 0px 0px; }
.nopadding { padding: 0px 0px 0px 0px; }