/*
	Copyright (c) 2004 Jürgen Linker
	
	Benutzte Farben:
	#F8F8F8 grauton
	#9CBEFE helles blau
	#315F96 dunkles blau
*/


/*=====================================================*/
/*Generelle Seiteneinstellungen*/
body {
	background-color: #ECF3FF;/*#9CBEFE;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-image:  url(admin/background.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td, table, p, li, input {
/*	border:0px solid black;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

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

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, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px
}

/* ==========================================
    CSS STYLES FOR Survey in IBUYSPY PORTAL 
    copy these classes into your portal.css
   ===========================================
*/   
.SurveyQuestion
{

	color: black;
    font-family: verdana, Verdana, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    line-height: 12px    	
}

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

}

.SurveyOption
{
	color: black;
    font-family: verdana, Verdana, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-weight: normal;
    line-height: 12px    	
}

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

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

/*Zeigt den Logout Button an*/
div.cmslogout {
	background-color: #FFFFFF;
	border: 1px solid;
	position: absolute;
	height: 30px;
	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: 0%;
}
/*Breite der rechten Spalte*/
td.cmspage_rightwidth {
	width: 100%;
}
/*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(rand_links.gif);
	background-repeat: repeat;
/*	background-color:white;*/
	height: 140px;
}
/*Zelle die oben rechts gezeigt wird */
td.cmspageright_topright {
	background-image: url(admin/rand_rechts.gif);
	background-repeat: repeat;
	height: 115px;
}
/*Zelle mit dem Banner */
td.cmspagemiddle_banner {
/*	background-image: url(images/dbanner.jpg);
	background-repeat: repeat;*/
	height:80px;
}
/*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:left;
	vertical-align:bottom;
/*	background-color:white;*/
	background-image:  url(admin/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;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #315F96;	*/
}

/*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 {
		width:1px;
		padding:3px;
		margin:0px;		
		background-image:  url(admin/tab_selected_schraeg_links.gif);
		background-repeat: repeat;
	}
	/*Rechte Zelle des gewählten Reisters*/
	td.cmsnav_selectedrechts {
		width:1px;
		padding:2px;
		margin:0px;		
		background-image:  url(admin/tab_selected_schraeg_rechts.gif);
		background-repeat: repeat;
	}
	/*Mittlere Zelle des gewählten Reisters*/
	td.cmsnav_selectedmitte {
		width:100%;
		background-image:  url(admin/tab_selected_schraeg_mitte.gif);
		background-repeat: repeat;
		height:23px;
	}
	/*Hyperlinkfarben für gewählten Reiter*/
	a.cmsnav_selected:visited, a.cmsnav_selected:active, a.cmsnav_selected:link {
		color: white;
		text-decoration:none;
		font-weight:normal;
	}
	a.cmsnav_selected:hover{
		color: red;
		text-decoration:none;
		font-weight:normal;
	}

/*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 {
		width:1px;
		padding:3px;
		margin:0px;
		background-image:  url(admin/tab_notselected_schraeg_links.gif);
		background-repeat: repeat;
	}
	/*Rechte Zelle des Reiters*/
	td.cmsnav_notselectedrechts {
		width:1px;
		padding:3px;
		margin:0px;
		background-image:  url(admin/tab_notselected_schraeg_rechts.gif);
		background-repeat: repeat;
	}
	/*mittlere Zelle des Reiters*/
	td.cmsnav_notselectedmitte {
		width:100%;
		background-image:  url(admin/tab_notselected_schraeg_mitte.gif);
		background-repeat: repeat;
		height:20px;
	}
	/*Hyperlinkfarben für andere Reiter*/
	a.cmsnav_notselected:visited, a.cmsnav_notselected:active, a.cmsnav_notselected:link {
		color: navy;/*#315F96;*/
		font-weight:normal;
		text-decoration:none;
	}
	a.cmsnav_notselected:hover{
		color: white;
		text-decoration:none;
		font-weight:normal;
	}


/*=====================================================*/
/*Mittlere Spalte */
/*Größe der mittleren Tabelle */
table.cmsmiddle {
	width:100%;
	background-color: white;
}
/*Größe der linken mittleren Spalte */
td.cmsmiddle_left {
	width: 180px;
	text-align: center;
	background-color:#E4E4E4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/*Größe der rechtsn mittleren Spalte */
td.cmsmiddle_right {
	width: 0px;
	text-align: center;
	background-color:#9CBEFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #315F96;		
}
/*Größe der mittleren Spalte */
td.cmsmiddle_middle {
	width: 716px;
	text-align: center;
/*	background-color:#9CBEFF;*/
}

/*Zelle links unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottomleft {
	background-color:#ECF3FF;			
}
/*Zelle mitte unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottommiddle {
	background-color:#ECF3FF;
			
}
/*Zelle rechts unten nach linken Modulen (Abschlussleiste)*/
td.cmsmiddle_bottomright {	
	background-color:#ECF3FF;
			
}

img.cmsmodule_middlespace {
	width: 1px;
	height: 17px;
}
img.cmsmiddle_middlespace {
	width: 1px;
	height: 10px;
}

/*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;
}

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

td.cmsmodule_mitte_mitte {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color:white;
/*	background-image: url(tab_modulmittemitte.gif);
	background-repeat: repeat;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #AAAAAA;	
	
}
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%;	
}

/*
  ===============================================================================
  Beginn Linke Module
  ===============================================================================
*/
/*Abstand zwischen Rand und erstem Modul (vertikaler Abstand)*/
img.cmsmiddle_topleftspace {
	width: 1px;
	height: 10px;
}
/*Breite der Module*/
table.cmsmodulelinks {
	width: 98%;
	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 {
			width:4px;
			background-image: url(admin/modul_admin_links_links.gif);
			background-repeat: repeat;
			background-color:white;
		}
		/*Zellengröße der rechten Kopfzelle*/
		td.cmsmodulelinks_balkenrechts {
			width:4px;
			background-image: url(admin/modul_admin_links_rechts.gif);
			background-repeat: repeat;
			background-color:white;
		}
		/*Zellengröße der mittleren Kopfzelle*/
		td.cmsmodulelinks_balkenmitte {
			width:100%;
			background-image: url(admin/modul_admin_links_mitte.gif);
			background-repeat: repeat;
			background-color:white;
			height:19px;
			text-align:center;
			color:#315F96;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 8pt;
		}
		/*Bildergröße für die Platzhalter linker / rechter Balken
		  Muss/Kann mit entsprechender Zellengröße korrespondieren*/
		img.cmsmodulelinks_balkenlinks {
			width: 20px;
			height: 1px;
		}
		
		img.cmsmodulelinks_balkenrechts {
			width: 5px;
			height: 1px;
		}
/*2. Zeile in der Kopftabelle (Inhalt)*/
td.cmsmodulelinks_mitte {
	width: 100%;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;	
	
/*	background-color:#BFD5FF;*/
	background-color:white;
}
/*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: 90%;
	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 {
			width:4px;
			background-image:  url(admin/modulhellblau_links.gif);
			background-repeat: repeat;
		}
		/*Zellengröße der rechten Kopfzelle*/
		td.cmsmodulerechts_balkenrechts {
			width:4px;
			background-image:  url(admin/modulhellblau_rechts.gif);
			background-repeat: repeat;
		}
		/*Zellengröße der mittleren Kopfzelle*/
		td.cmsmodulerechts_balkenmitte {
			width:100%;
			background-image:  url(admin/modulhellblau_mitte.gif);
			background-repeat: repeat;
			height:18px;
			text-align:center;
			color:#315F96;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 8pt;
		}
		/*Bildergröße für die Platzhalter linker / rechter Balken
		  Muss/Kann mit entsprechender Zellengröße korrespondieren*/
		img.cmsmodulerechts_balkenlinks, img.cmsmodulerechts_balkenrechts {
			width: 6px;
			height: 1px;
		}
/*2. Zeile in der Kopftabelle (Inhalt)*/
td.cmsmodulerechts_mitte {
	width: 100%;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #718EAA;	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #718EAA;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #718EAA;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #718EAA;	
	background-color:#CEDFFF;
/*	background-color:white;
	background-image: url(tab_modul_mitte.gif);
	background-repeat: repeat;*/
}
/*Abstand zwischen den Modulen*/
img.cmsmodulerechts_modulespace {
	width: 1px;
	height: 17px;
}
/*
  ===============================================================================
  Ende Rechts Module
  ===============================================================================
*/

td.cmsmodule_balkenlinks {
	width:0px;
/*	background-image: url(newimages/modul_gestrichelt_links.gif);
	background-repeat: repeat;*/
	background-color: #ECF3FF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AAAAAA;	
}

td.cmsmodule_balkenrechts {
	width:0px;
/*	background-image: url(newimages/modul_gestrichelt_rechts.gif);
	background-repeat: repeat;*/
	background-color: #ECF3FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AAAAAA;	
}

td.cmsmodule_balkenmitte {
	width:100%;
/*	background-image: url(newimages/modul_gestrichelt.gif);
	background-repeat: repeat;*/
	background-color: #ECF3FF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAAAAA;		
	height:20px;
	text-align:center;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
}
img.cmsmodule_balken {
	width: 0px;
	height: 10px;
}
.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: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
	
a:active, a:visited, a:link, A.MyLink:active, A.MyLink:visited, A.MyLink:link		
{
    text-decoration:    none;
	font-weight:normal;
	color:#315F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}	
	
a:hover, A.MyLink:hover		
{
    text-decoration:    none;
	font-weight:normal;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}	

select.cmsschutz_select_seite {
	width:250px;
}

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

/*Zeigt die remote-Console an*/
div.cmsremoteconsole {
	/*background-color: #F3F3EE;*/
	background-image: url(http://adminhilfe.sporton.de/images/remote_hintergrund.png);
	background-repeat: repeat;
	z-index:100;	
	padding:5px;
	position: absolute;
	left: 0px;
	width:100%;
	top: 0px;
}

/* Definitionen crosswork --------------------------------------------------------------*/
td.crosswork_gerade_Zeile
{
	background-color: #FFFFFF; 
}
td.croswork_ungerade_Zeile
{
	background-color: #F2F2F2; 
}

td.crosswork_listenueberschrift {
	font-weight:bold;
}

/* Ende Definitionen crosswork ---------------------------------------------------------*/

img
{
	border:0px;
}