* {} /*font-family: Georgia,serif; */

h1, h2, h3, h4, h5, h6, a {font-family: Verdana,sans-serif;}
a {text-decoration:none; color: #44a;} /**/

h1 {font-size:1.6em; margin:2em 0px 8px 0px;}
h2 {font-size:1.4em; margin:1.8em 0px 8px 0px;}
h3 {font-size:1.2em; margin:1.6em 0px 8px 0px;}
h4 {font-size:1.1em; margin:1.5em 0px 8px 0px;}
h5, h6 {font-size:1em; margin:1.5em 0px 8px 0px;}

body {background-color:#f4eee8; padding: 0px; margin:0px; border:none; font-family: Verdana,sans-serif; font-size:14px;}

ul {margin:10px 0px 12px 0px; padding-left:30px;}

p {margin:1em 0px 1em 10px;}

div#root {
	min-width: 640px;
	width: 95%;
	max-width: 936px;
	background-color: white;
	margin: 0px auto;
	border-width: 0px 1px;
	border-color: #d8d0cc;
	border-style: solid;
}

div#headerback {
	background-color: #88d;
	background: url("../img/headback_80.png") repeat-x;
	width: 100%;
	position: relative;
	 border-bottom: 1px solid #444; 
}

div#headshadow {
	background: url("../img/headshadow.png") repeat-x;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0px;
	bottom: -5px;
}

div#header {
	min-width: 640px;
	width: 95%;
	max-width: 936px;
	height: 80px;
	margin: 0px auto;
	position:relative;
}

div#homelink {position:absolute; height:80px; width:100%; overflow:hidden;}
div#homelink a {
	color: #66a;
	font-family: Verdana,sans-serif;
	text-decoration: none;
	font-size: 48px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	bottom: -0.2em;
	left: 160px;
}
div#homelink a:hover {color: #448;}

img#logo {position:absolute; bottom:0px; left:20px;}
img.headletter {position:absolute; bottom:0px;}

div#wrapper {background-color:#ccc;}

div#contentframe {
	width: 75%;
	float: right;
}

div#contentheading {background-color:#ccc;	padding:10px;}
div#contentframe.purple > div#contentheading {background-color:#818;}
div#contentframe.purple > div#content {border-color:#818;}
div#contentframe.red > div#contentheading {background-color:#b11;}
div#contentframe.red > div#content {border-color:#b11;}
div#contentframe.orange > div#contentheading {background-color:#e70;}
div#contentframe.orange > div#content {border-color:#e70;}
div#contentframe.yellow > div#contentheading {background-color:#ea0;}
div#contentframe.yellow > div#content {border-color:#ea0;}
div#contentframe.green > div#contentheading {background-color:#262;}
div#contentframe.green > div#content {border-color:#262;}

div#contentheading h1 {margin:0px; color:#444; font-weight:normal;}
div#contentframe.colored > div#contentheading h1 {color:white;}


div#content {
	overflow:auto;
	color:#444;
	padding:0px;
	background-color: white;
	border-color: #ccc;
	border-width: 0px 0px 0px 4px;
	border-style: solid;
	min-height:500px;
}
div#content > h3, div#content > h4, div#content > h5, div#content > h6 {margin-left:10px; margin-right:10px;}
div#content > p {margin-left:20px; margin-right:10px;}
div#content > ul {padding-left:40px; margin-right:10px;}

div#footer {
	min-width: 640px;
	width: 95%;
	max-width: 938px;
	margin: 0px auto;
	min-height: 56px;
	background: url("../img/headshadow.png") repeat-x;
	position:relative;
}

div#footshadowright {
	background: url("../img/footshadow_right.png") repeat-x;
	width: 5px;
	height: 200px;
	position: absolute;
	right: -5px;
	top: -195px;
}

div#footshadowleft {
	background: url("../img/footshadow_left.png");
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#footer div.footlinks {padding:10px; color:#666;}

div#footer div.footlinks a {color:#666;}
div#footer div.footlinks a:hover {color:black;}

div#footer div.license {
	text-align: center;
	font-size: 10px;
	width: 50%;
	float: right;
	margin: 20px;
}

/* Tabellen direkt unter Content */
div#content > table {margin:10px auto; border-collapse:collapse; border-bottom:1px solid #444;}
div#content > table td {padding:0.1em 1em;}
div#content > table th {padding:0.1em 1em; text-align:left; border-bottom: 1px solid #444;}

div#content > table.vocab {margin:10px 20px; border-collapse:collapse; border: none;}

/* Bild im Artikelkopf */
div.headimg {width:100%; overflow:hidden; height:278px;}
div.headimg img {height:278px;}

/* Glossen */
span.glossen {color:#ee4000;}

table.glossen {color:#ee4000; text-align:right; border-collapse:collapse; display:inline;}
table.glossen td {padding:0px 2px; line-height:12px;}
table.glossen tr.mimik {}
table.glossen tr.mimik td.mimik {font-size:10px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#ee4000;}
table.glossen td.wortbild {
	text-align: center;
	font-size: 12px;
	background: url("../img/wortbild_bg.png") repeat-x;
	border-color: white;
	border-style: solid;
	border-width: 0px 4px;}
table.glossen td.wortbild span {
	font-size: 10px;
	background-color: white;
	padding:	0px 2px;
}
table.glossen td.mundmimik {text-align:center; font-size:10px;}

div.example table.glossen td.wortbild {border-color: #dfc;}
div.example table.glossen td.wortbild span {background-color:#dfc;}

/* NAVIGATION */

div#mainnavigation {float:left; width:25%; min-height:200px;}
div#mainnavigation div {width:100%;}
div#mainnavigation a {color:#eee; display:block;}
div#mainnavigation a:hover , div#mainnavigation div.menu-active a:hover {color:#fff;}
div#mainnavigation div.menu-active > a {color:#fff; font-style:italic;}
div.menu-lvl1 {padding: 8px 0px; background-color:#666;}
div.menu-lvl1 > a {font-size:16px; margin:0px 20px 0px 12px;}
div.menu-lvl1 > a:hover {margin-left:11px;}
div.menu-lvl2 {padding: 4px 0px; background-color:#888;}
div.menu-lvl2 > a {font-size:14px; margin:0px 20px 0px 20px;}
div.menu-lvl2 > a:hover {margin-left:19px;}
div.menu-lvl3 {padding: 2px 0px; background-color:#999;}
div.menu-lvl3 > a {font-size:12px; margin:0px 20px 0px 28px;}
div.menu-lvl3 > a:hover {margin-left:27px;}

div#mainnavigation > div.purple {background-color:#818;}
div#mainnavigation > div.purplesub {background-color:#a6a;}
div#mainnavigation > div.red {background-color:#b11;}
div#mainnavigation > div.redsub {background-color:#c77;}
div#mainnavigation > div.orange {background-color:#e70;}
div#mainnavigation > div.orangesub {background-color:#e95;}
div#mainnavigation > div.yellow {background-color:#ea0;}
div#mainnavigation > div.yellowsub {background-color:#d8a877;}
div#mainnavigation > div.green {background-color:#262;}
div#mainnavigation > div.greensub {background-color:#696;}

div.clear {clear:both;}

/* Boxen */
div.culture {background-color: #fff8ce; padding:10px; margin:10px;}
div.culture h4 {margin:0px 0px 4px 0px;}
div.history {background-color: #ffe7ba; padding:10px; margin:10px;}
div.example {background-color: #dfc; padding:10px; margin:10px;}
div.grammatik {background-color: #dfc; padding:10px; margin:10px;}
div.wortschatz {background-color: #dcf; padding:10px; margin:10px;}

/* Downloads */
div.download, div.link {background-color:#eee; margin:10px;}
div.download a, div.link a {
	text-decoration: none;
	position: relative;
	height: 42px;
	padding: 0px 0px 0px 52px;
	color: #44a;
	font-family: Verdana,sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 41px;
	display: block;
}
div.download a:hover, div.link a:hover {color:#88f;}
div.download a span.filesize {color:#999; font-weight:normal;	font-family:Verdana,sans-serif;}
div.download a img, div.link a img {position:absolute; left:10px; top:5px; border:none;}

/* Links nach Extern (und intern) */
a.link_ext, a.link_int {color:#44a; text-decoration:underline;}
a.link_ext:hover, a.link_ext:active, a.link_int:hover, a.link_int:active {color:#88f;}

/* Player */
div#playerframe {
	position: fixed;
	left: 50%;
	top: 30px;
	margin: 0 0 0 -320px;
	border: 4px solid #888;
	visibility: hidden;
}
div#playerframe a.close {position:absolute; right:-28px; top:-28px;}

/* Woerterbuch */
div#content p.buchstabe{
	background-color: #eee;
	font-size: 24px;
	padding: 4px;
	font-weight: bold;
	clear: both;
	margin: 0px;
	padding: 0px 10px;
	color: #222;
	border-bottom: 1px solid #ccc;
}

div#content p.dictsection{
	background-color: #eee;
	font-size: 16px;
	clear: both;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 4px 10px;
	color: #888;
	border-bottom: 1px solid #ccc;
}

div#content p.dictsection b {color:#222;}

table.entrytable{
	width: 45%;
	margin: 10px;
	float: left;
	border-collapse: collapse;
}

table.entrytable tr:hover{
	background-color: #f8f8f8;
}

table.entrytable td{
	border: 0px;
	border-bottom: 1px dotted #ddd;
	margin: 0px;
}

table.entrytable td.grp{
	color: #999;
	font-size: 11px;
}

table.entrytable td.sub{
	color: #222;
	font-weight: bold;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding:2px;
}

table.entrytable a {color:#448;}
a.wbdown {float:right; margin-right:5px; line-height:12px;}
a.wbdown img {border:none;}

/* Uebungen */
h2.exercise {text-align:center; color:#888; margin:2px 0px;}
div.question {background-color: #eee; padding:10px; margin:10px;}
a.videolink {background-color:#eef; padding:4px; border:1px solid #779;}
div.question img {border:5px solid white; width:250px;}
div.question img.finger {width:95%;}
div.question img.handform {width:125px;}
div.answerblock {background-color: #eee; padding:10px; margin:10px; font-family:Verdana, sans-serif;}
div.answerblock  span.answer {color:#888; margin-right:10px; font-size:16px;}
div.answerblock  input.answer {width:20em;}
div.answerblock td.textanswer {font-family:Verdana, sans-serif;}
div.answerblock td.centered {text-align:center;}
div.answerblock td img {border:5px solid white; width:200px;}
div.answerblock input.leftbutton {float:left;}
div.answerblock input.rightbutton {float:right;}
div.rightanswer {font-family:Verdana, sans-serif; background-color: #dfc; padding:10px; margin:10px;}
div.wronganswer {font-family:Verdana, sans-serif; background-color: #fdc; padding:10px; margin:10px;}

table.d_answertable {width:95%; border:none; margin:0px auto; border-collapse:collapse;}
table.d_answertable tr {border:2px solid white; border-width:4px 0px;}
table.d_answertable td {background-color: #eee; padding:4px; border:0px solid white; border-width: 0px 4px 0px 0px;}
table.d_answertable td.checkbox {width:1em; border:0px solid white; border-width: 0px 0px 0px 4px;}

div.summary {background-color: #eef; padding:10px; margin:10px;}
div.summary h3 {text-align:center;}
div.summary p {font-family:Verdana, sans-serif; font-size:16px;}
div.summary span.number {font-family:Verdana, sans-serif; color:black; font-weight:bold;}

div.summarydetail {background-color: #eef; padding:5px; margin:10px;}
div.summarydetail h3 {margin: 5px;}
div.summarydetail span.right {color:green;}
div.summarydetail span.wrong {color:red;}

div.summarydetail > p {margin:1em 0px 0.5em 0.5em;}

div.summarydetail a:hover {color: #008;} /**/


div.sumdetailentry {
  margin-left:1em;
}

div.sumdetailentry > p {margin:0em 0px 0.5em 0em;}

p.sumimgblock img {border:5px solid white; margin-right:5px; width:200px;}