/********************************************************
Typo3-Stile:
- stile mit dem prefix: csc (css styled content - typo3 erweiterung) hinzugefügt.
  Diese Stile werden vom typo3 system verwendet um Elemente auszuzeichnen.
********************************************************/
td.csc-form-labelcell
{
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 5px;
}
td.csc-form-fieldcell
{
	/*vertical-align: middle;*/
	/*padding-bottom: 5px;*/
}
p.csc-form-label, p.csc-form-label-req
{
	margin: 0;
}


/********************************************************
Tabellen
********************************************************/

.inhalts-container table
{
	border-collapse: collapse;
	border: 1px solid #7F7F7F;
}
.inhalts-container table td, .inhalts-container table th
{
	border: 1px solid #7F7F7F;
	padding: 3px;
}

.inhalts-container div
{
	/*border: 1px solid green;*/
	float: left;
}


/********************************************************
tip-a-friend
********************************************************/

table.tip-a-friend-table, table.tip-a-friend-table td, table.tip-a-friend-table th
{
	border-width: 0px;
	vertical-align: top;
}


/********************************************************
mail form
********************************************************/

table.csc-mailform, table.csc-mailform td, table.csc-mailform th
{
	border-width: 0px;
	/*border: 1px solid red;*/
}


/********************************************************
votes-result-table
********************************************************/

table.votes-result-table, table.votes-result-table td, table.votes-result-table th
{
	border-width: 0px;
}


/********************************************************
Typo3-Stile - Votes
********************************************************/
p.vote-answer
{
	/*margin-top: 5px;*/
}
span.vote-answer-text
{
	margin-left: 5px;
}
table.votes-result-table
{
	width: 100%;
}
table.votes-result-table td
{
	padding-top: 5px;
	padding-right: 5px;
}


/********************************************************
Suchfeld oben
********************************************************/

/* div */
.kopf-suche
{
	position: absolute;
	right: 17px;
	top: 9px;
	background: red;
}
.kopf-suche form
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
}
/* fields */
.search-textbox
{
	position: absolute;
	top: 0;
	right: 21px;
	font-size:10px;
	height: 13px;
	width: 95px;
	border: 1px solid black;
	border-top: 1px solid #515255;
	border-bottom: 1px solid #515255;
	padding-left: 1px;
}
.search-submit
{
	position: absolute;
	top: 0;
	right: 0;
	border: 0px solid green;
	background: url(../images/search.gif);
	width: 15px;
	height: 15px;
}
.search-textarea
{
	/*border: 1px solid blue;*/
}
.search-label
{
	display: none;
}
/* Suche im Seiteninhalt */
.search-form
{
	
}


/********************************************************
Suchergebnisse
********************************************************/

.search-result-info
{
	/*border: solid green 1px;*/
}


/********************************************************
Listen
********************************************************/

.inhalts-container ul, .inhalts-container ol
{
	margin-left: 1em;
	padding-left: 1em;
	/*border: 1px solid green;*/
}

.inhalts-container ul li
{
	list-style-type: disc;
}

.inhalts-container ol li
{
	list-style-type: decimal;
}


/********************************************************
Allgemeine Stile
********************************************************/

/* Alle Elemente auswählen */
*
{
	/* Außenabstände */
	margin: 0;
	/* Innenabstände */
	padding: 0;
	/* Listentyp */
	list-style-type: none;
	/* Unterstreichung entfernen */
	text-decoration: none;
}

th
{
	font-weight: normal;
}

/* Seitenkörper auswählen */
body
{
	/* Schriftstärke, Schriftgröße, Schriftart  */
	font: normal 1em Arial, Verdana;
	/* Zeilenabstand */
	line-height: 1.3em;
	/* Hintergrundfarbe */
	background-color: #fff;
	font-size: 14px;
	/* Hintergrundbild */
	/*background-image: url(bilder/bg2.gif); */
	/*background-repeat: repeat-x;*/
}



/********************************************************
Überschriften
********************************************************/

/* Navigation und Überschriften auswählen */
.navigations-container, h1, h2, h3, h4, h5, h6
{
	/* Aussenabstand oben */
	margin-top: 24px;
	color: black;
}

h1, h2
{
	color: #990000;
	border-bottom: 2px dotted gray;
	padding-bottom: 2px;
	font-size: 16px;
}

div.titel-container h1
{
	padding: 0;
	border: 0px solid black;
}

h4, h5, h6
{
	margin-top: 16px;
}

h3, h4
{
	color: #336699;
	font-weight: bold;
}

h4
{
	font-size: 14px;
}

h5
{
	font-size: 14px;
}

h6
{
	font-size: 12px;
}

/* Absätze auswählen */
p
{
	/* Aussenabstand oben */
	margin-top: 0.5em;
	/* Aussenabstand unten */
	margin-bottom: 1em;
	
	font-size: 12px;
	font-family: Verdana, Arial;
}


/********************************************************
Links
********************************************************/

a
{
	color: #164387;
	text-decoration: underline;
}


/********************************************************
CONTAINER STRUKTUR
********************************************************/

.body-container
{
	text-align: center;
}

.haupt-container
{
	position: relative;
	/* Aussenabstände: oben, rechts, unten und links */
	margin: 1em auto 1em auto;
	/* Seitenbreite */
	width: 704px;
	
	text-align: left;
	
	/* Hintergrundkachel */
	background-image: url(../images/mainBg.jpg); 
	background-repeat: repeat-y;
}

.inhalts-container
{
	/* Breite der linken Spalte */
	margin-left: 229px;
	
	/* Abstand rechts */
	margin-right: 47px;
	
	/* Mindesthöhe */
	/* todo: min-height wird vom ie nicht unterstuetzt */
	min-height: 500px;
	
	/*border: 1px solid red;*/
	/*clear: both;*/
}

/* ie only hack */
* html .inhalts-container
{
	height: 500px;
}

.bottom-container
{
	/* Aussenabstände: oben, rechts, unten und links */
	margin: 10px auto 0px auto;
	
	/* Höhe */
	height: 28px;
	
	/*padding-top: 5px;*/
	
	text-align: center;
	
	background-image: url(../images/foot.jpg);
}

.bottom-container p
{
	/*border: solid red 1px;*/
	padding: 0;
	padding-top: 4px;
	margin: 0;
}

.titel-container
{
	position: relative;
	/* Höhe */
	height: 235px;
	background-image: url(../images/head.jpg);
}

.titel-container h1
{
	/* Keine Aussenabstände */
	margin: 0;
	
	/*padding: 0.3em;
	
	letter-spacing: 0.3em;
	color: white;
	font-family: Times;
	font-size: 3em;
	line-height: 1em;*/
	/* Text verstecken */
	margin-left: -5000px;
}


/********************************************************
Druckstile 
********************************************************/

/* erweitert inhalts-container */
.print-container
{
	text-align: left;
	margin: 5px;
	/*padding: 5px;*/
	/*border: 1px solid red;*/
	/*width: 694px;*/
}

.print-container h1, .print-container h2
{
	margin-top: 12px;
}

.print-container .print-header
{
	width: 694px;
	height: 57px;
	/*background: url(../images/headPrint.jpg);
	background-repeat: no-repeat;*/
	margin-bottom: 20px;
}

.small-printed p
{
	font-size: 9px;
	line-height: 11px;
}

.small-printed b
{
	font-size: 9px;
}


/********************************************************
NAVIGATION
********************************************************/

.navigations-container
{
	float: left;
	
	/* Breite der linken Spalte */
	width: 193px;
	
	position: relative;
	left: 2px;
	
	background: #fff;
	/*border: 1px solid red;*/
	
	list-style-type: none;
	
	
}

.navigations-container li
{
	
}

/* Nav 1te Ebene */
.navigations-container li a
{
	text-decoration: none;
	
	display: block;
	
	width: 193px;
	height: 26px;
	
	color: #3f3f3f;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/navBg1Normal.jpg);
	background-repeat: no-repeat;
}
/* aktiv */
.navigations-container li a.active
{
	color: #fff;
	background: url(../images/navBg1Activ.jpg);
}

/* Nav 2te Ebene */
.navigations-container li li a
{
	height: 25px;
	
	font-weight: normal;
	
	background: url(../images/navBg2Normal.jpg);
	background-repeat: no-repeat;
}
/* aktiv */
.navigations-container li li a.active
{
	background: url(../images/navBg2Activ.jpg);
}

/* Nav 1te Ebene */
.navigations-container li a span
{
	display: block;
	
	line-height: 18px;
	
	/* abstand links */
	padding-left: 20px;
	/* abstand oben */
	padding-top: 2px;
	
	cursor: pointer;
}

/* Nav 2te Ebene */
.navigations-container li li a span
{
	color: #000;
	/* abstand links */
	padding-left: 32px;
}

/* Nav 3te Ebene */
.navigations-container li li li a
{
	height: 25px;
	
	font-weight: normal;
	
	background: url(../images/navBg3Normal.jpg);
	background-repeat: no-repeat;
}
/* aktiv */
.navigations-container li li li a.active
{
	background: url(../images/navBg3Activ.jpg);
}

/* Nav 3te Ebene */
.navigations-container li li li a span
{
	color: #000;
	/* abstand links */
	padding-left: 44px;
}

/*.navigations-container a:hover
{
	background-position: 0px 29px;
}*/

/*.navigations-container .navihead
{
	height: 16px;
	width: 116px;
	
	line-height: 1px;
	font-size: 1px;
	
	background: url(bilder/navihead.JPG);
	background-repeat: no;
}*/

/*.navigations-container .navifuss
{
	height: 16px;
	width: 116px;
	
	line-height: 1px;
	font-size: 1px;
	
	background: url(bilder/navifuss.JPG);
	background-repeat: no;
	
	margin-bottom: 4px;
}*/


/********************************************************
KOPF-NAVIGATION
********************************************************/

.kopf-navigation
{
	/*border: 1px solid red;*/
	
	position: absolute;
	height: 26px;
	right: 36px;
	bottom: 2px;
}

.kopf-navigation li
{
	float: left;
	margin-left: 24px;
	margin-top: 3px;
}

.kopf-navigation li a
{
	text-decoration: none;
	
	font-size: 12px;
	color: #fff;
}




/********************************************************
CC-License-Styles
********************************************************/

#deed div, #deed ul
{
	clear: both;
}

#deed
{
	background: #ffffcc;
}

.fineprint {
	border:1px solid black; 
	padding:8px; 
	background:#ffffff;
	text-align:justify;
}

.text, #deed li {
	font-family:verdana, sans-serif;
	font-size:11px;
	margin-left:20px;
	margin-right:20px;
	line-height:140%;
	text-align:left;
}

.tiny {
	font-family:verdana, sans-serif;
	font-size:11px;
	margin-bottom:10px;
}