/*
	Copyright (c) 2004 Jürgen Linker
	
	Benutzte Farben:
	#DDEEFF Hintergrundblau
	#7ABCF9 rechts Blau (alt)
	#FEFFD7 gelb
	#C9E4FE helles Blau
*/


/*=====================================================*/
/*Generelle Seiteneinstellungen*/
body {
	background-color: #DDEEFF;background-image: url(handicap/background.jpg);background-repeat: no-repeat;background-position: top center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;		
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td, table, p, li, input {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;
}

select.vereinssuche, select {
	width: 100px;
}

/*HTML Überschriften  überschreiben*/
h1, h2  {
    font-family: verdana, Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

h3,h4,h5,h6  {
    font-family: verdana, Verdana, Helvetica, sans-serif;
    font-size:  12px;
}

/*Definition für den Inhalt des Teaser-Moduls und anderer Module*/
.Normal
{
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;
}

/* ==========================================
    CSS STYLES FOR Survey in IBUYSPY PORTAL 
    copy these classes into your portal.css
   ===========================================
*/   
.SurveyQuestion
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none; 	
}

.SurveyPanel
{
	color: red;
	background-color: red;
	height:9px;
	

}

.SurveyOption
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;   	
}

.SurveyButton
{
	color: darkred;
	font-weight: bold;
}

/*input {
	border:1px solid gray;
}*/

a.link, a.visited, a.hover {
	color:green;
}

/*Zeigt den Logout Button an*/
div.cmslogout {
	background-color: #FFFFFF;
	border: 1px solid;
	position: absolute;
	height: 50px;
	width: 100px;
	left: 0px;
	top: 0px;
}

/*=====================================================*/
/*Grundgerüst des CMS besteht aus 1 Tabelle mit 3 Spalten*/
/*Breite der linken Spalte*/
td.cmspage_leftwidth {
	width: 50%;
/*	background-color:#4682B4;*/
}
/*Breite der rechten Spalte*/
td.cmspage_rightwidth {
	width: 50%;
/*	background-color: #7ABCF9;*/
}
/*Breite der mittleren Spalte */
td.cmspage_middlewidth {
	width: 896px;
}
/*muss identisch sein zur Spaltenbreite*/
img.cmspage_middlewidth{
	width: 896px;
	height: 1px;
}
/*Zelle die oben links gezeigt wird */
td.cmspageleft_topleft {
	background-image: url(handicap/rand_links.gif);
	background-repeat: repeat;
	height: 130px;
}
/*Zelle die oben rechts gezeigt wird */
td.cmspageright_topright {
	background-image: url(handicap/rand_rechts.gif);
	background-repeat: repeat;
	height: 130px;
}
/*Zelle mit dem Banner */
td.cmspagemiddle_banner {
/*	background-image: url(handicap/background.jpg);
	background-repeat: repeat;*/
	height: 150px;
}
/*Zeile die direkt unterhalb des Banners gezeigt wird */
td.cmspagemiddle_subbannerline {
	height: 10px;
/*	background-color:white;*/
}
/*Fußzeile in der Mitte*/
td.cmspagemiddle_bottom {
	height:1px;
/*	background-color:red;*/
}
/*Bild in der Fußzeile*/
img.cmspagemiddle_bottom {
	height:1px;
	width:1px;
}
/*nimmt den ganzen mittleren Teil ab Position nach den Tabs auf*/
td.cmsmitte_container {
}
/*=====================================================*/
/*Navigationsbalken */
/*Zelle in die die Reiter (Navigation) gezeichnet werden*/
td.cmsnav_balken {
	text-align:right;
	vertical-align:bottom;
/*	background-color:white;*/
/*	background-image: url(handicap/tab_hintergrund.gif);*/
	background-repeat: repeat-x;
	background-position: left top;
	height:24px;
}

/*Zelle die einen Tab-Reiter (Tabelle) aufnimmt*/
td.cmsnav_tabzelle {
	vertical-align:bottom;
	height:0px;
}

/*Abstand zwischen Navigationszeile und dem Inhalt*/
img.cmsmiddle_subnaviline{
		height: 1px;
	width:1px;
}

/*Tabelle für gewählten Reiter*/
table.cmsnav_selected {
	border: 0px none;
	margin: 0px;	
}
	/*Größe des linken / rechten Bildes (Rundung)
	  vor allem die Breite muss gesetzt werden.
	  Das Pixelbild 1x1 zieht die Zelle auf die korrekte Größe*/
	img.cmsnav_selectedlinksrechts {
		width: 0px;
		height: 1px;
	}
	/*Linke Zelle des gewählten Reiters*/
	td.cmsnav_selectedlinks {
		background-image: url(handicap/tab_selected_links.gif);background-repeat: repeat-x;background-position: top left;
		width:1px;
		padding:4px;
		margin:0px;

	}
	/*Rechte Zelle des gewählten Reisters*/
	td.cmsnav_selectedrechts {
		background-image: url(handicap/tab_selected_rechts.gif);background-repeat: repeat-x;background-position: top left;
		width:1px;
		padding:4px;
		margin:0px;
	}
	/*Mittlere Zelle des gewählten Reisters*/
	td.cmsnav_selectedmitte {
		background-image: url(handicap/tab_selected_mitte.gif);background-repeat: repeat-x;background-position: top left;
		width:100%;
		height:23px;
	}
	/*Hyperlinkfarben für gewählten Reiter*/
	a.cmsnav_selected:visited, a.cmsnav_selected:active, a.cmsnav_selected:link {
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: white;text-decoration: none;text-decoration: none;
	}
	a.cmsnav_selected:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: red;text-decoration: none;text-decoration: none;
	}

/*Tabelle für andere Reiter*/
table.cmsnav_notselected {
	border: 0px none;
	margin: 0px;
/*	width:150px;	*/
}
	/*Größe des linken / rechten Bildes (Rundung)
	  vor allem die Breite muss gesetzt werden.
	  Das Pixelbild 1x1 zieht die Zelle auf die korrekte Größe*/
	img.cmsnav_notselectedlinksrechts {
		width: 0px;
		height:1px;
	}
	/*Linke Zelle des Reiters*/
	td.cmsnav_notselectedlinks {
		background-image: url(handicap/tab_notselected_links.gif);background-repeat: repeat-x;background-position: top left;		
		width:1px;
		padding:4px;
		margin:0px;
	}
	/*Rechte Zelle des Reiters*/
	td.cmsnav_notselectedrechts {
		background-image: url(handicap/tab_notselected_rechts.gif);background-repeat: repeat-x;background-position: top left;
		width:1px;
		padding:4px;
		margin:0px;		
	}
	/*mittlere Zelle des Reiters*/
	td.cmsnav_notselectedmitte {
		background-image: url(handicap/tab_notselected_mitte.gif);background-repeat: repeat-x;background-position: top left;
		width:100%;
		height:20px;		
	}
	/*Hyperlinkfarben für andere Reiter*/
	a.cmsnav_notselected:visited, a.cmsnav_notselected:active, a.cmsnav_notselected:link {
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: white;text-decoration: none;text-decoration: none;
	}
	a.cmsnav_notselected:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: navy;text-decoration: none;text-decoration: none;
	}


/*=====================================================*/
/*Mittlere Spalte */
/*Größe der mittleren Tabelle */
table.cmsmiddle {
	width:100%;
/*	background-color: white;*/
}

td.cmsmiddle_topleft {

}
td.cmsmiddle_topmiddle {

}
td.cmsmiddle_topright {

}

/*Größe der linken mittleren Spalte */
td.cmsmiddle_left {
	
	width: 180px;
	text-align: center;
}
/*Größe der rechtsn mittleren Spalte */
td.cmsmiddle_right {
	background-color: #FFFFF0;border-right: 1px solid red;
	width: 200px;
	text-align: center;	
}
/*Größe der mittleren Spalte */
td.cmsmiddle_middle {
	
	width: 516px;
	text-align: center;
}

/*Zelle links unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottomleft {
	background-color: #FFFFF0;border-bottom: 1px solid red;				
}
/*Zelle mitte unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottommiddle {
	background-color: #FFFFF0;border-bottom: 1px solid red;			
}
/*Zelle rechts unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottomright {	
	background-color: #FFFFF0;border-right: 1px solid red;border-bottom: 1px solid red;			
}


img.cmsmodule_middlespace {
	width: 1px;
	height: 0px;
}
img.cmsmiddle_middlespace {
	width: 1px;
	height: 55px;
}

/*Bild ganz unten nach dem mittleren Teil*/
img.cmsmiddle_bottomspace {
	width: 1px;
	height:10px;
}

/*=====================================================*/
/*Definitionen für Module*/

table.cmsmodulerechts {
	width: 100%;
	border: 0px none;
	margin: 0px;
}

/*
  ===============================================================================
  Beginn Mittlere Module
  ===============================================================================
*/

table.cmsmodule_mitte {
	width: 95%;
	border: 0px none;
}

td.cmsmodule_mitte_mitte {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;
	background-color: white;border-left: 1px solid #738EAA;border-right: 1px solid #738EAA;border-bottom: 1px solid #738EAA;
	padding: 5px;
}
td.cmsmodule_mitte_oben {
/*	Die Angaben HIntergrund, etc. efolgen in cmsmodule_balkenrechts, ...
	Weil der Balken nämlich als weitere Tabelle gezeichnet wird.
	padding: 3px;
	background-image: url(tab_modulmitte.gif);
	background-repeat: repeat;	*/
}

table.cmsmodule_balken {
	border: 0px none;
	margin: 0px;
	width:100%;	
}

td.cmsmodule_balkenlinks {
	background-image: url(handicap/modulhellblau_links.gif);background-repeat: repeat-x;background-position: top left;
	width:4px;
}

td.cmsmodule_balkenrechts {
	background-image: url(handicap/modulhellblau_rechts.gif);background-repeat: repeat-x;background-position: top left;
	width:4px;
}

td.cmsmodule_balkenmitte {
	background-image: url(handicap/modulhellblau_mitte.gif);background-repeat: repeat-x;background-position: top left;
	text-align:center;
	width:100%;
	height:18px;		
}
img.cmsmodule_balken {
	width: 6px;
	height: 1px;
}

/*
  ===============================================================================
  ENDE Mittlere Module
  ===============================================================================
*/

/*
  ===============================================================================
  Beginn Linke Module
  ===============================================================================
*/
/*Abstand zzischen Rand und erstem Modul (vertikaler Abstand)*/
img.cmsmiddle_topleftspace {
	width: 1px;
	height: 55px;
}
/*Breite der Module*/
table.cmsmodulelinks {
	width: 100%;
	border: 0px none;
	margin: 0px;
}
/*1. Zeile in der Kopftabelle (Balken)*/
td.cmsmodulelinks_oben {
	padding: 0px;
/*	background-image: url(tab_modul_mitte.gif);
	background-repeat: repeat;*/
}
	/*hier wird der Kopf der linken Moduls reingezeichnet*/
	table.cmsmodulelinks_balken {
		border: 0px none;
		margin: 0px;
		width:100%;	
	}
		/*Zellengröße der linken Kopfzelle*/
		td.cmsmodulelinks_balkenlinks {
			background-image: url(handicap/modulhellblau_links.gif);background-repeat: repeat-x;background-position: top left;
			width:6px;	
		}
		/*Zellengröße der rechten Kopfzelle*/
		td.cmsmodulelinks_balkenrechts {
			background-image: url(handicap/modulhellblau_rechts.gif);background-repeat: repeat-x;background-position: top left;
			width:6px;			
		}
		/*Zellengröße der mittleren Kopfzelle*/
		td.cmsmodulelinks_balkenmitte {
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: navy;text-decoration: none;text-decoration: none;
			background-image: url(handicap/modulhellblau_mitte.gif);background-repeat: repeat-x;background-position: top left;				
			width:100%;
			height:18px;
			text-align:center;
		}
		/*Bildergröße für die Platzhalter linker / rechter Balken
		  Muss/Kann mit entsprechender Zellengröße korrespondieren*/
		img.cmsmodulelinks_balkenlinks {
			width: 6px;
			height: 1px;
		}
		
		img.cmsmodulelinks_balkenrechts {
			width: 6px;
			height: 1px;
		}
/*2. Zeile in der Kopftabelle (Inhalt)*/
td.cmsmodulelinks_mitte {
width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;
	background-color: white;border-left: 1px solid #738EAA;border-right: 1px solid #738EAA;border-bottom: 1px solid #738EAA;
	padding: 4px;
}
/*Abstand zwischen den Modulen*/
img.cmsmodulelinks_modulespace {
	width: 1px;
	height: 17px;
}
/*
  ===============================================================================
  Ende Linke Module
  ===============================================================================
*/

/*
  ===============================================================================
  Beginn Rechts Module
  ===============================================================================
*/
/*Abstand zwischen Rand und erstem Modul (vertikaler Abstand)*/
img.cmsmiddle_toprightspace {
	width: 1px;
	height: 10px;
}
/*Breite der Module*/
table.cmsmodulerechts {
	width: 96%;
	border: 0px none;
	margin: 0px;
}
/*1. Zeile in der Kopftabelle (Balken)*/
td.cmsmodulerechts_oben {
	padding: 0px;
/*	background-image: url(tab_modul_mitte.gif);
	background-repeat: repeat;*/
}
	/*hier wird der Kopf der linken Moduls reingezeichnet*/
	table.cmsmodulerechts_balken {
		border: 0px none;
		margin: 0px;
		width:100%;	
	}
		/*Zellengröße der linken Kopfzelle*/
		td.cmsmodulerechts_balkenlinks {
			background-image: url(handicap/modulhellblau_links.gif);background-repeat: repeat-x;background-position: top left;
			width:6px;
		}
		/*Zellengröße der rechten Kopfzelle*/
		td.cmsmodulerechts_balkenrechts {
			background-image: url(handicap/modulhellblau_rechts.gif);background-repeat: repeat-x;background-position: top left;
			width:6px;
		}
		/*Zellengröße der mittleren Kopfzelle*/
		td.cmsmodulerechts_balkenmitte {
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: navy;text-decoration: none;text-decoration: none;
			background-image: url(handicap/modulhellblau_mitte.gif);background-repeat: repeat-x;background-position: top left;
			width:100%;
			height:18px;
			text-align:center;
		}
		/*Bildergröße für die Platzhalter linker / rechter Balken
		  Muss/Kann mit entsprechender Zellengröße korrespondieren*/
		img.cmsmodulerechts_balkenlinks {
			width: 6px;
			height: 1px;
		}
		
		img.cmsmodulerechts_balkenrechts {
			width: 6px;
			height: 1px;
		}
/*2. Zeile in der Kopftabelle (Inhalt)*/
td.cmsmodulerechts_mitte {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #000000;text-decoration: none;text-decoration: none;
	background-color: white;border-left: 1px solid #738EAA;border-right: 1px solid #738EAA;border-bottom: 1px solid #738EAA;
	width: 100%;
	padding: 4px;
}
/*Abstand zwischen den Modulen*/
img.cmsmodulerechts_modulespace {
	width: 1px;
	height: 17px;
}
/*
  ===============================================================================
  Ende Rechts Module
  ===============================================================================
*/

td.cmsmodulemitte_teasermehr, td.cmsmodulelinks_teasermehr {
	background-color: #F5F5F5;
}


td.cmsmodulemitte_teasertitel, td.cmsmodulelinks_teasertitel {
	color : #003399;
	font-size: 10pt;
	font-weight: bold;
}

td.cmsmodulerechts_teasermehr {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

 td.cmsmodulerechts_teasertitel {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: white;
	color : black;
	font-size: 8pt;
	font-weight: normal;
}

.unnamed1 {
	margin: 20px;
	padding: 15px;
	clear: left;
	float: none;
	width: 160px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #738EAA;
	border-right-color: #738EAA;
	border-bottom-color: #738EAA;
	border-left-color: #738EAA;
}
	
a:active, a:visited	
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: navy;text-decoration: none;text-decoration: none;
}

a:link		
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #C40000;text-decoration: none;text-decoration: none;
}
	
a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: red;text-decoration: none;text-decoration: none;
}	

A.MyLink:link		
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: navy;text-decoration: none;text-decoration: none;
}

A.MyLink:active, A.MyLink:visited		
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: #C40000;text-decoration: none;text-decoration: none;
}

A.MyLink:hover		
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt ;color: red;text-decoration: none;text-decoration: none;

}

CSS::::::::
td.cmsmodule_kalendertop {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

CSS::::::::
td.cmsmodule_kalendertop {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/*Farbe der Links im Modul Navigation_Tree wenn dieses links plaziert wurde*/
A.cmsmodulelinks_navtree:active, A.cmsmodulelinks_navtree:visited, A.cmsmodulelinks_navtree:link {
	text-decoration:    none;
	font-weight:normal;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Farbe der Links im Modul Navigation_Tree wenn dieses links plaziert wurde*/
A.cmsmodulelinks_navtree:hover {
	text-decoration:    none;
	font-weight:normal;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Farbe der Links im Modul Navigation_Tree wenn dieses rechts plaziert wurde*/
A.cmsmodulerechts_navtree:active, A.cmsmodulerechts_navtree:visited, A.cmsmodulerechts_navtree:link {
	text-decoration:    none;
	font-weight:normal;
	color:navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Farbe der Links im Modul Navigation_Tree wenn dieses rechts plaziert wurde*/
A.cmsmodulerechts_navtree:hover {
	text-decoration:    none;
	font-weight:normal;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Linkfarbe des Moduls LINKS wenn dieses im linken Bereich plaziert wurde*/
A.cmsmodulelinks_navlbox:link {
	text-decoration:    none;
	font-weight:normal;
	color:navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

A.cmsmodulelinks_navlbox:active, A.cmsmodulelinks_navlbox:visited {
	text-decoration:    none;
	font-weight:normal;
	color:#C40000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/*Linkfarbe des Moduls LINKS wenn dieses im linken Bereich plaziert wurde*/
A.cmsmodulelinks_navlbox:hover {
	text-decoration:    none;
	font-weight:normal;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Linkfarbe des Moduls LINKS wenn dieses im rechten Bereich plaziert wurde*/
A.cmsmodulerechts_navlbox:link {
	text-decoration:    none;
	font-weight:normal;
	color:navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Linkfarbe des Moduls LINKS wenn dieses im rechten Bereich plaziert wurde*/
A.cmsmodulerechts_navlbox:active, A.cmsmodulerechts_navlbox:visited {
	text-decoration:    none;
	font-weight:normal;
	color:#C40000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/*Linkfarbe des Moduls LINKS wenn dieses im rechten Bereich plaziert wurde*/
A.cmsmodulerechts_navlbox:hover {
	text-decoration:    none;
	font-weight:normal;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Linkfarbe des Moduls LINKS wenn dieses im mittleren Bereich plaziert wurde*/
A.cmsmodulemitte_navlbox:active, A.cmsmodulemitte_navlbox:visited, A.cmsmodulemitte_navlbox:link {
	text-decoration:    none;
	font-weight:normal;
	color:navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
A.cmsmodulemitte_navlbox:hover {
	text-decoration:    none;
	font-weight:normal;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*Sozusagen der Seitenhintergrund der alles umrandenden Tabelle*/
table.cmspage_body {
}

/* Breite der Tabelle der erweiterten Modul-Einstellungen*/
table.cms_module_erw {
	width:100%;
}
/* Breite der linken Spalte der erweiterten Modul-Einstellungen*/
tb.cms_module_erw_links {
	width:50%;
}
/* Breite der linken Spalte der erweiterten Modul-Einstellungen*/
tb.cms_module_erw_rechts {
	width:50%;
}

/*Fuer Barrierefreiheit*/
.azx {
	POSITION: absolute;visibility:hidden;
}