/* =========================================================
kernfragen.de - Stylesheet für das Jugendportal
Datei: design.css
Media: screen
Datum: 26. Oktober 2007
Autor: Ulf Mayer, Navigate AG
Mail: mayer@navigate.de

 Farbangaben:
 Rahmen-Grau: 	#A9A9A9
 Hellblau:		#e1f1f9


========================================================== */

/* ===============================
   = Stylesheet für Standard-GUI-Element
=============================== */
@import url(wgl.css);
/* ===============================
   = Stylesheet für Navigation
=============================== */
@import url(nav.css);


/* ===============================
   = Formatierung von HTML-Elementen
=============================== */

*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.51%; /* don't edit */
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	font-size: 1em; /* edit here to change font size globaly 1em = 10px */
	background: #5e5e5e;
	color: #000;
}

div {
	font-size: 1em;
}

address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd, hr { margin:0; padding:0 }
ul,ol { list-style:none }
:link,:visited { text-decoration:none }

h4 { margin: 0 0 10px 0; color: #1978a8;}

dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}
ul {list-style-image: url(/kernfragen/wGlobal/layout/images/backgrounds/bullet.gif); margin-bottom: 18px;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

a img,:link img,:visited img, a:focus img, a:active img { border:none; }
map, area {border:0px none;}


table                {}
tr, thead, tbody     {}
th, td               {vertical-align:top}

form                 {}

input                {font:inherit;}
select               {font:inherit;}
textarea             {font:inherit;}

label,
button		           {cursor:pointer;}
button:hover         {cursor:pointer;}

a                    {color: #1978a8; font-weight: bold;}
a:hover              {}
a.intern             {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/intern.gif) center left no-repeat}
a.extern             {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/extern.gif) center left no-repeat}
a.lexikon             {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/lexikon.gif) center left no-repeat}
a.download           {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/download.gif) center left no-repeat}
a.audio              {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/audio.gif) center left no-repeat}
a.video              {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/video.gif) center left no-repeat}
a.pdf              {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/pdf.gif) center left no-repeat}
a.word              {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/page_white_word.gif) center left no-repeat}
a.excel              {line-height: 18px; padding:1px 0 0 20px; background:url(/kernfragen/wGlobal/layout/images/links/page_white_excel.gif) center left no-repeat}

a img                {border:none}

img.picture          {margin:4px 4px 4px 4px}
img.pictureLeft      {float:left;margin:4px 9px 4px 0}
img.pictureRight     {float:right;margin:4px 0 4px 9px}

.clear {
	clear: both;
}

.inv {
	visibility: hidden;
}

body div div input.autowidth {
	width: auto;
}

#blockMain #blockLeftContentRight .elementText table {
	background: #f2f2f2;
	border-collapse: collapse;
	/*width: 100%;*/
	margin: 0 0 13px 0;
}

#blockMain #blockLeftContentRight .elementText table td,
#blockMain #blockLeftContentRight .elementText table th {
	border: 1px solid #fff;
	padding: 4px 5px 4px 5px;
	vertical-align: middle;
}

.blue { color: #1978a8;}

fieldset.noBorder {	border: 0;}
fieldset.noBorder legend{	display: none;}
fieldset.noBorder label { font-size: .9em;}
fieldset.noBorder input { margin: 0 0 5px 0; width: 151px;}

input {
	background: #fff url(/kernfragen/wGlobal/layout/images/backgrounds/input-bg.gif) repeat-x;
	border: 1px solid #a9a9a9;
	padding: 2px;
}

.screenreader {
	display: none;
}

/* Grundgerüst */

#blockPre              {}
#blockPreInner         {}

#blockMain             {position: relative; width:920px; background:#fff; margin: 2em auto; text-align: left; border: #454545 1em solid; min-height: 600px; padding-bottom: 45px;}
#blockMainInner        {font-size: 1.2em; margin: .8em;}

#blockContent          {float:left; width: auto; width: 530px;}
#blockContentInner     {font-size: 1em; line-height: 18px;}

#blockTop              {}
#blockTopInner         {}

#blockRight            {margin: 0 0 0 0; font-size: .8em; float:right; width: 175px;}
#blockRightInner       {font-size: 1.2em;}

#blockBottom           {color: #fff; font-weight: bold; padding: 0 0 0 184px; margin: 10px 0 0 0; height: 30px; background: #1a79a9 url(/kernfragen/wGlobal/layout/images/backgrounds/fade-bottom.gif) 0 0 repeat-x; width: 716px; position: absolute; bottom: 10px; left: 10px;}
#blockBottomInner      {}

#blockLeft             {margin: 0 10px 0 0; font-size: .8em; float:left; width: 175px; padding: 0;}
#blockLeftInner        {font-size: 1.2em;}

#blockLeftContentRight { background: url(/kernfragen/wGlobal/layout/images/backgrounds/fade-under-menu.gif) 0 55px repeat-x;}

#blockLeftContentRight .mostImportantHeadline h1    { margin: 0 0 10px 0; color: #003c74;	font-size: 1.7em;	font-family: Arial;	font-weight: bold;}

.mostImportantHeadline {
	display: block;
	margin: 0px 0 20px 0;
	padding: 80px 0 0 185px;
}

#helpnavigation,
#contactInformation {
	display: none;
	clear: both;
}

#blockPost             {}
#blockPostInner        {}

/* Elemente des oberen Bereich */

#globalFunctions                { font-size: .8em; position: absolute; z-index: 20; top: 10px; right: 10px; width: 175px; height: 180px; background: url(/kernfragen/wGlobal/layout/images/backgrounds/background-globalFunctions.gif) no-repeat;}
#globalFunctions a	            { font-size: 1.3em; color: #1978a8; display: block; font-weight: bold;}
#globalFunctions a:hover	      {}
#globalFunctions ul { width: 155px; }
#globalFunctions ul li {display: inline;}

#logo                           {display: none;}
#banner                         { height: 180px; width: 715px; font-size: .8em;}
#banner img                        { font-size: 1em;}
#banner a                        { outline: 0;}

#search                         { position: absolute; top: 158px; right: 20px; z-index: 30;}
#search fieldset {border: 0;}
#search fieldset legend {display: none;}
.searchLabel                    {}
.searchInput                    { position: absolute; top: 0; right: 25px; width: 125px; border: 1px solid #a9a9a9; padding: 3px 0 2px 3px;}
.searchButton                   { position: absolute; top: 0; right: 0; border: 0; height: 22px; width: 22px; background: url(/kernfragen/wGlobal/layout/images/buttons/search-button.gif) no-repeat;}
.searchButton span {
	display: none;
}

#search div.suggestions {
/*	background: #bbb;*/
	background: url(/kernfragen/wGlobal/layout/images/backgrounds/shadow.png);
	position: absolute;
	/*
	left: -155px;
	*/
	margin-left:2px;
	top: 30px;
	width: 155px;
	z-index: 200;

}

#search div.innerSuggestions {
	background: #fff url(/kernfragen/wGlobal/layout/images/backgrounds/box-bg.gif) right top repeat-y;
	border: 1px solid #a9a9a9;
	display: block;
	width: 153px;
	margin: -2px 0 2px -2px;
}

div.innerSuggestions ul { list-style: none; margin: 0; padding: 0;}
div.innerSuggestions ul li { margin: 0; padding: 0;}
div.innerSuggestions ul li a { color: #000; display: block; margin: 0; padding: 3px 0 3px 4px;}
div.innerSuggestions ul li a:hover { background: #e1f1f9;}

/* Pflegeschaltflächen */

#beButtonLayoutwizard           {position:absolute;margin:8px 0 0 8px}

#beButtons                      {float:right;margin:-23px 0 0 3px}
#beButtonAdmin                  {}
#beButtonPage                   {float:left;margin:0}
#beButtonContent                {float:left}

#beButtonEditTop                {}
#beButtonEditRight              {position:absolute;margin:-23px 0 0 5px}
#beButtonEditBottom             {position:absolute;margin:1px 0 0 5px}
#beButtonEditLeft               {position:absolute;margin:5px 0 0 5px}

#beButtonEditNavigation         {position:absolute;margin:-24px 0 0 5px}

/* Allgemeine Elemente */

.elementStandard                {}
.elementHeadline                {}
.elementText                    {}
.elementText .fragmentInfo      {}
.elementText .fragmentWarning   {}
.elementText .fragmentTip       {}


.elementPicture                 {margin:0 0 10px 0}
.elementPicture .title          {line-height:20px;font-size:10px}
.elementLink                    {margin:0 0 10px 0}
.elementVideo                   {margin:0 0 10px 0}
.elementAudio                   {margin:0 0 10px 0}
.elementPortlet                 {margin:0 0 10px 0}
.elementScript                  {margin:0 0 10px 0}
.elementSource                  {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap}
.elementSource h4               {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc}
.elementPlain                   {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0}
.elementDelimiter               {margin:0 0 10px 0}

.elementContainer               {margin:0 0 18px 0}
.elementContainerBox            {margin:0 0 18px 0}

.elementContainer1              {margin:0 0 0 0}
.elementContainer1 .col1        {}

.elementContainer2              {margin:0 0 0 0}

.elementContainer2 .col1        {float:left;width:254px;margin:0 16px 0 0}
.elementContainer2 .col2        {float:left;width:254px}

.elementContainer3              {margin:0 0 0 0}
.elementContainer3 .col1        {float:left;width:164px;margin:0 16px 0 0}
.elementContainer3 .col2        {float:left;width:164px;margin:0 16px 0 0}
.elementContainer3 .col3        {float:left;width:164px}

.elementContainerBox1           {}
.elementContainerBox1 .col1     {}

.elementContainerBox2           {}
.elementContainerBox2 .col1     {float:left;width:49%;margin:0 2% 0 0}
.elementContainerBox2 .col2     {float:left;width:49%}

.elementContainerBox3           {}
.elementContainerBox3 .col1     {float:left;width:32%;margin:0 2% 0 0}
.elementContainerBox3 .col2     {float:left;width:32%;margin:0 2% 0 0}
.elementContainerBox3 .col3     {float:left;width:32%}

/* Elemente des linken Bereiches */

#blockLeft .elementHeadline     {}
#blockLeft .elementText         {}

/* Elemente des Inhaltsbereiches */

/* Elemente des rechten Bereiches */

#blockRight .elementText        {}

/* Elemente des unteren Bereiches */

/* ===============================
   = Farbcodierung
=============================== */

body.physik #navigationMain .navLevel1Container { border-color: #b3161c;}
body.technik #navigationMain .navLevel1Container  { border-color: #0184b4;}
body.gesellschaft #navigationMain .navLevel1Container { border-color: #c0a311;}

body.downloads #navigationMain .navLevel1Container,
body.quiz #navigationMain .navLevel1Container,
body.e-cards #navigationMain .navLevel1Container,
body.links #navigationMain .navLevel1Container,
body.lexikon #navigationMain .navLevel1Container{
	border-color: #003c74;
}

/*
body.e-cards #blockLeft,
body.downloads #blockLeft,
body.links #blockLeft { visibility:hidden;}
*/

#navigationMain li.gesellschaft a {margin-right: 20px;}

ul.redTwine,
ul.redTwine ul{	margin: 0;	padding: 0;	list-style: none; border-bottom: 0; background: #E1F1F9; border-top: 1px solid #a9a9a9;}
ul.redTwine {	border: 1px solid #a9a9a9;	border-left: none;	border-top: none; background: #fff;}
ul.redTwine li { margin: 0; padding: 0; border-top: 1px solid #a9a9a9; display: block; /*overflow-x: hidden;*/}
ul.redTwine li ul li {border: 0; font-size: .95em;}
ul.redTwine li a {	display: block;	padding: 6px 10px 7px 11px;}
ul.redTwine li.selected a { background: #E1F1F9; }
ul.redTwine li a:hover { background: #E1F1F9; }
ul.redTwine li ul li a{	display: block;	padding: 3px 0 3px 11px; width: 163px; position: relative;}
ul.redTwine li ul li a span {width: 140px; display: block;}
ul.redTwine li ul li a:hover {
	background-color: #B3161C;
	color:White;
}
/*
ul.redTwine li ul li.checked {
	background-image: url(/kernfragen/wGlobal/layout/images/icons/swoosh.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
*/
ul.redTwine li ul li.active {
	background-color: #B3161C;
}
ul.redTwine li ul li.active a {color: #fff;}
/*ul.redTwine li ul li.active.checked { background: #B3161C url(/kernfragen/wGlobal/layout/images/icons/swoosh-red.gif) 150px 4px no-repeat;}*/

.swoosh {
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -6px;
}

.box {
	background: url(/kernfragen/wGlobal/layout/images/backgrounds/box-bg.gif) right top repeat-y;
	border: 1px solid #a9a9a9;
	padding: 9px 9px 9px 8px;
	margin: 0 0 10px 0;
	position: relative;
}

	body div.quiz {
		background: url(/kernfragen/wGlobal/layout/images/backgrounds/quiz-bg.jpg) right top no-repeat;
		height: 120px;
	}

	body div.ecard {
	 padding: 9px 0px 9px 8px;
  }

	div.box div.speech {
		display: block;
		width: 15px;
		height: 16px;
		background: url(/kernfragen/wGlobal/layout/images/backgrounds/speech.gif) no-repeat;
		position: absolute;
		top: -16px;
		left: 10px;
		z-index: 80;
		margin: 0;
	}

button.disc,
button.graphic {
	background: url(/kernfragen/wGlobal/layout/images/buttons/button-yes.gif) no-repeat;
	border: 0;
	width: 156px;
	height: 26px;
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	font-size:11px!important;
	font-family: Arial, sans-serif;
	letter-spacing: .08em;
	text-align: left;
	padding: 6px 0 5px 30px;
	vertical-align: middle;
	margin: 9px 0 0 0;
}

	button.disc {
		background: url(/kernfragen/wGlobal/layout/images/buttons/button-save.gif) no-repeat;
	}

	button.load,
	button.disc { text-align: right; padding-right: 5px; margin-top: 5px;}

ul.alphabetical {  width: 155px;  list-style: none;  margin: 0 0 10px 0;  padding: 0;}
ul.alphabetical li {	display: block;	float: left; margin: 0; padding: 0;}
ul.alphabetical li a {
	font-size: 13px;
	font-weight: bold;
	width: 10px;
	height: 10px;
	display: block;
	text-align: center;
	padding: 2px 5px 8px 5px;
	margin: 0 1px 1px 0;
	text-decoration: none;
	background: #e1f1f9;
}

div.boxed {
	margin: 0 0 9px 0;
	clear: both;
	position: relative;
}
form.wFormular .legend,
div.TellAFriendSideDataWhat h2,
div.headlinecontainer {
	background: #cfe2ec url(/kernfragen/wGlobal/layout/images/backgrounds/headline-bg.gif) repeat-x;
	border: 1px solid #cdcdcd;
	border-bottom-color: #989898;
	border-right-color: #989898;
	font: bold 16px Arial;
}
form.wFormular .legend,
div.TellAFriendSideDataWhat h2,
div.headlinecontainer h2.padding,
div.headlinecontainer a {
		display: block;
		padding: 4px 0 4px 9px;
		color: #1978A8;
	}

div.headlinecontainer a.close {
		background: url(/kernfragen/wGlobal/layout/images/backgrounds/down.gif) 511px 10px no-repeat;
	}

div.headlinecontainer a.open {
		background: url(/kernfragen/wGlobal/layout/images/backgrounds/up.gif) 511px 10px no-repeat;
	}
div.TellAFriend form.wFormular ol,
div.TellAFriendSideData,
div.togglebox {
	border: 1px solid #a9a9a9;
	border-top-width: 0;
	position: relative;
}
div.TellAFriend form.wFormular ol,
div.TellAFriendSideData,
div.innertogglebox {
		padding: 10px;
	}
/* captcha tell a friend form */
div.TellAFriend form.wFormular li.C img{
	vertical-align:baseline;
	display:block;
	margin-bottom:10px;
	margin:5px 0 0 140px;
}
div.TellAFriend form.wFormular label {
	width:140px;
}
div.TellAFriend form.wFormular li.C input {
	clear:left;
	display:block;
	margin:0 0 0 140px;
	width:150px;
}
div.TellAFriend form.wFormular li.C img{
}
/* captcha kontakt form */
div.Kontakt form.wFormular li.C img{
	vertical-align:top;
	display:block;
	margin-bottom:10px;
	float:left;
}
div.Kontakt form.wFormular label {
	width:140px;
}
div.Kontakt form.wFormular li.C {
	position:relative;
	height:85px;
}
div.Kontakt form.wFormular li.C input {
	display:block;
	margin:0 0 0 140px;
	width:150px;
	position:absolute;
	top:45px;
}
div.Kontakt form.wFormular li.C img{
	position:absolute;
	top:0;
	left:140px;
	margin-bottom:10px;
}
div.Kontakt form.wFormular li.C .wError {
	position:absolute;
	width:355px;	
	left:0;
	top:67px;
}

/* Captcha E-Card Formular */
#wFormular li.C img{
	vertical-align:top;
	display:block;
}
#wFormular .C .wError {
	display:block;
	
}
#wFormular .C label {
	width:140px;
	float:left;
}
#wFormular li.C input {
	clear:left;
	display:block;
	margin:0 0 0 140px;
	width:135px;
}
div.grayPager {
	background: #f2f2f2;
	text-align: right;
	padding: 4px 9px 4px 0;
	margin: 10px -10px -10px -10px;
	clear: both;
}

body div.ineditor {
	margin: 10px -10px 10px -10px!important;
}


	button.grayButton {
		background: url(/kernfragen/wGlobal/layout/images/buttons/gray-button.gif) 100% 0 no-repeat;
		cursor: pointer;
		border: 0;
		width: 71px;
		height: 21px;
		color: #999;
		font-weight: bold;
		text-transform: uppercase;
		font-size:11px!important;
		font-family: Arial, sans-serif;
		letter-spacing: .08em;
	}

input.grayButton {
	
	background: url(/kernfragen/wGlobal/layout/images/buttons/gray-button.gif) 0 0 no-repeat;
		cursor: pointer;
		border: 0;
		width: 71px !important;
		height: 21px;
		color: #999;
		font-weight: bold;
		text-transform: uppercase;
		font-size:11px!important;
		font-family: Arial, sans-serif;
		letter-spacing: .08em;
}
.quiztable {
	background: #f2f2f2;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 13px 0;
}

	.quiztable td.first {
		font-weight: bold;
	}

.quiztable td,
.quiztable th {
	border: 1px solid #fff;
	padding: 4px 0 4px 5px;
	vertical-align: middle;
}

.quiztable td input.radio {
	display: inline;
	border:none;
	background:none;
	width:auto;
	margin-bottom: -3px;
}

.quiztable td label { font-weight: bold; color: #1978A8;}

.quiztable thead {	background: #e1f1f9;	color: #1978a8;	text-align: left;}
.quiztable tbody { color: #000;}

ul.poll {	list-style: none;	margin: 0 0 18px 0;	padding: 0;}
ul.poll li { margin: 0; padding: 0; font-weight: bold;}
ul.poll li .radio { margin: 0 3px -3px 0;}
ul.poll li label:hover {text-decoration: underline;}

.answerbox {
	width: 290px;
	background: #e1f1f9 url(/kernfragen/wGlobal/layout/images/backgrounds/answerbox-bg.gif) repeat-x;
	position: absolute;
	top: 300px;
	left: 300px;
	border: 1px solid #a9a9a9;
	z-index: 300;
}

	.answerbox .close {
		position: absolute;
		top: -1px;
		right: -1px;
	}

	.rightorwrong {
		margin-left: 9px;
	}

	.answer {
		margin: 10px;
	}

a.print {
	background: url(/kernfragen/wGlobal/layout/images/icons/print.gif) no-repeat;
	font-weight: bold;
	padding: 3px 0 0 22px;
}

/*
body.start #blockLeft {
	display: none;
}*/

.leftBigRight {

}
.leftBig #blockRight {	display: none;}
.leftBig #blockContent {	width: 715px; position: relative;}

.big #blockContent {
	width: 900px;
}

.bigRight #blockLeft {
	display: none;
}

body.start #blockContent {
	width: 715px;
}

.startbox {
	border: 1px solid #a9a9a9;
	width: 510px;
	background:  url(/kernfragen/wGlobal/layout/images/backgrounds/fade-start-bg.gif) right top repeat-y;
	float: right;
	padding: 10px;
	position: relative;
	height: 211px;
}

.startbox .speechbubble {
	display: block;
	width: 21px;
	height: 20px;
	position: absolute;
	z-index: 300;
	top: 39px;
	left: -21px;
	background: url(/kernfragen/wGlobal/layout/images/backgrounds/speech-start.gif) no-repeat;
}

.graybox {
	background: #f2f2f2;
	position: relative;
	padding: 10px;
	margin: 0 0 8px 0;
}

.twocols .firstcol {	width: 100px; float: left;}
.twocols .secondcol {	float: left; width: auto;}

img.selected {	border: 2px solid #b3161c;}
body .boxed fieldset input {	width: 370px;}
.arrow {	width: 50px;	height: 79px;	position: absolute;	top: 0;}
.arrow a{	display: block;	text-align: center;	padding-top: 25px;}
.aleft {left: 0;}
.aright {right: 0;}

.imageflow {	height: 72px;	margin: 0 0 0 50px;	padding: 7px 0 0 0;}
	.imageflow img {		margin: 0 6px 0 0;	}
.boxed .shortlabel {	width: 128px;	display: block;	float: left;}
.boxed form label { font-size: 1em;}

.boxed form .leftindent { margin: 0 5px 1px 128px; background: none; padding: 0; border: 0;}
div.toggle {
	z-index:10;
}

div.iq {
	font-size:1.2em;
	padding:0;
	background:#e7f3ff;
	z-index:9999 !important;
	width:400px;
}
div.iq div.container div img {
	display:block;
	/* float:left; */
}
div.iq h5 {
	font-weight:bold;
	font-size:1em;
	padding: 2px 0 1px 5px;
	background-image: url(/kernfragen/wGlobal/layout/images/backgrounds/glossarItemHeadlineFull.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div.iq div#InlineQuiz a div.container {width:400px !important;	z-index:9999 !important; }

div.iq #InlineQuiz a {
font-weight:normal;
background-image: url(/kernfragen/wGlobal/layout/images/icons/questionmark.gif);
display: block;
background-repeat: no-repeat;
padding-left:20px;
}
#InlineQuiz, div.entry .box {
	z-index:9999 !important;
}

div.iq #InlineQuiz ul,
div.iq #InlineQuiz li {
	margin:0;
	padding:0;
	z-index:9999 !important;
}
div.iq #InlineQuiz li {
	list-style-image: none;
}
div.iq #InlineQuiz a div.container {
	position:absolute;
	top:-1px;
	left:-245px;
	width:238px;
	background-color:#e1f1f9;
	border:1px solid #A9A9A9;
	color: #000;
	z-index:9999 !important;
}
div.iq #InlineQuiz div.container h5 {
	padding:2px 0 1px 5px;

	border-bottom:1px solid #A9A9A9;
	cursor: pointer;
}
div.iq #InlineQuiz div.container div {
	padding:5px;
	z-index:9999 !important;
}
div.iq #InlineQuiz button {
	background: url(/kernfragen/wGlobal/layout/images/icons/print.gif) no-repeat;
	border:none;
	font-weight:bolder;
	margin:5px;
	padding-left: 18px;
	color:#1978a8;
	font-size:12px;
}

div.iq #InlineQuiz iframe {
	border: none;
	height: 0;
	width:0;
	position: absolute;
}


div#GlossaryList a {
font-weight:normal;
background-image: url(/kernfragen/wGlobal/layout/images/icons/questionmark.gif);
display: block;
background-repeat: no-repeat;
padding-left:20px;
}

div#GlossaryList ul,
div#GlossaryList li {
	margin:0;
	padding:0;
}
div#GlossaryList li {
	list-style-image: none;
}
div#GlossaryList a div.container {
	position:absolute;
	top:-1px;
	left:-245px;
	width:238px;
	background-color:#e1f1f9;
	border:1px solid #A9A9A9;
	color: #000;
}
div#GlossaryList div.container h5 {
	padding:2px 0 1px 5px;
	background-image: url(/kernfragen/wGlobal/layout/images/backgrounds/glossarItemHeadline.jpg);
	border-bottom:1px solid #A9A9A9;
	cursor: pointer;
}
div#GlossaryList div.container div {
	padding:5px;
}
div#GlossaryList button {
	background: url(/kernfragen/wGlobal/layout/images/icons/print.gif) no-repeat;
	border:none;
	font-weight:bolder;
	margin:5px;
	padding-left: 18px;
	color:#1978a8;
	font-size:12px;
}

div#GlossaryList iframe {
	border: none;
	height: 0;
	width:0;
	position: absolute;
}

/* ===============================
   = Login
=============================== */

.wFormular fieldset {	border: 0;}
.wFormular fieldset ol { margin: 0; padding: 0; list-style: none;}
.wFormular fieldset ol li { margin: 0; padding: 0;}
.wFormular fieldset .wError,
.wFormular fieldset ol li label {font-size: .95em;}
.wFormular fieldset ol li input.kontakt {width: 150px;}
.wFormular fieldset ol li button {text-align: right; padding-right: 5px;}
.wFormular .wError {display: block; border: 2px solid #790707; padding: 5px; background: #fff6f6; margin:5px 0 3px 140px; }
div#userData {
	margin-top: 10px;
}
div#userData dl, div#userData dt, div#userData dd {
	margin:0;padding:0;
}
div#userData dt {
	font-weight: bold;
}
div#userData a {
	font-size: .95em;
}
/* ===============================
   = E-Cards
=============================== */
form.wFormular ol {
list-style:none;
margin:0;
padding:0;
}
form.wFormular ol li {
margin:0;
margin-bottom:10px;
padding:0;
}
form.wFormular label {
display:block;
float:left;
width:140px;
}
form.wFormular label.radio {
	display:block;
	width:300px; 
}
form.wFormular input.radio {
	
}
label.acknowledgeToSender {
	float:left;
	margin-left:163px;
	margin-top:-1.3em;
	width:200px;
}
input.acknowledgeToSender {
	float:left;
	margin-top:4px;
	margin-left:138px;
}
form.wFormular input.kontakt {
width:360px;
}
form.wFormular textarea {
display:block;
clear:left;
margin-left:140px;
background:#FFFFFF url(/kernfragen/wGlobal/layout/images/backgrounds/input-bg.gif) repeat-x scroll 0%;
background-position:top;
border:1px solid #A9A9A9;
padding:2px;
width:360px;
margin-top:5px;
height:300px;
}
div.imageFetchContainer div.image {
	padding:15px;
	padding-left:10px;
}
div.imageFetchContainer div.message {
white-space: pre;
font-size: 11px;
font-style: italic;
line-height: normal;
padding:15px;
background-color: #e1f1f9;
}

.bildergalerie img {float: left; border: 5px solid #F7F3F7; margin: 0 10px 10px 0;}
div#lightbox iframe {
	border:none;
}
body#flashPlayer {
	margin:0;
	padding:0;
}

/* ===============================
   = Schoolbook
=============================== */

#KFSchoolbook {margin: 30px 0 0 0; position: relative;}

#KFSchoolbook fieldset {border: 0; margin: 0; padding: 0;}
#KFSchoolbook fieldset label {padding: 0 0 0 5px;}
#KFSchoolbook #Physik {display: block;}

#KFSchoolbook ol,
#KFSchoolbook ol li {list-style: none; margin: 0; padding: 0;}
#KFSchoolbook ol li {margin: 0 0 0 20px; line-height: 22px;}

#KFSchoolbook #Physik,
#KFSchoolbook #Technik,
#KFSchoolbook #Gesellschaft {}

#KFSchoolbook h2 span.checkbox input {margin: 0 0 1px 0;}

#KFSchoolbook #Physik h2,
#KFSchoolbook #Technik h2,
#KFSchoolbook #Gesellschaft h2 {display: block; width: 150px; position: absolute; top: -28px; left: 0; font-size: 14px; padding: 5px; color: #fff;}

#KFSchoolbook #Physik h2 {background: #b51418 url(/kernfragen/wGlobal/layout/images/backgrounds/red-fade.gif) repeat-x;}
#KFSchoolbook #Technik h2 {background: #0086b5 url(/kernfragen/wGlobal/layout/images/backgrounds/blue-fade.gif) repeat-x; left: 170px;}
#KFSchoolbook #Gesellschaft h2 {background: #c6a210 url(/kernfragen/wGlobal/layout/images/backgrounds/yellow-fade.gif) repeat-x; left: 340px;}


#KFSchoolbook ol li {display: block; width: 330px; margin-bottom: 20px; float: left; font-weight: bold;}
#KFSchoolbook ol li ol {min-height: 200px; padding: 0; border: none;}
#KFSchoolbook ol li ol li {display: block; width: auto; float: none; margin-bottom: 0; font-weight: normal;}

#KFSchoolbook .olContainer {display: block; clear: both; border: 1px solid #A9A9A9; padding: 15px 0 15px 0;}

#KFSchoolbookSubmitButton {clear: both; display: block; border: 0; background: url(/kernfragen/wGlobal/layout/images/buttons/button-yes.gif) 0 0 no-repeat; font-weight: bold; width: 156px; height: 26px; text-align: left; padding-left: 30px; cursor: pointer; margin: 20px 0 0 0;}

#KFSchoolbookResponse {
	background: #fff;
	display: block;
	padding: 20px;
	position: relative;
	border: 1px solid #A9A9A9;
	margin: 0 0 20px 0;
}
div.TellAFriend form {
	margin-top: 30px;
}

.boxedContainer {

}
.imgNormal {
	border:0px;
}
  body {
  	position:relative;
  	height:100%;
  }
  #placeholder {
  	z-index:10000 !important;
	width:400px;
	position:absolute;
  	display:none;
  	opacity:0;
  	margin-left:-200px;
  }
#placeholder h5 {
	cursor:move;
	position:relative;
}
#draggable {
	cursor:move;
}
#placeholder h5 span{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:18px;
	height:18px;
	cursor:pointer;
}
  #placeholder p {
  	margin:10px 0;
  }
  #placeholder p span {

  }
.handle {
	cursor:move;
}
#placeholder div, #placeholder ul, #placeholder li, #placeholder button {
	z-index:10001 !important;
}
/**
  body,html {
  	overflow:hidden;
  	margin:0;
  	padding:0;
  }
  #placeholder {
	 position:fixed;
	 width:400px;
	 margin-left:-200px;
	 top: 50%;
	 left: 50%;
  }
  #placeholder p {
  	margin:0;
  }
  iframe {
  	height:0; border:0;
  }

  #wrapper {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
	overflow:auto;
}
**/

ul.sitemap{
	font-size: 14px;
	list-style-image: none;
	list-style-type: none;
}

/* All first level must be 10px spaces */
ul.sitemap li {
	margin-top: 10px;
}

/* reset the marging after the second level */
ul.sitemap li li{
	margin-top: 0px;
}

ul.sitemap li li li a{
	font-weight: normal;
	text-decoration: none;
}


ul.sitemap li li a{
	font-weight: normal;
}

ul.sitemap li a{
	font-weight: bold;
}
ul.sitemap {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.sitemap li {
  margin: 0 0 0 0;
  padding: 0;
}

ul.sitemap li {
  margin: 5px 0 0 0;
  padding: 0;
}

ul.sitemap li a {
  display: block;
  font-size:0.8em;
  border-color: #3183ad;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  margin: 0;
  background: #3183ad;
  color: White;
  text-decoration: none;
}
ul.sitemap li a.physik {
	background: #d93d43;
	border: 1px solid #d93d43;
}
ul.sitemap li a.technik {
	background: #23a5d6;
	border: 1px solid #23a5d6;
} 
ul.sitemap li a.gesellschaft {
	background: #f1d442;
	border: 1px solid #f1d442;
} 
ul.sitemap li ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
  background: url(../images/sitemap/line.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
ul.sitemap li ul li {
  background: url(../images/sitemap/sitemaplink.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 0 9px;
}
ul.sitemap li ul li.last {
  background: url(../images/sitemap/sitemaplink-last.gif);
   background-repeat: no-repeat;
}

ul.sitemap li ul li a {
  color: #5F5F5F;
  display: block;
  border-color: #A4A29C;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  background: #fff;
}

div.container ul, div.container ol {list-style-position:outside; margin-left:40px !important;}
div.elementVideo, div.elementVideo object {z-index:1;}


                                                                   /* wGaller */
#imageContainer div, #imageContainer div div { display:inline; margin:0 auto;}
#imageThumbnails {
	position:relative;
	text-align:center;
}
#imageContainer {
	text-align:center;
}
#prevthumb, #nextthumb {
	position:absolute;
}
#prevthumb {top:33%;left:0;}
#nextthumb {top:33%;right:0;}
#wCurPageValue { background:#FFF; border:0; width:10px; padding:0; margin:0; text-align:right;}
#thumb_pagination { clear:both; text-align:center; }
#imageContainer img {
	border:2px solid #FFF;
}
#imageContainer img.selected {
	border:2px solid darkred;
}