body {
margin: 0;
padding: 0;
background-color: #737A5A;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 14px;
background-image:url(/images/background_green.png);
background-attachment:fixed;
}

body a:link {
text-decoration: none;
color: #FAC424;
}
body a:visited {
text-decoration: none;
color: #FAC424;
}
body a:hover {
text-decoration: underline;
}

#container {
position: absolute;
top: 0;
left: 0;
width: 990px;
}


#logo {
position: absolute;
top: -19px;
left: -10px;
width: 220px;
height: 112px;
margin: 0;
padding: 0;
z-index: 50;
}

#logo a:hover {
text-decoration:none;
}

#header {
position: absolute;
width: 990px;
height: 37px;
top: 24px;
left: 0;
}

#login {
position: absolute;
left: 220px;
width: 612px;
margin: 0;
padding: 0;
background-color:#B6B6B6;
text-align: right;
height:37px;
overflow:hidden;
font-size:11px;
}

#login form {
padding: 6px;
margin: 0;
}

#login p {
padding: 4px 5px 4px 170px;
margin: 0;
float: left;
text-transform:uppercase;
text-align:right;
font-weight:bold;
width: 25px;
}


#login .password {
padding: 4px 5px 4px 5px;
margin: 0;
float: right;
text-transform:none;
font-weight:normal;
width: 55px;
text-align:right;
}

#login input {
border: none;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
margin: 2px;
width: 90px;
}

#login input.button {
width: 20px;
}

#login a {
color: #000;
}


#login  label {
padding: 4px 5px 8px 5px;
}


#logininfo {
position: absolute;
left: 220px;
width: 612px;
margin: 0;
padding: 0;
background-color:#FAC424;
text-align: right;
height:37px;
overflow:hidden;
}


#logininfo p {
padding: 10px 5px 4px 20px;
margin: 0;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
}

#logininfo a {
color: #000;
padding: 0 10px 0 10px;
}


#header #fblogo
{
position: absolute;
left: 842px;
padding:0;
margin:0;
}

#header .userinfo
{
position: absolute;
left: 220px;
width: 612px;
top: 47px;
padding:0;
margin:0;
text-align:right;
}

#header .userinfo a {
color: #000;
padding: 0 10px 0 10px;
}

#mainnav {
position: absolute;
top: 92px;
left: 36px;
width: 170px;
padding: 0;
margin: 0;
}


#mainnav .navitems {
cursor: pointer;
margin: 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
white-space:nowrap;
padding: 5px 0;
}

#mainnav .navitems a:link, #mainnav .navitems a:visited {
color:#000;
background: #FAC424;
padding: 1px 11px 1px 24px;
margin: 0;
}

#mainnav .navitems a:hover {
color:#000;
background: #FAC424;
padding: 1px 11px 1px 24px;
margin: 0;
}

#mainnav .navitemsopen {
cursor: pointer;
margin: 3px 0 0 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
white-space:nowrap;
padding: 2px 0 4px 0;
background: #FAC424;
}

#mainnav .navitemscontent {
background: #FAC424;
padding: 2px 11px 8px 24px;
margin: 0 0 1px 0;
}

#mainnav .navitemscontent ul {
margin: 0;
padding: 0;
list-style-type:none;
font-size:11px;
}

#mainnav .navitemscontent li {
margin: 0;
padding: 0 0 3px 0;
}

#mainnav .navitemscontent li a{
color: #333;
}

#mainnav #subbuttons {
padding: 36px 0 0 0;
}

#mainnav #subbuttons ul {
margin: 0;
padding: 0;
list-style-type:none;
}

#mainnav #subbuttons li {
margin: 4px 0;
padding: 2px 0 2px 0;
overflow: hidden;
white-space:nowrap;
height: 17px;
}

/*
#mainnav #subbuttons a {
background-color:#FFF;
color:#000;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
padding: 0 11px 0px 24px;
margin: 0;
}
*/

#mainnav #subbuttons .ueberwhywar {
background-color:#B6B6B6;
color:#000;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding: 5px 11px 1px 24px;
}

#mainnav #subbuttons .navvideo {
background-color: #FFF;
background-image: url(/images/icon_video.png);
background-repeat: no-repeat;
background-position: 4px 5px;
color:#000;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding: 5px 11px 1px 24px;
}

#mainnav #subbuttons .navraetsel {
background-color: #FFF;
background-image: url(/images/icon_raetsel.png);
background-repeat: no-repeat;
background-position: 4px 5px;
color:#000;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding: 5px 11px 1px 24px;
}

#mainnav #subbuttons .navschueler {
background-color: #FFF;
background-image: url(/images/icon_schueler.png);
background-repeat: no-repeat;
background-position: 4px 5px;
color:#000;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding: 5px 11px 1px 24px;
}



#mainnav #subbuttons .navitems {
cursor: pointer;
margin: 0;
padding: 2px 0 5px 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
white-space:nowrap;
}


#mainnav #subbuttons .navitems a:link, #mainnav #subbuttons .navitems a:visited {
color:#000;
background: #B6B6B6;
padding: 1px 11px 1px 24px;
margin: 1px 0;
}

#mainnav #subbuttons .navitems a:hover {
color:#000;
background: #B6B6B6;
padding: 1px 11px 1px 24px;
margin: 0;
}

#mainnav #subbuttons .navitemsopen {
margin: 0;
padding: 5px 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
white-space:nowrap;
margin: 0;
background: #B6B6B6;
}

#mainnav #subbuttons .navitemscontent {
background: #B6B6B6;
padding: 0px 11px 10px 24px;
margin: 0 0 5px 0;
}

#mainnav #subbuttons .navitemscontent ul {
margin: 0;
padding: 0;
list-style-type:none;
font-size:11px;
}

#mainnav #subbuttons .navitemscontent li {
margin: 0;
padding: 0 0 3px 0;
overflow: hidden;
white-space:nowrap;
height: 18px;
}

#mainnav #subbuttons .navitemscontent li a{
color: #333;
}


#rightnav {
position: absolute;
left: 842px;
top: 92px;
margin: 0;
padding: 0;
}


#news {
margin: 0 0 25px 0;
}

#news ul {
margin: 0;
padding: 0;
list-style-type:none;
}

#news li{
margin: 0 0 6px 5px;
padding: 0;
}

#news h3 {
font-size:12px;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
margin: 0 0 7px 5px;
padding: 0;
}

#news h3 a.nlink {
font-size:12px;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
}


#news a {
text-transform:uppercase;
font-weight:bold;
font-size:11px;
}


#wikilinks {
margin: 0 0 25px 0;
padding: 5px;
background-color:#FFF;
}

#wikilinks ul {
margin: 0;
padding: 0;
list-style-type:none;
}

#wikilinks li{
margin: 3px 0 6px 5px;
padding: 0;
}

#wikilinks h3 {
font-size:11px;
color:#000;
text-transform:uppercase;
font-weight:bold;
margin: 1px;
padding: 2px;
background-color:#FAC424;
white-space:nowrap;
}


#wikilinks a {
font-weight:bold;
font-size:11px;
}


#search {
padding: 0 0 0 0;
margin: 0;
}

#search .field {
background-color:#FFF !important;
border: none !important;
width: 140px !important;
padding: 2px !important;
margin: 1px !important;
}

#search .button {
float:right;
font-size:11px;
color:#000;
text-transform:uppercase;
font-weight:bold;
margin: 2px;
padding: 2px;
background-color:#FAC424;
white-space:nowrap;
border:none;
cursor:pointer;
}


#contentcontainer {
position: absolute;
left: 220px;
top: 92px;
margin: 0;
width:612px;
}

#content {
background-color:#FFF;
padding: 15px 12px 12px 12px;
line-height:18px;
}

#sponsors {
padding: 0;
margin: 0;
height:40px;
overflow:hidden;
text-align:right;
width:612px;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
background-color:#B6B6B6;
height: 10px;
width:612px;
}

#footer p {
margin: 0;
padding: 0 10px 0 10px;
line-height:9px;
}

#footer a {
color: #000;
}


.floatleft {
float:left;
}

.floatright {
float:right;
}


#start {
	background-image:url(images/background_green.png);
	background-repeat:no-repeat;
	background-color: #606748;
	height:105px;
	margin: 20px 0 0 0;
	background-position: -230px -180px;
}

#start h1 {
color: #FFF;
padding: 10px 20px 2px 10px !important;
margin: 0;
}

#start p {
color: #FFF;
padding: 2px 20px 2px 10px;
margin: 0;
font-style:italic;
}

.noborder {
margin: 0;
padding: 0;
}

#content h6 {
float:right;
width:180px;
margin: 15px;
padding: 5px 5px 5px 30px;
font-size:11px;
line-height:18px;
background-image: url(images/icon_schueler_orange.png);
background-repeat: no-repeat;
background-position: left top;
font-weight:normal;
color:#979797;
background-color:#F0F0F0;
}

#content h6 p {
margin: 0;
padding: 0;
}

#content h5 {
margin: 0;
padding: 10px 10px 2px 0;
font-size:12px;
line-height:18px;
}

#content h3 {
margin: 0;
padding: 10px 10px 2px 0;
font-size:14px;
}

#content h2 {
margin: 0;
padding: 10px 10px 2px 0;
font-size:16px;
}

#content h1 {
margin: 0;
padding: 10px 10px 2px 0;
font-size:18px;
}

.projectby {
position: absolute;
left: 842px;
top:-14px;
font-size:9px;
color:#FFF;
margin:0;
padding:0;
}

.breadcrums {
margin: -12px 0 10px 0;
padding: 0;
font-size:11px;
}

.breadcrums a:link,.breadcrums a:visited {
color:#979797;
background-image:url(/images/arrow_gray.png);
background-repeat:no-repeat;
background-position:right;
padding: 0 9px 0 0;
}

#content .linkvideo {
	background-image: url(/images/icon_video.png);
	background-repeat: no-repeat;
	background-position: 2px top;
text-transform:uppercase;
font-weight:bold;
padding: 0 8px 0px 20px;
margin: 0;
}

#content .linkraetsel {
background-image: url(/images/icon_raetsel.png);
background-repeat: no-repeat;
background-position: 2px top;
text-transform:uppercase;
font-weight:bold;
padding: 0 8px 0px 20px;
margin: 0;
}

#content .readmore a:link, #content .readmore a:visited {
background-image:url(/images/arrow_yellow.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 9px;
color:#979797;
}

#content .chapter {
width: 280px;
margin: 0 10px 0 0;
}


#content .chapter h3 {
background-color:#FAC424;
padding:2px 10px;
margin:20px 10px 5px 0px;
font-size: 14px;
}

.beispielueberschrift {
font-size:14px;
background-color:#FAC424;
padding:2px 10px;
margin:20px 10px 5px 0px;
font-weight:bold;
}

#content .chapter p {
padding: 0 10px 0 10px;
margin:0;
}

#content .chapter h4 {
padding: 10px 10px 0 10px;
margin:0;
text-transform:uppercase;
font-size: 12px;
}

#content .chapter h4  a{
color:#000;
}

#content .chapter p .readmore {
padding:0;
margin:0;
}

#content .example {
float:right;
width: 250px;
margin: 5px 0 10px 10px;
padding:0;
background-image:url(/images/background_green.png);
background-position:10px 0;
background-color: #737A5A;
font-size:11px;
}

#content .example h4 {
padding: 8px 10px 3px 25px;
margin:0;
text-transform:uppercase;
color: #FAC424;
font-size: 12px;
}

#content .example p {
padding: 0 10px 10px 25px;
margin:0;
line-height:12px;
}

#content .example p.schuelerseite {
background-image: url(/images/icon_schueler_green.png);
background-repeat: no-repeat;
background-position: 8px top;
}

#content .example p a {
padding: 0;
margin: 0;
color:#FFF;
}


#content .exampletitle {
background-color:#FAC424;
padding:2px 10px;
margin:20px 10px 5px 0px;
}

#content ul {
list-style-type:square;
list-style-position: outside;
padding: 0 10px 10px 25px;
}


#content .chapter h4.schuelerseite {
background-image:url(/images/icon_schueler.png);
background-repeat: no-repeat;
background-position: 3px 11px;
margin-left:5px;
padding-left:20px;
}

#content .chapter h4.videoseite {
background-image:url(/images/icon_video.png);
background-repeat: no-repeat;
background-position: 3px 11px;
margin-left:5px;
padding-left:20px;
}

#introschule {
width: 320px;
padding: 5px;
}

#introschule h3 {
background-image: url(/images/icon_schueler.png);
background-repeat: no-repeat;
background-position: 2px 5px;
text-transform:uppercase;
padding: 5px 10px 5px 20px;
margin: 0;
}

#introschule p {
padding: 0 10px 3px 20px;
font-style:italic;
margin: 0;
line-height:12px;
}

.titleschule {
background-color: #606748;
color:#FFF;
padding: 10px 5px;
line-height:25px;
}

/* FILETYPS */

.filecontentlink {
	background-image: url(images/file_unkown.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

.pdffile {
	background-image: url(images/file_pdf.gif);
	background-repeat: no-repeat;
}

.giffile, .jpgfile, .pngfile {
	background-image: url(images/file_image.gif);
	background-repeat: no-repeat;
}

.docfile {
	background-image: url(images/file_word.gif);
	background-repeat: no-repeat;
}

.xlsfile {
	background-image: url(images/file_excel.gif);
	background-repeat: no-repeat;
}

.zipfile {
	background-image: url(images/file_zip.gif);
	background-repeat: no-repeat;
}



.reflink {
	background-image: url(images/reflink.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
}

.refbook {
	background-image: url(images/refbook.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #F0F0F0;
}

.refbook:hover, .reflink:hover {
	text-decoration:none;
}

a:link.refbook {
	color: #FFF;
}