/*
Allgemeines Layout
*/

body {
	margin:10px 0px 0px 0px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000000;
	background:#ffffff;
	text-align:left;
}


div#pagewrapper {
	background:#ffffff;
	margin:0 auto;
	width:1000px
}

div#logoleft {
	width:50px;
	background:url(../images/main/logoleft.gif) top left no-repeat #ffffff;
	height:120px;
	float:left;
}

div#rightwrapper {
	width:950px;
	background:#ffffff;
	float:left;
}

div#footer {
	width:948px;
	background:url(../images/main/footerbg.gif) top left repeat-x #ffffff;
	height:44px;
	border-right: 1px solid #cccc33;
	border-left: 1px solid #cccc33;
	text-align: center;
}

div#footer a:link, div#footer a:visited {
	color: #000000;
	border-bottom: 1px dotted #000000;
}

div#footer a:hover, div#footer a:active {
	color:#999999;
	border-bottom:1px dotted #999999;
}

div#header {
	width:949px;
	height:76px;
	background:url(../images/main/headerbg.gif) top left repeat-x #ffffff;
	border-right: 1px solid #cccc33;
}

div#logoright1 {
	width:414px;
	height:76px;
	background:url(../images/main/logoright1.gif) top left no-repeat;
	float:left;
}

div#searchbox {
	padding-top:25px;
	margin-left:750px;
	font-size:1.1em;
	color:#999999;
	font-weight:bold;
	vertical-align:text-bottom;
}

div#searchbox form {
	margin:0px;
}

div#searchbox input {
	vertical-align:middle;
}

div.dotted-line {
	background:url(../images/main/dotted_line.gif) top left repeat;
	height:1px;
	overflow:hidden;
}

/*
Main Menu
*/

div#mainmenu {
	width:949px;
	height:24px;
	background:url(../images/main/logoright2.gif) top left no-repeat #cccc33;
	border-right: 1px solid #cccc33;
}

div#mainmenu ul {
	margin:0 0 0 80px;
	padding:0;
	list-style-type:none;
	height:24px;
}

div#mainmenu ul li {
	float:left;
	display:block;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:20px;
}
div#mainmenu ul li a {
	display:block;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
}

div#mainmenu ul li a:hover, div#mainmenu ul li a:active { border:0; }

li#home {
	width:60px;
	background:url(../images/main/button_home.gif) top left no-repeat;
}
li#home a {
	width:60px;
}
li#home a:hover {
	background:url(../images/main/button_home_active.gif) top left no-repeat;
}
li#home_active {
	width:60px;
	background:url(../images/main/button_home_active.gif) top left no-repeat;
}
li#home_active a {
	width:60px;
}

li#unserkonzept {
	width:143px;
	background:url(../images/main/button_unserkonzept.gif) top left no-repeat;
}
li#unserkonzept a {
	width:143px;
}
li#unserkonzept a:hover {
	background:url(../images/main/button_unserkonzept_active.gif) top left no-repeat;
}
li#unserkonzept_active {
	width:143px;
	background:url(../images/main/button_unserkonzept_active.gif) top left no-repeat;
}
li#unserkonzept_active a {
	width:143px;
}

li#kursangebot {
	width:128px;
	background:url(../images/main/button_kursangebot.gif) top left no-repeat;
}
li#kursangebot a {
	width:128px;
}
li#kursangebot a:hover {
	background:url(../images/main/button_kursangebot_active.gif) top left no-repeat;
}
li#kursangebot_active {
	width:128px;
	background:url(../images/main/button_kursangebot_active.gif) top left no-repeat;
}
li#kursangebot_active a {
	width:128px;
}

li#preise {
	width:70px;
	background:url(../images/main/button_preise.gif) top left no-repeat;
}
li#preise a {
	width:70px;
}
li#preise a:hover {
	background:url(../images/main/button_preise_active.gif) top left no-repeat;
}
li#preise_active {
	width:70px;
	background:url(../images/main/button_preise_active.gif) top left no-repeat;
}
li#preise_active a {
	width:70px;
}

li#kontakt {
	width:80px;
	background:url(../images/main/button_kontakt.gif) top left no-repeat;
}
li#kontakt a {
	width:80px;
}
li#kontakt a:hover {
	background:url(../images/main/button_kontakt_active.gif) top left no-repeat;
}
li#kontakt_active {
	width:80px;
	background:url(../images/main/button_kontakt_active.gif) top left no-repeat;
}
li#kontakt_active a {
	width:80px;
}


/*
Pfad
*/

div#path {
	width:869px;
	height:21px;
	background:url(../images/main/logoright3.gif) top left no-repeat #ffff99;
	font-size:0.95em;
	padding-top:3px;
	margin-bottom:-3px;
	border-right: 1px solid #cccc33;
	padding-left:80px;
}

div#path h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
	margin-bottom:-3px;
}

div#path div#specbuttons {
	float:right;
	margin-right:10px
}

div#path div#specbuttons a {
	border:0px;
}

/*
Allgemeine Styles
*/
 
a:link, a:visited {
	color:#3399ff;
	text-decoration:none;
	border-bottom:1px dotted #3399ff;
}
a:hover, a:active {
	color:#999999;
	text-decoration:none;
	border-bottom:1px dotted #999999;
}

h1 {
	color: #999933;
	font-size:1.25em;
	font-weight:900;
	margin-top:0;
	padding:0;
}

h2 {
	color: #999999;
	font-size:1.1em;
	font-weight:bold;
	margin-top:0;
	padding:0;
}

.hidden { display:none; }

/*
Layout Startseite
*/

div#home {
	width:948px;
	height:533px;
	background:url(../images/main/zirkel-home.gif) top left no-repeat #ffffcc;
	border-right: 1px solid #cccc33;
	border-left: 1px solid #cccc33;
}

div.homeboxwrapper {
	background:url(../images/main/dotted_line.gif) top left repeat #ffff99;
	padding:2px;
}

div.homebox {
	background:#ffff99;
	height:100%;
}

div.homeboxheader {
	background:url(../images/main/home-box-header.gif) top left repeat-x #ffff99;
	height:51px;
}

div#box-lernhilfe-profis {
	width:280px;
	height:230px;
	position:relative;
	left:245px;
	top: 35px;
	font-size: 2.0em;
	float:left;
	font-weight:bold;
	color:#999999;
}

div#box-lernhilfe-profis h1 {
	font-size: 1.0em;
	font-weight:bold;
	color:#999999;
}


div#box-unsere-vorteile {
	width:350px;
	height:230px;
	position:relative;
	left: 280px;
	top: 35px;
	font-size: 1.1em;
	float:left;
	font-weight:bold;
}

div#box-unsere-vorteile li {
	 margin-left:-20px;
	 list-style-type:none;
	 height:30px;
	 background:url(../images/main/vorteile-icon.gif) top left no-repeat;
	 padding:5px 0px 5px 45px;
}

div#box-aktuelles {
	width:510px;
	height:185px;
	clear:both;
	position:relative;
	left:403px;
	top: 70px;
	font-size: 1.1em;
	font-weight:bold;
}

div#box-aktuelles a, div#box-aktuelles a:link, div#box-aktuelles a:hover, div#box-aktuelles a:active, div#box-aktuelles a:visited {
	border:0px;
}

div#box-aktuelles div.newsdate {
	float:left;
	padding:5px 0px 5px 0px;
	margin-left:10px;
}

div#box-aktuelles div.newstitle {
	padding:5px 0px 5px 0px;
	margin-right:10px;
}

div#box-aktuelles div.newstext {
	padding:5px 0px 5px 0px;
	margin:10px;
}

div#box-aktuelles div.newstext h1 {
	color: #999933;
	font-size:1.25em;
	font-weight:900;
	margin-top:0;
	padding:0;
}

div#box-aktuelles div.newstext h1 span {
	font-size:0.80em;
	color: #999999;
}

div#box-aktuelles div.newstext h2 {
	color: #999999;
	font-size:1.1em;
	font-weight:bold;
	margin-top:0;
	padding:0;
}

/*
Layout Contentseite
*/

div#content {
	width:948px;
	border-right: 1px solid #cccc33;
	border-left: 1px solid #cccc33;
	background:url(../images/main/content-zirkel.gif) top left repeat-y #ffffcc;
	padding:0px;
	margin-top:1px;
}

.clearer {
	clear:both;
	height:0px;
	overflow:hidden;
	margin-top:-1px; 
}

/*
Spalte 1 (Submenu und Partnerlinks)
*/

div#column1 {
	float:left;
	width:164px;
}

div#column1 h1 {
	font-size:1.1em;
	color:#999999;
	font-weight:bold;
}

/*
Submenu
*/


div#submenu {
	margin: 10px;
	color:#3399ff;
	text-decoration:none;
}

div#submenu a {
	border:0px;
}


div#submenu ul {
	list-style-position: outside;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
}

div#submenu ul li {
	margin-bottom:20px;
	list-style-image: url(../images/main/nav-list-image.gif);
}

div#submenu ul li.active {
	list-style-image: url(../images/main/nav-list-image_active.gif);
}

div#submenu ul ul {
	list-style-image: url();
	list-style-type: square;
	font-weight:normal;
	padding-left:5px;
	margin-left:5px;
	margin-top:5px;
}

div#submenu ul ul li {
	margin-bottom:3px;
	list-style-image: url();
}

div#submenu ul ul li.active {
	color:#ffcc33;
	list-style-image: url();
}

/*
Partnerlinks
*/

div#partner {
	margin: 10px;
}

div#partner div {
	list-style-type:none;
	display:block;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
}


div#partner div a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
}

div#partner div#partnerHaregg {
	width:110px;
	height:85px;
	display:block;
	background:url(../images/partner/haregg.gif) top left no-repeat;
}
div#partner div#partnerHaregg a {
	width:110px;
	height:85px;
}
div#partner div#partnerHaregg a:hover {
	background:url(../images/partner/haregg-hover.gif) top left no-repeat;
}

div#partner div#partnerDerFreieBerater {
	width:138px;
	height:55px;
	display:block;
	background:url(../images/partner/der_freie_berater.gif) top left no-repeat;
}
div#partner div#partnerDerFreieBerater a {
	width:138px;
	height:55px;
}
div#partner div#partnerDerFreieBerater a:hover {
	background:url(../images/partner/der_freie_berater-hover.gif) top left no-repeat;
}

/*
Spalte 2 (Content-Spalte)
*/

div#column2 {
	float:left;
	width:744px;
	padding: 20px;
	overflow:hidden;
}

div#column2 h1 {
	color: #999933;
	font-size:1.25em;
	font-weight:900;
	margin-top:0;
	padding:0;
}

div#column2 h2 {
	color: #999999;
	font-size:1.1em;
	font-weight:bold;
	margin-top:0;
	padding:0;
}

/*
Formatierung der Suchergebnisse
*/

.tx-indexedsearch-info {display:none}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#B2D0DF;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#E5F5FF; }

/*
Formatierung von Formularen
*/

/*-----Formatierung von Mailformularen----- */

table.form span.field  {display:none;}
table.form td.formcellerror { color:red; background: #fbe29f;}
table.form span.errorfield { color:red; display:block;}

.form {
	background: #ffffcc;
}

.formheader {
	background: #cccc33;
}

.formcell {
	background: #fbe29f;
}

.input {
	border:1px inset;
}

input.button {
	background: #cccc33;
	border:1px solid #999999;
	cursor:pointer;
}
