/*
	Typo3 - skynetFW - by DK & JvB - Kokot-vonBargen.de (GbR) - 07.11.2005 earth
	++++++++++++++++++++++
	+++ template_set03 +++
	++++++++++++++++++++++
*/




@import url(formular.css);/* Enth�llt allgemeine Definitionen f�r Formulare. */
@import url(admin-panel.css);/* Enth�llt allgemeine Definitionen f�r den AdminPanel. */




/*html, body {
	height: 100%;
}*/

body {
	margin: 0px;
	/*background wird im htmlTPL definiert!*/
	text-align: center;
}

#container {/* Achtung, kann unten benutzt werden. */
	width: 850px;
	height: 100%;
	margin: auto;
	text-align: left;
}




/* 	Lieber body definieren und nicht "*", da sich der Stern komisch verh�llt
	(steht in der Hirachie vor eigenen Klassen wie zB .stdText!).
	Das table ist auch wichtig, da der IE seine Eigenen Vor(ein)stellungen f�r Table hat!
	
	Standard Web-Schriften und Schrift-Gruppen:
	-------------------------------------------
	Georgia, 'Times New Roman' <- (serif)
	Verdana, 'Trebuchet MS', Impact, Arial, 'Arial Black' <- (sans-serif)
	'Comic Sans MS' <- (cursive)
	'Courier New' <- (monospace)
	? <- (fantasy) */

body, body table {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #7f888a;/*grau*/
	font-weight: normal;
	text-decoration: none;/* m�glich: underline, overline, line-through, blink, none */
	font-style: normal;/* m�glich: italic, oblique(schr�ggestellt), normal */
	font-variant: normal;/* m�glich: small-caps, normal */
	text-transform: none;/* m�glich: uppercase, lowercase, capitalize(Wortanf�nge als Gro�buchstaben), none */
	word-spacing: 0px;
	letter-spacing: 0px;
}
body #columnRight, body #columnRight table {
	color: #666666;
}

.stdText {/* kommt in fast allen contentElementen vor! */
}
.stdCaption {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}




/*	Folgendes kann auch alles im KontentElement Text(und anderen) vorkommen, da RTE
	A-Elemente m�ssen NICHT �ber den container angesprochen werden, da der AdminPanel seine 
	Eigene Konfiguration f�r a-Elemente hat.
	Wenn ein background-Image benutzt wird sollte es mit absoluten Werten positioniert
	werden, damit es auch noch gut aussieht, wenn der Link �ber 2 Zeilen geht! */
a {
	color: #47A2B4;/*blau*/
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:focus, a:active {/* hover+active -> formatierung f�r das anwenden von tab "durchsteppen" */
	color: black;
	text-decoration: underline;
}

#columnRight a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#columnRight a:hover, #columnRight a:focus, #columnRight a:active {/* hover+active -> formatierung f�r das anwenden von tab "durchsteppen" */
	color: white;
	text-decoration: underline;
}

hr {
	margin: 0px;
	padding: 0px;
	height: 0px;
	color: #47A1B3;
	border: 0px;/* damit es im IE & FireFox gleich aussieht. */
	border-bottom: 1px solid white;
}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	line-height: 18px;
}

ul,ol {
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
	margin-bottom: 10px;
}
ul {
	list-style-type: square;/* m�gliche Einstellungen: disc circle square */
}

img {/* Bilder sollen eigentlich eher keinen Rahmen haben! (Bekommen sie manchmal wenn Sie ein Link sind.) */
	border: none;
}

.hidden {/* zB f�r die A-Elemente vor jedem KontentElement */
	display: none;/* besser als "visibility: hidden;", da es so auch keinen Platz verwendet. */
}




/* Klassen f�r den RTE - Links um bilder haben keinen Background usw. */
a.Bild_Link, a.Bild_Link:hover, a.Bild_Link:focus, a.Bild_Link:active {
	border: none;
	background: none;
	padding: 0px;
	margin: 0px;
}
a.Bild_Link:hover img {/* BilderLinks werden bei Hover leicht transparent. */
	filter: Alpha(opacity=70, finishopacity=0, style=0);/* IE */
	-moz-opacity: 0.7;/* fireFox */
}

/* Klassen f�r den RTE - Bild l�sst sich umfliessen mit den richtigen padding. */
img.rechts_umflossen {
	float: left;
	margin-right: 10px;
	border: none;
}
img.links_umflossen {
	float: right;
	margin-left: 10px;
	border: none;
}
img.mit_Rahmen {/* So k�nnen im RTE Bilder mit Rahmen erstellt werden. */
	border: 1px solid black;
	padding: 5px;
}
table.mit_Rahmen {}/* Es muss im Fall "table" erst die Klasse definiert werden. Dann erst die einzelnen TDs definieren, sonst kommt der RTE(dynamicCss-plugin) durcheinander. (zB NICHT: table.meineKlasse td {... !) */
.mit_Rahmen td {
	border: 1px solid red;
}