/* 
Logo Nachhilfe
Copyrights brizk design (www.brizk.com)
Created: 09.11.2007
*/

/* Basic ######################################################### */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:0;
	margin:0;
	border: 0;
	color: #000;
	background:#efeee0;
	line-height: 1.4em;
	}

div.wrap {
	margin: 10px auto 25px auto;
	padding: 0;
	width: 909px;
	text-align:left;
	position:relative;
	background: #FFFFFF url(../pix/round-top.gif) top left no-repeat;
	}

div.content {
	background:url(../pix/bg-content.gif) left top repeat-y;
	}

div.subheader {
	margin: 0 23px;
	padding-bottom:10px;
	background:url(../pix/dotted-line.gif) left 120px repeat-x;
	clear:both;
	}

a.logo {
	width:383px;
	height:107px;
	margin:20px 0 0 10px;
	float:left;
	text-indent:-1000em;
	background:url(../pix/logo.gif) top left no-repeat;
	}

a.kostenlos {
	display:block;
	width:107px;
	height:108px;
	text-indent:-1000em;
	position:absolute;
	top:-13px;
	left:770px;
	background:url(../pix/kostenlos.gif) top left no-repeat;
	}
	
a.kostenlos-text {
	width:238px;
	height:46px;
	margin:50px 125px 0 0;
	text-indent:-1000em;
	float:right;
	background:url(../pix/kostenlos-text.gif) top left no-repeat;
	}

div.column-left {
	width:265px;
	float:left;
	}	
	
div.column-right {
	width:594px;
	float:left;
	margin:10px 0 10px 28px;
	}

div.kontaktbox {
	background:url(../pix/nav-main-kontakt.gif) top left no-repeat;
	padding:55px 0 10px 30px;
	margin-top:30px;
	}	

div.kontaktbox p.short {
	width:70px;
	font-weight:bold;
	padding:3px 0;
	margin:0;
	float:left;
	}	

div.kontaktbox p.long {
	width:155px;
	float:left;
	padding:3px 0;
	margin:0;
	}	

div.footer {
	background:url(../pix/round-bottom.gif) left bottom no-repeat;
	height:40px;
	clear:both;
	position:relative;
	}	
	
div.dotted-content {
	text-align:center;
	background:url(../pix/dotted-line.gif) center center repeat-x;
	margin-top:20px;
	}

div.dotted-content a {
	text-indent:-1000em;
	margin:0 auto;
	width:403px;
	height:36px;
	display:block;
	}

div.fruehfoerderung div.dotted-content a {
	background:url(../pix/kontakt-fruehfoerderung.gif) 0 0 no-repeat;			
	}
	
div.stud div.dotted-content a {
	background:url(../pix/kontakt-schueler.gif) 0 0 no-repeat;			
	}
	
div.erw div.dotted-content a {
	background:url(../pix/kontakt-erwachsene.gif) 0 0 no-repeat;			
	}
	
div.firmen div.dotted-content a {
	background:url(../pix/kontakt-firmen.gif) 0 0 no-repeat;			
	}

div.half-left {
	width:287px;
	float:left;
	padding:15px 0;
	}
	
div.half-right {
	width:287px;
	padding:15px 0;
	float:right;
	}
	
div.form-result {
	margin:15px 0;
	padding:10px;
	background:#e8e8e2;
	font-weight:bold;
	}
	
div.form-result span.ok {
	color:#009933;
	}	
	
div.form-result span.error {
	color:#FF0000;
	}
	
div.print-footer {
	display:none;
	}

div.aktuell {
	background:url(../pix/aktuell.gif) 0 0 no-repeat;
	padding:52px 0 0 0;
	margin:20px 0 0 0;
	}

/* Header-Images ######################################################### */		

div div.header-image {
	width:594px;
	height:147px;
	margin-bottom:10px;
	}

div.fruehfoerderung div.header-image {
	background:url(../pix/header-fruehfoerderung.jpg);
	}	

div.stud div.header-image {
	background:url(../pix/header-schueler.jpg);
	}	

div.erw div.header-image {
	background:url(../pix/header-erwachsene.jpg);
	}	

div.firmen div.header-image {
	background:url(../pix/header-firmen.jpg);
	}	

div.ueber div.header-image, div.jobs div.header-image, div.kontakt div.header-image {
	background:url(../pix/dummy-header.jpg);
	}		

div.kontakt div.header-image {
	background:url(../pix/header-logo2.jpg);
	}		

div.ueber div.header-image {
	background:url(../pix/header-logo2.jpg);
	}		

div.jobs div.header-image {
	background:url(../pix/header-logo3.jpg);
	}	
	

/* Headlines ######################################################### */		

h1 {
	padding:0;
	margin:0 0 2px 0;
	text-indent:-1000em;
	height:36px;
	}
	
div.fruehfoerderung h1 {
	background:url(../pix/header-fruehfoerderung.gif) 0 0 no-repeat;
	}	
	
div.stud h1 {
	background:url(../pix/header-schueler.gif) 0 0 no-repeat;
	}		
	
div.erw h1 {
	background:url(../pix/header-erwachsene.gif) 0 0 no-repeat;
	}	
	
div.firmen h1 {
	background:url(../pix/header-firmen.gif) 0 0 no-repeat;
	}
	
div.ueber h1 {
	background:url(../pix/header-ueber.gif) 0 0 no-repeat;
	}
	
div.jobs h1 {
	background:url(../pix/header-jobs.gif) 0 0 no-repeat;
	}
	
div.kontakt h1 {
	background:url(../pix/header-kontakt.gif) 0 0 no-repeat;
	}
	
h2 {
	font-size:1.6em;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	clear:both;
	padding:8px 0;
	}	

div.fruehfoerderung h2 {
	border-bottom:2px solid #fccd40;	
	}

div.stud h2 {
	border-bottom:2px solid #f89739;	
	}

div.erw h2 {
	border-bottom:2px solid #61c453;	
	}

div.firmen h2 {
	border-bottom:2px solid #3ebfb1;	
	}
	
div.ueber h2, div.jobs h2, div.kontakt h2 {
	border-bottom:2px solid #b72842;	
	}
		
	
h3 {
	font-size:1.1em;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:8px 0;
	}	
	
.box-grey h3 {
	font-size:1.1em;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 2px 0;
	color:#777773;
	padding:10px 8px 8px 8px;
	background:#e8e8e2 url(../pix/grey-top.gif) 0 0 no-repeat;
	}	
	
/* Links & Fonts ######################################################### */	

a:link,  a:visited, a:active {color:#b72842; text-decoration:underline}
a:hover {color:#e30f5f; }

.large-font {
	font-size:1.2em;
	line-height:1.3em;
	}	

/* Navigation ######################################################### */

ul.nav {
	padding:0;
	margin:0;
	position:absolute;
	list-style-type: none;
	top:-8px;
	left:281px;
	}	
		
ul.nav li {
	padding:0;
	margin:0;
	display:inline;
	}
	
ul.nav li.start a:link, ul.nav li.start a:visited  {
	background-image:url(../pix/nav-startseite.gif);
	background-position: 0 0;
	width:102px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}
		
ul.nav li.ueber a:link, ul.nav li.ueber a:visited  {
	background-image:url(../pix/nav-ueberuns.gif);
	background-position: 0 0;
	width:98px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}	
		
ul.nav li.jobs a:link, ul.nav li.jobs a:visited  {
	background-image:url(../pix/nav-jobs.gif);
	background-position: 0 0;
	width:70px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}
		
ul.nav li.kontakt a:link, ul.nav li.kontakt a:visited  {
	background-image:url(../pix/nav-kontakt.gif);
	background-position: 0 0;
	width:90px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}
	
ul.nav li.start a:hover, ul.nav li.ueber a:hover, ul.nav li.jobs a:hover, ul.nav li.kontakt a:hover {
	background-position:0 -32px;
	}
		
ul.nav li a.active:link, ul.nav li a.active:visited {
	background-position:0 -32px;	
	}

	

ul.nav-main {
	padding:0;
	margin:0;
	list-style-type: none;
	}	
		
ul.nav-main li {
	padding:0;
	margin:0;
	}
	
ul.nav-main li.frueh a:link, ul.nav-main li.frueh a:visited  {
	background-image:url(../pix/nav-main-frueh.gif);
	background-position: 0 0;
	width:264px;
	height:66px;
	display:block;
	text-indent:-1000em;
	}	
	
ul.nav-main li.stud a:link, ul.nav-main li.stud a:visited  {
	background-image:url(../pix/nav-main-stud.gif);
	background-position: 0 0;
	width:264px;
	height:66px;
	display:block;
	text-indent:-1000em;
	}	
	
ul.nav-main li.erw a:link, ul.nav-main li.erw a:visited  {
	background-image:url(../pix/nav-main-erw.gif);
	background-position: 0 0;
	width:264px;
	height:66px;
	display:block;
	text-indent:-1000em;
	}
	
ul.nav-main li.firmen a:link, ul.nav-main li.firmen a:visited  {
	background-image:url(../pix/nav-main-firmen.gif);
	background-position: 0 0;
	width:264px;
	height:66px;
	display:block;
	text-indent:-1000em;
	}
	
ul.nav-main li.frueh a:hover, ul.nav-main li.stud a:hover, ul.nav-main li.erw a:hover, ul.nav-main li.firmen a:hover {
	background-position:0 -66px;
	}
		
ul.nav-main li a.active:link, ul.nav-main li a.active:visited {
	background-position:0 -66px;	
	}


/* Subnav Common Settings */
	
ul.nav-main li ul.sub {
	padding:5px 0;
	margin:0 0 0 25px;
	width:220px;
	list-style-type:none;
	}
	
ul.nav-main li ul.sub li a:link, ul.nav-main li ul.sub li a:visited {
	text-indent:0;
	height:auto;
	padding:3px 6px 3px 22px;
	margin:1px 0;
	width:192px;
	color:#000;
	text-decoration:none;
	}	
	
ul.nav-main li ul.sub li a.active:link, ul.nav-main li ul.sub li a.active:visited, 
ul.nav-main li ul.sub li a.active:hover {
	font-weight:bold;
	}	
	
	
	
/* Subnav Fruehfoerderung */	

ul.nav-main li.frueh ul.sub {
	background:#fff3cd;
	}

ul.nav-main li.frueh ul.sub li a:link,  ul.nav-main li.frueh ul.sub li a:visited  {
	background:#fff3cd url(../pix/nav-arrow.gif) 7px 8px no-repeat;
	}

ul.nav-main li.frueh ul.sub li a:hover, ul.nav-main li.frueh ul.sub li a.active:link, ul.nav-main li.frueh ul.sub li a.active:visited, ul.nav-main li.frueh ul.sub li a.active:hover  {
	background:#fed96c url(../pix/nav-arrow.gif) 9px 8px no-repeat;;
	}
	
	
/* Subnav Studenten */	

ul.nav-main li.stud ul.sub {
	background:#ffe9d4;
	}

ul.nav-main li.stud ul.sub li a:link,  ul.nav-main li.stud ul.sub li a:visited  {
	background:#ffe9d4 url(../pix/nav-arrow.gif) 7px 8px no-repeat;
	}

ul.nav-main li.stud ul.sub li a:hover, ul.nav-main li.stud ul.sub li a.active:link, ul.nav-main li.stud ul.sub li a.active:visited, ul.nav-main li.stud ul.sub li a.active:hover  {
	background:#f9bb7e url(../pix/nav-arrow.gif) 9px 8px no-repeat;;
	}	

	
	
/* Subnav Erwachsene */	

ul.nav-main li.erw ul.sub {
	background:#d3f7cd;
	}

ul.nav-main li.erw ul.sub li a:link,  ul.nav-main li.erw ul.sub li a:visited  {
	background:#d3f7cd url(../pix/nav-arrow.gif) 7px 8px no-repeat;
	}

ul.nav-main li.erw ul.sub li a:hover, ul.nav-main li.erw ul.sub li a.active:link, ul.nav-main li.erw ul.sub li a.active:visited, ul.nav-main li.erw ul.sub li a.active:hover  {
	background:#a6e69d url(../pix/nav-arrow.gif) 9px 8px no-repeat;;
	}	


	
	
/* Subnav Firmen */	

ul.nav-main li.firmen ul.sub {
	background:#bff5ef;
	}

ul.nav-main li.firmen ul.sub li a:link,  ul.nav-main li.firmen ul.sub li a:visited  {
	background:#bff5ef url(../pix/nav-arrow.gif) 7px 8px no-repeat;
	}

ul.nav-main li.firmen ul.sub li a:hover, ul.nav-main li.firmen ul.sub li a.active:link, ul.nav-main li.firmen ul.sub li a.active:visited, ul.nav-main li.firmen ul.sub li a.active:hover  {
	background:#91ded6 url(../pix/nav-arrow.gif) 9px 8px no-repeat;;
	}


ul.footer {
	padding:0;
	margin:0;
	position:absolute;
	list-style-type: none;
	top:16px;
	left:570px;
	}	
		
ul.footer li {
	padding:0;
	margin:0;
	display:inline;
	}
	
ul.footer li.impressum a:link, ul.footer li.impressum a:visited  {
	background-image:url(../pix/nav-impressum.gif);
	background-position: 0 0;
	background-position:0 -32px;
	width:114px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}
		
ul.footer li.top a:link, ul.footer li.top a:visited  {
	background-image:url(../pix/nav-top.gif);
	background-position: 0 0;
	background-position:0 -32px;
	width:189px;
	height:32px;
	float:left;
	text-indent:-1000em;
	}
	
ul.footer li.impressum a:hover, ul.footer li.top a:hover, ul.footer li a.active:link, ul.footer li a.active:visited  {
	background-position:0 0;
	}
	
	
/* Images ######################################################### */	

img {
	border:0;
	}	

/* Listen ######################################################### */

ul.content-nav {
	margin:0;
	padding:10px 20px;
	list-style-type:none;	
	}

ul.content-nav li {
	background:url(../pix/nav-arrow-red.gif) 0 9px no-repeat;
	padding:3px 0 3px 16px;
	margin:0;
	}

.box-grey ul {
	background:#f3f3ed url(../pix/grey-bottom.gif) bottom center no-repeat;
	}
	
/* Summary List in various colours */	

ul.summary {
	margin:0;
	padding:15px 25px;
	list-style-type:none;
	background:#fff3cd;
	}
	
ul.summary li {
	font-weight:bold;
	padding:6px 0 6px 24px;
	margin:0;
	}


.fruehfoerderung ul.summary {
	background:#fff3cd;
	}
		
.fruehfoerderung ul.summary li {
	background:url(../pix/star-frueh.gif) 2px 7px no-repeat;	
	}
	

.stud ul.summary {
	background:#ffe9d4;
	}
		
.stud ul.summary li {
	background:url(../pix/star-stud.gif) 2px 7px no-repeat;	
	}	


.erw ul.summary {
	background:#d3f7cd;
	}
		
.erw ul.summary li {
	background:url(../pix/star-erw.gif) 2px 7px no-repeat;	
	}	


.firmen ul.summary {
	background:#bff5ef;
	}
		
.firmen ul.summary li {
	background:url(../pix/star-firmen.gif) 2px 7px no-repeat;	
	}	


.ueber ul.summary {
	background:#f9e9ec;
	}
		
.ueber ul.summary li {
	background:url(../pix/star-stud.gif) 2px 7px no-repeat;	
	}
	
	
/* Formulare ######################################################### */

form p {
	margin:2px 0;
	padding:8px 5px;
	clear:both;
	background:#f3f3ed;
	}
	
form p.trenner {
	margin:0;
	padding:0;
	height:5px;
	background:none;
	clear:both;
	font-size:0.1em;
	line-height:0.1em;
	}	

input {
	float:left;
	width:250px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}

select {
	float:left;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
	
input.small {
	width:80px;
	}
	
label {
	float:left;
	width:220px;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.5em;
	}

input.hidden {
	visibility:hidden;
	}


textarea {
	float:left;
	width:250px;
	height:10em;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}

input.submit {
	padding:3px;
	}

.error {
	margin:0 0 10px 0;
	color:#f10000;
	font-weight:bold;
	}

.success {
	margin:0 0 10px 0;
	color:#00CC66;
	font-weight:bold;
	}
		




/* Toggle Script ######################################################### */	

.dhtmlgoodies_question{	
	display:inline;	
	overflow:hidden;
	cursor:pointer;
	}

.dhtmlgoodies_question strong {
	color:#b72842;
	text-decoration:underline;
	font-weight:bold;	
	}
	
.dhtmlgoodies_answer{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	}
	
.dhtmlgoodies_answer_content{	
	position:relative;
	}



/* Misc ######################################################### */		

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}	

.clear {
	clear:both;
	}