/*
	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;
	text-align: center;
	/*background wird im htmlTPL überschrieben!*/
	background:#ededed url(bg_body.jpg) repeat-y center;
}

#container {/* Achtung, kann unten benutzt werden. */
	width: 1030px;
	height: 100%;
	margin: auto;
	text-align: left;
}
.footer a:link, .footer a:visited {
	color:white;
	font-weight:normal;
	text-decoration:none;
}
.footer a:hover, .footer a:focus, .footer a:active {
	text-decoration:underline;
}



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

.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: #3875a9;/*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: #3875a9;/*blau*/
	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: black;
	text-decoration: underline;
}

hr {
	margin: 0px;
	padding: 0px;
	height: 0px;
	color: white;
	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;
}


sub {
	vertical-align:sub;
	font:$FONT_SANS10;
}
sup {
	vertical-align:super;
	font:$FONT_SANS10;
}









/*	+++++++++++++++++++++++
	+++ GENERAL CLASSES +++
	+++++++++++++++++++++++ */

.hidden {display:none;}
.block {display:block;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}

.helpCursor {cursor:help;}
.pointerCursor {cursor:pointer;}
.defaultCursor {cursor:default;}

.nowrap {white-space:nowrap;}
.overflowHidden {overflow:hidden;}

/* new clearfix */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix {zoom:1;}/* IE6 */
*:first-child+html .clearfix {zoom:1;}/* IE7 */



/*	+++++++++++++++++++
	+++ RTE-CLASSES +++
	+++++++++++++++++++ */

span.underline {text-decoration:underline;}
span.strike {text-decoration:line-through;}

p.left, td.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left {text-align:left;}
p.center, td.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {text-align:center;}
p.right, td.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right {text-align:right;}
p.justify, td.justify, h1.justify, h2.justify, h3.justify, h4.justify, h5.justify, h6.justify {text-align:justify;}

img.border {border:1px solid black;}
img.rightFloated {float:left;padding:0 5px 0 0;border:none;}
img.leftFloated {float:right;padding:0 0 0 5px;border:none;}

a.imageLink:link, a.imageLink:visited, a.imageLink:hover, a.imageLink:focus, a.imageLink:active {/* !important explicitly overwrites ctypes.css */
	border:none !important;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}
a.imageLink:hover img, a.imageLink:focus img, a.imageLink:active img {/* Images in Links > slightly transparent */
	filter: alpha(opacity=70); /* ie */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	opacity: 0.7;           /* fx, safari, opera */
}

table.border {} /* Wichtig für RTE */
table.border th, table.border td {
	border:1px solid black;
}