/**
 * file:	www.horchmal.net/layout/screen.css
 * media:	all
 */

body {
	background-color: white;
	font-family: sans-serif;
	font-size: 1.2em;
	color: #063096;
	margin: 0em;
	padding: 103px 0em 3em 0em; /* 160 */
}
 * html body{
  overflow: hidden;
	padding-bottom: 41px;
} 
body.eltern div.content,
body.sponsoren div.content,
body.gaestebuch div.content,
body.horchmal div.content,
body.sitemap div.content,
body.kontakt div.content,
body.suche div.content
{
	font-size: 0.8em;
}

body.sponsoren td,
body.gaestebuch td,
body.horchmal td,
body.sitemap td,
body.suche td,
body.kontakt td,
body.eltern td {
	font-size: 100%;
	padding: 0.5em 0.3em 0.5em 0.3em;

}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
	text-align: center;
	clear: both;
}

ul.noBullets {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/**
 * Wird im RTE als Stil für H2 angeboten
 */
h2.blue {
	background-color: #d3effd;
	border-top: 1px solid #063096;
	border-bottom: 1px solid #063096;
	margin: 0px;
	padding: 1em 0em 1em 0em;
}
.left {
	text-align: left;
}

h3 {
	font-size: 1.2em;
}

hr {
	border: none;
	border-top: 1px solid #063096;
}

iframe {
	border: none;
}

img {
	border: none;
}
a {
	text-decoration: underline;
	color: #063096;
}
h2 a {
	text-decoration: none;
}
a.net {
	background: url(../images/li-net.gif) top left no-repeat;
	padding-left: 20px;
}
a.download {
	background: url(../images/li-pdf.gif) top left no-repeat;
	padding-left: 20px;
}
a.anchor {
	background: url(../images/li-anchor.gif) top left no-repeat;
	padding-left: 20px;
}

a.anchorBlue {
	background: url(../images/li-anchorblue.gif) top left no-repeat;
	padding-left: 20px;
}

p {
	line-height: 1.2em;
}
table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
	color: #063096;
	font-size: 1.2em;
}

th {
	background-color: #dddddd;
	vertical-align: top;
	text-align: left;
}

ul li {
	line-height: 1.4em;
}

ol li {
	line-height: 1.4em;
}


/****************************
 * elements of screen layout
 ****************************/
div.head {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 95px;
}
* html div.head {
	position: absolute;
}

div.head form.searchform {
	position: absolute;
	top: 49px;
	left: 720px;
	font-size: 70%;
}
body.kids div.head form.searchform {
	display: none;
}
div.head form.searchform label {
	float: left;
	width: 4em;
	font-weight: bold;
}
div.head form.searchform input {
	float: left;
	width: 10em;
}

div.head a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bgHeadEltern2009.jpg) no-repeat;
}

/**
 * Bereiche mit eigenen Headerbildern
 */
body.kids div.head a {
	background: url(../images/bgHeadKids2009.jpg) no-repeat;
}

/*******************************************************************
 * allgemeine font-size ist im Eltern-, und Kontakt-Bereich kleiner
 * hier ein Ausgleich, damit Navigation nicht zu klein wird
 *******************************************************************/
div.content {
	margin: 0em;
	padding: 0em 0em 0em 2em;
	width:   650px;
}
body.eltern div.content {
	width:   540px;
}

div#gameDiv {
	display: none;
	margin: 0em 0em 0em 2em;
}

div.canvas {
	padding: 0em 0em 0em 10em;
}
* html div.canvas {
	height: 100%;
	overflow: auto;
}

div.navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


/****************
 * form-elements
 ****************/
fieldset {
	margin: 1em 0em 0em 0em;
	padding: 1em 1em 1em 0.5em;
}

legend {
	font-weight: bold;
}

input.text {
	width: 15em;
}
input.plz {
	width: 4em;
}
input.ort {
	width: 10.7em;
}
input.amount {
	width: 2em;
	margin-right: 1em;
}

label.left {
	display: block;
	width: 8em;
	float: left;
}

textarea {
	width: 40em;
	height: 5em;
}

div.question {
	margin: 1em 0em 0em 0em;
}

div.instruction {
	font-style: italic;
}

body.variables table {
	border-collapse: collapse;
	font-size: 0.7em;
}


/**
*styles

*/


img.right {
	float: right;
	margin-left: 1em;
}

img.left {
	float: left;
	margin-right: 1em;
}

img.center {
	display: block;
    margin-left: auto;
    margin-right: auto 
}

ul.icons {
	margin: 0em 0em 1em 0em;
	padding-left: 1.6em;
	
}

li.download {
	list-style-image: url(../images/li-pdf.gif);
		
}

li.net {
	list-style-image: url(../images/li-net.gif);
	
}	

li.anchor {
	list-style-image: url(../images/li-anchor.gif);
	
}	

li.anchorBlue {
	list-style-image: url(../images/li-anchorblue.gif);
	
}	
li.button {
	list-style-image: url(../images/li-button.gif);
	
}

.borderTop {
	border-top: 1px solid #063096;
}

div.h2blue h2 {
	background-color: #d3effd;
	border-top: 1px solid #063096;
	border-bottom: 1px solid #063096;
	margin: 0px;
	padding: 1em 0em 1em 0em;
}

.small {
	font-size: 0.8em;
}

.red {
	color: red;
}
.red a {
	color: red;
}

.justify {
 text-align: justify;
}

div.bodyEltern td.sidebar {
	text-align: right;
	vertical-align: top;
	font-size: 0.8em;
	padding-top: 2em;
}

div.gameScreens {
	min-height: 170px;
}

* html div.gameScreens {
	height: 170px;
}

/**************************
 * add padding to anchors 
 * so that they are visible
 * under header in Firefox
 **************************/
a.t3anchor {
	margin-top:  -90px; /* -152px; */
	padding-top:  90px; /* 152px; */
}
div#tv_banner a.t3anchor,
body.homepage a.t3anchor {
	margin-top:  0px;
	padding-top: 0px;
}
p.emphasize {
	border: 1px solid black;
	padding: 1em;
	font-weight: bold;
}


.printoutOnly {
	display: none;
}

/**************
 * Umfragen
 **************/
div.legakids_survey legend {
	display: none;
}

div.legakids_survey fieldset {
	border: none;
}

div.legakids_survey input {
	float: left;
	clear: both;
}
div.legakids_survey label {
	float:     left;
	color:     #063096;
	font-size: 1em;
	width:     90%;
}

div.legakids_survey button {
	margin-right: 2em;
}

div.legakids_survey span.label {
	font-weight: bold;
}

div.legakids_survey h2 {
	font-size:		1.4em;
	text-align:		left;
	border-bottom:	1px solid #063096;
	height: auto;
}

div.legakids_survey h3 {
	font-size:		1em;
	margin-top:	0em;
	margin-bottom:	0em;
}

div.legakids_survey p {
	margin:	0em;
}

div.legakids_survey a {
	padding-right:	2em;
}

div.legakids_survey span.total {
	font-weight: bold;
}

div.legakids_survey div.surveyItem {
	margin-bottom: 0.5em;
}

div.legakids_survey .proceed {
	background-color: #94d5f5;
	border: 2px outset #345a89;
}

/*
div.legakids_survey div.itemDescription {
	position: absolute;
	left: 0em;
}
div.legakids_survey div.itemResult {
	position: absolute;
	right: 0em;
}
*/

div.legakids_survey div.bar {
	width: 100px;
	border: 1px solid #ff9900;
	position: relative;
	left: 0em;
}

div.legakids_survey div.filled {
	background-color: #ff9900;
}

div.legakids_survey span.percentage {
	margin-left: 0.5em;
}

div.legakids_survey div.message {
	padding: 0.5em;
	color: red;
	border: 1px dotted red;
}


/*********
 * Praxen
 *********/

table.praxen {
	width:         100%;
    border:        1px solid #063096;
    margin-bottom: 1em;
}

table.praxen td.zip {
    font-weight: bold;
}

table.praxen td.name {
    font-weight: bold;
}

div.praxenDetails {
	width: 100%;
}
div.praxenSidebar {
	width:      100%;
	text-align: right;
	font-size:  0.8em;
}

div.zipAreas {
	border:           1px solid #063096;
	background-color: #D3EFFD;
	padding:          1em 0em 0em 0em;
	margin-bottom:    1em;
}
div.zipAreas ul {
	float:           left;
	list-style-type: none;
	width:			 33%;
	text-align:      center;
    margin:          0px;
    padding:         0px;
}


/****************************************************************************
 * changes for the new layout 200712
 ****************************************************************************/
body.homepage {
	padding:          0em;
	font-size:        0.8em;
}

body.homepage a {
	text-decoration: none;
}

/****************************************************************************
 * the blue ribbon at the top
 ****************************************************************************/
div#marquee {
	position:         absolute;
	top:              0px;
	left:             0px;
	width:            99%;
	height:           1.5em;
	overflow:         hidden;
	padding:          0.2em 0.5em 0em 0.5em;
	background-color: #6699cc;
	color:            white;
	text-align:       left;
	font-size:        0.6em;
	
}


/****************************************************************************
 * canvas
 * the centered area holding the content
 ****************************************************************************/
div#canvas  {
	background: url(../images/lega_screen.jpg) no-repeat;
	text-align: left;
	margin:     1.2em 0em 0em 0em;
	position:   relative;
	width:      874px;
	height:     600px;
}


/****************************************************************************
 * Paedi-Sigel
 ****************************************************************************/
img#paedi {
	position: absolute;
	top:      10px;
	right:    10px;
}


/****************************************************************************
 * banner
 ****************************************************************************/
img.banner {
	position: absolute;
	bottom:   65px;
	left:     60px;
}

/****************************************************************************
 * note
 * the note at the top left corner
 ****************************************************************************/
div#note {
	position:  absolute;
	top:       4px;
	left:      4px;
	font-size: 0.7em;
}


/***************************************************
 * infoArea
 * the area contains the button and the news field
 * it is positioned separatley for kids and parents
 ***************************************************/
div.infoArea {
	position: absolute;
	top:      140px; /* 146px; */
}	
div.infoArea#parents {
	left:     50px;
}
div.infoArea#kids {
	left:     578px;
	
}


/****************************************************************************
 * button
 * the entry button to parents or kids area
 ****************************************************************************/
div.button {
	width:       254px;
	height:      32px;
	padding-top: 0em;
	text-align:  center;
	font-size:   1.4em;
}


/****************************************************************************
 * news
 * the area containing the news messages
 * rendered separately for kids and parents
 ****************************************************************************/
div.news {
	margin-top:         10px;
	width:              234px; /*  = 254px - 2 * padding */
	height:             290px;
	padding:            10px;
}
div.news h2 {
	margin:    0em 0em 1em 0em;
	font-size: 1em;
}
div.news ul {
	margin:  0em;
	padding: 0em;
}
div.news span.date {
	font-weight: bold;
}
div#kids {
	font-weight: bold;
}	
div#kids li {
	list-style-position: inside;
	list-style-image: url(../images/li_kids.gif);
	padding: 5px 0px 4px 0px;
	vertical-align: top;
	line-height: 17px;
}
div#kids div.news a {
	color: red;
}


/**
 * Typo3-Elemente werden mit eigenen Stilen versehen
 */
p.align-justify {
	text-align: justify;
}
p.top-ruler {
	clear: both;
	border-top: 1px solid #063096;
}


a.external-link-new-window {
	background:   url(../images/li-net.gif) top left no-repeat;
	padding-left: 20px;
}

a.internal-link {
	background: url(../images/li-anchor.gif) top left no-repeat;
	padding-left: 20px;
}

div.news div.csc-textpic {
	border-bottom: 1px solid #063096;
	margin: 0em;
}

/**
 * FCE: Inhaltselement zweispaltig 
 */
div.contentelement {
	width: 650px;
}
div.contentarea {
	width:      540px;
	float:      left;
}
div.sidebar {
	width:   110px;
	float:   right;
	padding: 0px;
	text-align: right;
}

div.withBorderTop div.contentarea,
div.withBorderTop div.sidebar {
	border-top: 1px solid #063096; 
}

/**
 * Events
 */
ul.event_list li h2 {
	font-size: 1em;
	text-align: left;
	margin: 0em;
}


/**
 * News
 */
div.news div.contentarea {
	text-align: justify;
}
div.news div.contentarea p {
	margin-top: 0em;
}
div.news_single_backlink {
	clear: both;
}
ul.news_list_box {
	list-style-type: none;
	margin: 1em 0em 1em 0em;
	padding: 0px;
}
ul.news_list_box li h2 {
	font-size: 1em;
	text-align: left;
	margin: 0em;
}

ul.news_list_box li {
	padding-bottom: 0.5em;
	clear: both;
}
ul.news_list_box img {
	float:  left;
	margin: 0em 1em 1em 0em;
}
div.news-list-browse {
	border: none;
}

div.news_latest_container {
	padding: 0.5em 0em 0.5em 0em;
	clear: both;
}
body.home div.news_latest_container {
	border-bottom: 1px solid #063096;
}

dl.linklist dt {
	font-weight: bold;
}

dl.linklist dd {
	margin: 0.5em 0em 1em 0em;
	padding: 0em;
}

table.highscore {
	width:         100%;
	margin-bottom: 0.5em;
}
table.highscore caption{
	background-color: #d3effd;
	text-align: left;
}
table.highscore td.td-0 {
	width: 5em;
}

div.fce_games  {
	width:      100%;
	clear:      both;
	border-top: 1px solid #063096;
}
div.fce_games div.textcolumn {
	width:  430px;
	float:  left;
	margin: 0em 0em 1em 0em;
}
div.fce_games div.textcolumn p {
	margin: 0px;
}
div.fce_games div.imagecolumn {
	width:  200px;
	float:  right;
	margin: 0em 0em 1em 0em;
}

div#tv_banner {
	margin: 16px 0px 0px 16px;
}
div#tv_banner img {
	left: 0px;
	margin: 0px;
}

dd.csc-textpic-caption {
	font-size: 0.8em;
	text-align: center;
}

body.sponsoren p.spacer {
	clear:         both;
	margin-bottom: 2em;
	border: 1px solid white;
} 

div.errorBox {
	color: red;
}

.puzzle-liste {
	text-align: center;
	background-color: #D3EFFD;
	width: 422px;
	padding: 1em 0em 1em 0em;
}

div.tx-cal-controller p.date {
	color: red;
	font-weight: bold;
	border-top: 1px solid #063096;
	padding-top: 1em;
}
div.tx-cal-controller p.csc-uploads-description {
	display: none;
}

/**
 * Tabelle im Bereich Neues
 */
table#neues {
	background: #d3effd;
	border:     1px solid #063096;
	font-size:  0.8em;
}
table#neues td {
	padding: 0.5em 1em;
	border:     1px solid #063096;
}

ul.breadcrumb {
	list-style-image: url(../images/li-anchor.gif);
	margin-top: -95px;
}
ul.breadcrumb li {
	float: left;
	margin-left: 40px;
}
div.contentNoNav {
	clear: both;
}

strong.tx-indexedsearch-redMarkup {
	background-color: #95CDF8;
}
div.tx-indexedsearch-whatis {
	display: none;
}
div.tx-indexedsearch-browsebox {
	display: none;
}