/* CSS home-schooling.eu */

/* FORMATIERUNG DER SITESTRUKTUR */

html, body { 
	margin: 0px;
	padding: 0px;
	height: 101%;
	font-family: arial;
	font-size: 0.9em;
	color: #555555;
	background: #efefef url(/fileadmin/templates/home-schooling/images/homeschooling.jpg) repeat-x;
	}

#wrapper {
    width: 760px;
	margin: 0 auto;
    padding: 0px;
	background: #ffffff;
	border-left: 1px solid #9DAFBD;
	border-right: 1px solid #9DAFBD;
	}
	
#header {
	width: 760px;
	height: 231px;
	background: #ffffff url(/fileadmin/templates/home-schooling/images/home-schooling.jpg);
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #9DAFBD;
	}
	
#logo {
    float: right;
	width: 250px;
	height: 60px;
	display: none;
	}
	
#suche {
	float: left;
	width: 300px;
	height: 40px;
	padding-top: 170px;
	padding-left: 30px;
	}
	
#navi {
	width: 760px;
	background: #C4CCD2 url(/fileadmin/templates/home-schooling/images/bg_no.gif) repeat-x;
	height: 26px;
	}

#content {
	width: 760px;
	background: #ffffff;
	}

#footer {
	clear: both;
	width: 760px;
	height: 20px;
	background: #6bb2a0 url(/fileadmin/templates/home-schooling/images/home-school.jpg);
	border-top: 2px solid #6bb2a0;
	text-align: center;
	}
	
#analytics {
	}




/************* FCE STYLES *****************/

#col_66-33 {
	margin: 30px 0px 30px 0px;
	}	
	
#col_1 {
	float: left;
	width: 500px;
	margin: 30px 20px 30px 20px;
	padding: 0;
	line-height: 1.3em;
	}
	
#col_2 {
	float: right;
	width: 220px;
	background: #ffffff;
	}	




/***** FORMATIRUNG DER NAVIGATION ********/

#mainmenu {
	}
	
#language {
    float: right;
    padding: 7px 20px 0px 20px;
 	}
	
* {
	margin: 0;
	padding: 0;
    }
	
#infonavi {
	padding-top: 1px;
	color: #ffffff;
	font-weight: 600;
	}
	
#infonavi a {
	color: #ffffff;
	font-weight: 600;
	}
	
#infonavi a:hover {
	color: #ffffff;
	font-weight: 600;
	}



ul.menu, ul.menu ul {
    list-style-type: none;
	}

ul.menu a {
    display: block;
    text-decoration: none;
	background: #C4CCD2 url(/fileadmin/templates/home-schooling/images/bg_no.gif) repeat-x center left;
	padding: 5px 20px;
	margin: 0;
	color: #333333;
	font-weight: bold;
	}
	
ul.menu a:hover, ul.menu a.active {
	background-image: url(/fileadmin/templates/home-schooling/images/bg_act.gif);
	color: #4D9476;
	}

ul.menu ul a {
    padding: 5px 20px;
	}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    background-color: #FFF9E4;
    float:left;
	}

ul.menu ul {
    margin-left:0;
    padding: 0;
    position: absolute;
    background-color: #26383D;
    display:none;
    min-width:150px;
	}

/* IE-Hack für die Breite */
* html ul.menu ul {
    width: 150px;
	}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
	}

ul.menu ul li {
    float:none;
    background-color: transparent;
	}





/****** FORMATIERUNG DER INHALTE *******/
	
h1,h2,h3,h4,h5,h6 {font-family: 'Arial', Verdana; font-weight: normal; }
h1 { font-size: 1.5em; color: #333333; margin: 0px; padding-bottom: 9px; }
h2 { font-size: 1.2em; color: #333333; margin: 0px; padding-bottom: 5px; }
h3 { font-size: 1.0em; color: #ffffff; }
h4 { }
h5 { }
h6 { }

a { color: #333333; text-decoration: none; outline: none;}
a:hover { color: #333333; outline: none;}


.procontra {
	width: 100%;
	border: 1px solid #9DAFBD;
	background: #ffffff;
	margin-top: 3px;
	}
	
th.procontra {
	padding: 0px;
	}
	




/****** FORMATIERUNG DES NEWSLETTER **/

#newsletter {
	width: 200px;
	padding: 30px 0px 30px 0px;
	}

#cr_newsletter_registration {
	font:normal 12px  Arial, Sans-Serif;
	background: #eee;
	width: 180px;
	padding: 10px;
	border-top: 2px solid #ffffff;
        }

#cr_newsletter_registration input#email {
	border: 1px solid #aaa;
	margin: 1px 1px 5px 1px;
	width: 120px;
	height: 17px;
	}

#cr_newsletter_registration input#subscribe {
	border: 1px solid #aaa;
	margin: 1px 1px 15px 1px;
	width: 122px;
	}

#cr_newsletter_registration label {
	float: left;
	display: block;
	width: 50px;
	font-weight: bold;
	padding-top: 3px;
	}

.newsletter-head {
	font-weight: bold;
	background: #FFB038;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	letter-spacing: 1px;
	width: 200px;
	}

.newsletter-body {
	width: 200px;
	font-size: 11px;
	text-align: center;
	background: #EEEEEE;
	}




/**** Formatierung der Survey & Stats Extension */

.tx-pbsurvey-pi1 div {margin-bottom: 10px; }
.tx-pbsurvey-pi1 .pagenumbering {font-size: 60%; position: relative; height: auto;}
.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #000000; width: 100px; height: 15px; position: absolute; z-index: 6; right: 0px;}
.tx-pbsurvey-pi1 .bar {background-color: #CCCCFF; height: 15px; z-index: 4; position: absolute; left: 0px;}
.tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px;}
.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;}
.tx-pbsurvey-pi1 .pageIntroduction {}
.tx-pbsurvey-pi1 .survey_item {margin-top: 0px; margin-bottom: 5px; border: none; line-height: 1.5em;}
.tx-pbsurvey-pi1 .itemform {}
.tx-pbsurvey-pi1 .question {font-size: 100%; font-weight: bold; }
.tx-pbsurvey-pi1 .questionNumber {}
.tx-pbsurvey-pi1 .questionSubtext {font-size: 100%;}
.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}
.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
.tx-pbsurvey-pi1 .matrix {width: 100%;}
.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #CCCCFF;}
.tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left;}
.tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;}
.tx-pbsurvey-pi1 .submit { border: 1px solid #aaa; margin: 0 0 0 20px; width: 122px; }


		
.tx-ncpbsurveyfesimplestats-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #000000; width: 100px; height: 15px; position: relative; z-index: 6;}
.tx-ncpbsurveyfesimplestats-pi1 .bar {background-color: #FF0000; height: 15px; z-index: 4; position: absolute; left: 0px;}