@charset    "UTF-8";

/* 	font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
 CSS Document version 1.0 12.September - initial CSS version, ok on safari3, firefox2/3 - ck from www.worknode.com */

@import "typo3_worknode_table.css";
@import "typo3_worknode_flexElements.css";

*
{
	margin: 0px;
	padding: 0px;
}

body,html
{
	color: #868788;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	background-color: #f8f4e8;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 0;
	text-align: center;
}

img { border: 0px; }
p { margin: 5px 0 5px 0; }

ul
{
	margin: 0 0 15px 28px;
	padding: 0;
}

li
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-type: square;
	color: #36C;
	line-height: 14px;
}

a:link
{
	text-decoration: underline;
	color: #444C52;
}

a:visited
{
	text-decoration: underline;
	color: #444C52;
}

a:hover
{
	text-decoration: underline;
	color: #981020;
}

a:active
{
	text-decoration: none;
	color: #444C52;
}

#outerWrapStart
{
	background-image: url(../sitepics/kinderclub-lech-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

/*
 Wird über ein TS ausgewählt
#outerWrapFollow
{
	background-image: url(../sitepics/kinderclub-lech-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}
*/

/* WrapBG 829 px wide */
#wrap
{
	margin: 0px auto 0 auto;
	width: 780px;
	text-align: left;
}

#header
{
	height: 210px;
	width: 780px;
}

#siteLogo
{
	padding: 40px 0px 0px 20px;
	width: 400px;
	float: left;
}

#siteLogoFollow
{
	padding: 10px 0px 0px 0px;
	width: 400px;
	float: left;
}

#siteLanguage
{
	float: right;
	padding: 3px 6px 2px 6px;
	margin: 40px 0 0 0;
	background-color: #C00;
	text-transform: uppercase;
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

#siteLanguage a:link, #siteLanguage a:visited, #siteLanguage a:hover
{
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

#siteLanguage a:active
{
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

.SPC2
{
	color: #FFF;
	padding: 0 3px 0 3px;
}

.languageCur
{
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

#startContent
{
	width: 780px;
	text-align: center;
}

.threeMice
{
	font-size: 12px;
	line-height: 13px;
}

.miceOne
{
	width: 258px;
	color: #369;
	vertical-align: top;
}

.miceOne .bodytext { text-align: center; }

.miceTwo
{
	width: 258px;
	color: #C00;
	vertical-align: top;
}

.miceTwo .bodytext { text-align: center; }

.miceThree
{
	width: 258px;
	color: #060;
	vertical-align: top;
}

.miceThree .bodytext { text-align: center; }

#startMessage
{
	width: 800px;
	height: 60px;
	text-align: center;
	color: #369;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 30px 0 30px 0;
}

#mainMenu
{
	width: 780px;
	height: 40px;
	text-align: left;
	color: #369;
	font-size: 13px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 25px 0 5px 0;
}

#mainMenu a:link
{
	text-decoration: none;
	color: #444C52;
}

#mainMenu a:visited
{
	text-decoration: underline;
	color: #444C52;
}

#mainMenu a:hover
{
	text-decoration: underline;
	color: #981020;
}

#mainMenu a:active
{
	text-decoration: none;
	color: #444C52;
}

#content
{
	width: 780px;
	text-align: left;
	color: #369;
	font-size: 12px;
	line-height: 18px;
}

#bottomLine
{
	width: 780px;
	margin: 40px 0 25px 0;
	height: 20px;
}

#bottomLineLeft
{
	padding: 5px;
	width: 380px;
	position: relative;
	float: left;
	text-align: left;
	border-top: 1px #CCC solid;
	border-right: 0;
	border-bottom: 1px #CCC solid;
	border-left: 0;
	font-size: 9px;
	color: #e64215;
}

#bottomLineRight
{
	padding: 5px;
	width: 380px;
	position: relative;
	float: right;
	text-align: right;
	border-top: 1px #CCC solid;
	border-right: 0;
	border-bottom: 1px #CCC solid;
	border-left: 0;
	font-size: 9px;
}

#footer
{
	width: 780px;
	height: 30px;
	margin: 0 auto 20px auto;
}

/* CSS Formulare */
input.formularMini
{
	width: 25px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

input.formular
{
	width: 150px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

input.formularSmall
{
	width: 50px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

input.formularLarge
{
	width: 350px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

input.formularNewsletterAnmeldung
{
	width: 250px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

textarea.formular
{
	width: 350px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

textarea.formularBig
{
	width: 400px;
	border: 1px #999 solid;
	background-color: #F1F1F1;
	padding: 2px;
}

TABLE.textsmall { font-size: 11px; }

h1
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #153D61;
	font-size: 13px;
	margin: 15px 0 6px 0;
	text-transform: uppercase;
}

p.align-center { text-align: center; }

/* Tabellen Css */
.tabelleNormal
{
	width: 780px;
	margin: 15px 0 25px 0;
	border: 1px #999 solid;
	padding: 0px 0px 25px 0px;
	background-color: #E5DED1;
	color: #666;
}

.tabelleNormal caption
{
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.tabelleNormal .tr-0 .td-0
{
	background-color: #C5BFB3;
	font-size: 12px;
	color: #FFF;
	padding: 10px 5px 10px 5px;
}

.tabelleNormal .tr-0 .td-1
{
	background-color: #C5BFB3;
	font-size: 12px;
	color: #FFF;
	padding: 10px 5px 10px 5px;
}

.tabelleNormal .tr-0 .td-2
{
	background-color: #C5BFB3;
	font-size: 12px;
	color: #FFF;
	padding: 10px 5px 10px 5px;
}

.tabelleNormal .tr-0 .td-last
{
	background-color: #C5BFB3;
	font-size: 12px;
	color: #FFF;
	padding: 10px 5px 10px 5px;
}

.tabelleNormal TR.tr-even
{
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
}

.tabelleNormal TR.tr-odd
{
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
}

.tabelleNormal TR.tr-odd .td-0
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-odd .td-1
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-odd .td-last
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-even .td-0
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-even .td-1
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-even .td-last
{
	border-bottom: 1px #999 solid;
	padding: 5px 0 5px 5px;
}

.tabelleNormal TR.tr-last .td-0 { border-bottom: 0px #999 solid; }
.tabelleNormal TR.tr-last .td-1 { border-bottom: 0px #999 solid; }
.tabelleNormal TR.tr-last .td-last { border-bottom: 0px #999 solid; }
TABLE.tabelleNormal P { margin: 5px; }

aTABLE.tabelleNormal TD.td-0
{
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px #666 solid;
	border-left: 0;
	padding: 10px 5px 10px 5px;
}

/* default styles for extension "tx_fdfx2cols_pi1" */
/*  Layout 1 */
.c2l1-left
{
	border-right: 1px #CCC dotted;
	padding-right: 15px;
	width: 50%;
	white-space: normal;
	text-align: left;
	color: #369;
	font-size: 13px;
	line-height: 18px;
	vertical-align: top;
}

.c2l1-middle
{
	padding-left: 25px;
	width: 50%;
	white-space: normal;
	text-align: left;
	color: #369;
	font-size: 13px;
	line-height: 18px;
	vertical-align: top;
}

/*  Layout 2 */
.c2l2-left
{
	border-right: 1px solid #FFEDA8;
	padding-right: 5px;
	width: 50%;
	white-space: normal;
}

.c2l2-middle
{
	background-color: #FFEDA8;
	padding-left: 5px;
	width: 50%;
	white-space: normal;
}

/* Layout 2 */
.c2l3-left
{
	border-right: 1px solid #FFEDA8;
	padding-right: 5px;
	width: 70%;
	white-space: normal;
}

.c2l3-middle
{
	background-color: #FFEDA8;
	border: 1px solid blue;
	padding-left: 5px;
	width: 30%;
	white-space: normal;
}

/*
	Styles 2 Column DIV Section
*/

div.tx-fdfx2cols-pi1
{
	position: relative;
	left: 0px;
	margin-bottom: 40px;
}

/* Layout 1 */
div.c2l1d-left
{
	position: absolute;
	left: 0px;
	padding: 0px;
	width: 380px;
	white-space: normal;
	border: 1px solid red;
}

div.c2l1d-middle
{
	position: absolute;
	left: 390px;
	padding: 0px;
	width: 380px;
	border: 1px solid blue;
	white-space: normal;
}

/* Layout 2 */
div.c2l2d-left
{
	position: absolute;
	left: 0px;
	padding: 0px;
	width: 380px;
	border: 1px solid blue;
	white-space: normal;
}

div.c2l2d-middle
{
	position: absolute;
	left: 390px;
	padding: 0px;
	width: 380px;
	white-space: normal;
	border: 1px solid blue;
	background-color: #C0C0C0;
}

/* 
	Layout 3 
	
	embedded
*/

div.c2l3d-left
{
	position: absolute;
	left: 0px;
	padding: 0px;
	width: 770px;
	white-space: normal;
	border: 1px solid red;
}

div.c2l3d-middle
{
	float: right;
	margin: 5px;
	padding: 0px;
	width: 200px;
	height: 100px;
	overflow: auto;
	white-space: normal;
	border: 1px solid blue;
	background-color: #C0C0C0;
}