body {margin:0px; color:#000099;}
h5 {font-size:13px; font-weight:600; color:#000099; line-height:1.0; margin-top:0px; margin-bottom:5px;}
h4 {font-size:13px; font-weight:300;}
h2 {font-size:14px; font-weight:600; color:#000099;}
h1 {font-size:19px; font-weight:600; text-align:left;}
a:link {color:#000099;}
a:hover {color:#36F;}
li{}

img {border:none;}
input:text {font-size:11px; height:11px; background-color:#fff; }
input:radio {background-color: #6699CC;
	padding: 5px;
	border: 1px solid #6666CC;}

#topleiste {position:absolute; top:0px; left:0px; right:0px; width:100%; height:21px; margin:0px; font-family:verdana, Helvetica, sans-serif; background-color:#000; color:#fff; }
	#topleisteinnen {width:840px; margin:3px auto 0px auto; font-size:9pt;}
	#login {float:left; float: right;} 
	#toplinkdiv {float:left;}
	#toplink a {text-decoration:none; color:#fff; font-size:9pt; font-family:verdana, Helvetica, sans-serif; margin:0px 7px 0px 7px;}
	#toplink a:hover {text-decoration:underline; color:#ffffff; }
	#toplink a:visited {color:#fff;}
	
	#login a {text-decoration:none; color:#fff;  font-family:verdana, Helvetica, sans-serif; }
	#login a:hover {text-decoration:underline; color:#ffffff; }
	#login a:visited {color:#fff;}

#navigation {width:850px; height:35px; margin: 25px auto 0px auto;}
#container {
	width:882px; 
	margin:12px auto 0px auto;
	font-family:verdana, Helvetica, sans-serif;
	line-height:1.5;
	font-size:13px; 
	}	
#top {width:882px;}
	#top-li {width:20px; height:111px; background-image:url(../img/head-links.png); background-repeat:no-repeat; float:left;}
	#top-mitte {width:840px; height:107px;  background-image:url(../img/head-mitte.png); background-repeat:no-repeat; float:left;}
	#top-re {width:20px; height:111px;  background-image:url(../img/head-rechts.png); background-repeat:no-repeat; float:left;}
	#top-dativ {width:882px;  height: 120px; margin-top:30px;}
	#top-li-dativ {width:20px; height:111px; background-image:url(../img/head-links-dativ.png); background-repeat:no-repeat; float:left;}
	#top-mitte-dativ {width:840px; height:107px;  background-image:url(../img/head-mitte-dativ.png); background-repeat:no-repeat; float:left;}
	#top-re-dativ {width:20px; height:111px;  background-image:url(../img/head-rechts-dativ.png); background-repeat:no-repeat; float:left;}

#maintext {
		width:620px; 
		margin:15px auto 60px auto;
		text-align:justify;
		float:left;
		}
		#fullmain {
		width:800px; 
		margin:15px auto 60px auto;
		text-align:justify;
		float:left;
		}	
#mainright {width:260px; margin:15px auto 60px auto; float:left} 


#bottom { background-image:url(../img/bottom.png); background-repeat:no-repeat; height: 22px; width:100%; float:left; }
	#bluebottom { background-image:url(../img/bottomcell.png);  margin:22px 0px 0px 0px; width:872px; height:110px; padding:5px 0px 0px 0px; clear:left; color:#656cd4; line-height:1.2; }
	#bluebottom2 { background-image:url(../img/bottomcell.png); margin:22px 0px 0px 0px; width:100%; height:110px; padding:5px 0px 0px 0px; clear:left; clear:inherit; bottom:0px; color:#656cd4; line-height:1.2; }
	.bottomcell {border-left: thin; border-right: 0px; border-top:0px; border-bottom: 0px; border-style:dotted; border-bottom-color:#999; border:0px 0px 0px 1px; width:220px; color:#999; font-size:8pt; float:left; padding:0px 10px;}
		.bottomcell2{border-left: thin; border-right: 0px; border-top:0px; border-bottom: 0px; border-style:dotted; border-bottom-color:#999; border:0px 0px 0px 1px; width:360px; color:#999; font-size:8pt; float:left; padding:0px 10px; margin-left:10px;}
	.bottomcell a{color:#417394; text-decoration:none;}
	.bottomcell a:hover{text-decoration:underline;}
	.bottomcell2 a{color:#417394; text-decoration:none;}
	.bottomcell2 a:hover{text-decoration:underline;}
	.bottomli {}
	.languages {float:left; width:80px; top:0px; margin-left:10px;}

/*RECHTS FORMATIERUNGEN*/
.androidad {width:250px; height:155px; background-image:url(../img/rechts/android.png); background-repeat:no-repeat; padding-left:2px; padding-top:3px; text-align:justify; font-size:12px; display:block; margin-bottom:5px;}
.android_flash {float:left; width:77px; margin-left:3px; margin-right:10px; display:block; z-index:-99999;}
#poll {font-family:verdana, Helvetica, sans-serif; font-size:12px; line-height:2.0; background-image:url(../img/rechts/poll.png); background-repeat:no-repeat; width:250px; padding:10px; margin-top:90px; }

#navi-dativ a {a
	 padding: 10px 0px 0px 0px;
	 background-color: #ffffff;
	 background-image:url(../img/navi-2-dativ.png);
	 background-repeat:no-repeat;
	 font-family:verdana, Helvetica, sans-serif;
	 font-size:11pt;
	 width:151px;
	 height:30px;
	 color: #fff;
	 float:left;
	 text-align:center;
	 text-decoration:none;
	  line-height: 2.0em;
}
#navi-dativ a:hover { background-image:url(../img/navi-2hover.png); color: #ffffff; }

#navi a {a
	 padding: 10px 0px 0px 0px;
	 background-color: #ffffff;
	 background-image:url(../img/navi-2.png);
	 background-repeat:no-repeat;
	 font-family:verdana, Helvetica, sans-serif;
	 font-size:11pt;
	 width:151px;
	 height:30px;
	 color: #000099;
	 float:left;
	 text-align:center;
	 text-decoration:none;
	  line-height: 2.0em;
}
#navi a:hover { background-image:url(../img/navi-2hover.png); color: #ffffff; }

.header1 a {font-size:22pt; text-decoration:none; color:#000099; line-height:1.5; font-family:verdana, Helvetica, sans-serif; margin:15px 0px 0px 10px;}
.header2 {font-size:21pt; color:#ffffff; line-height:1.2; font-family:verdana, Helvetica, sans-serif;  margin:-15px 0px 0px 10px; }

/*Sonstige aber generelle Formatierungen*/
.20margin {margin-left:20px; float:left; }
.25margin {margin:12px; }
.mitte {margin:20px auto auto 190px; width:100%; }
.mittig {width:300px; margin: auto; }

.optioninhalt {width:500px; }
.span-25 {width:530px; padding-top:10px; padding-left:30px; padding-right:25px; text-align:justify; }
.fullscreen {width:800px;  padding-top:10px; padding-left:30px; padding-right:25px; text-align:justify; }
.center {margin:20px auto 20px 10px; width:100%; text-align:center; auto; line-height:1.5; }
.login {background-color:#ccc; width:200px; height:95px; padding:2px; border:thin; border-color:#9CF; margin: 20px auto auto auto; text-align:center;}
.input {     border: 1px solid #006; height:15px; font-size:8pt; margin-top:-4px;} 
.formfeld2 {text-align: left;}

/*Fragen und Listen*/
.germangrammar a{background-image:url(../img/german-grammar.jpg); width: 179px; height: 238px; background-repeat:no-repeat; display:block; float:left; margin-right:10px; display:block; text-decoration: none; }
		.germangrammar a:hover {background-image:url(../img/german-grammar-hover.jpg); background-repeat:no-repeat; }
		.germangrammar_img {margin:10px auto 10px 64px; border:0px; }
		.germangrammar_text {  color:#000; margin:10px;}
		.hlink {color:#000099; font-size:14px; text-decoration:none; text-align:center; }

/*Referenzrahmen*/
.choosereference {background-image:url(../img/a1a2b1b2c1.jpg); width: 483px; height: 148px; padding:1px 15px 3px 20px; background-repeat:no-repeat;}
	.choosereference_link a{width: 79px; text-align:center; display:block; height: 145px; float:left; font-weight:900; font-size:15px; background-image:url(../img/a1a2b1b2c1a.png); background-repeat:no-repeat; }
	.choosereference_link a:hover{background-image:url(../img/a1a2b1b2c1hover.png); background-repeat:no-repeat; color:#000; }

.germanlevel {width:120px; height:25px; text-align:center; }

/*Liste Grammar Topics und Dativ/Akkusativ*/
.grammarabc {width:518px; text-align: left; line-height:2; background-color:#efefef; margin-left:2px; margin-top:1px}
		.grammarabc a { display:block; padding-left:10px; text-decoration:none;}
		.grammarabc a:hover {background-color:#bad0ee;}
		.grammarabclinks {width:130px; text-align:center; background-image:url(../img/navi-2.png); 
		float:left; margin-bottom:10px; }
		.grammarabclinks a{ text-decoration:none; display:block;}
		.grammarabclinks2 {width:130px; text-align:center; font-weight:800; background-image:url(../img/navi-2active.png); 
		float:left; margin-bottom:10px;}
.dativ-h1 {background-color:#000088; color:#fff; padding:8px 15px 8px 15px; margin-bottom:0px;}
	.dativ-kastl {padding:5px 15px 5px 10px; background-color:#ddf; color:#000; margin-top:0px;}
	.farbig {color:#090;}
	
		.dativ-table td {border-bottom:1px solid #009;}
		.dativ-table td {padding:3px 10px 3px 10px;}
		
	.dativ-table-farbig {color:#48178b; font-weight:bold; font-size:14px; border-right:1px solid #009; background-color:#f1eafa;}
	.dativ-h3 {background-color:#d4cff0; width:800px; padding: 3px 5px 3px 5px;}
	
	
/*TestFragen*/
.frage {width:480px; margin-left:20px; }
		.fragetext { font-weight:700; font-size:15px;  min-height:40px; width:450px; background-image:url(../english/img/q.png); background-repeat:no-repeat; background-position: left; padding:5px 5px 5px 46px; background-color:#efefef;}
		.fragetext2 {font-style:italic; font-weight:700; width:450px; font-size:15px; min-height:40px;  background-image:url(../english/img/q.png); background-repeat:no-repeat; background-position: left; padding:5px 5px 5px 46px;; background-color:#efefef;}
		.antworten {width:480px; margin:5px; } 
		.answer { margin:5px; padding-left:5px;}
		.answer a:hover {background-color:#dceaff;}
		.answercorrect {background-color:#1fd909; margin:5px; font-weight:800; padding-left:5px;}
		.answerwrong {background-color:#ff5432; margin:5px; font-weight:800; padding-left:5px; }
		.correctanswer {background-image:url(../img/correctanswer.jpg); background-repeat: no-repeat; 
		width:485px; height:75px; padding:6px 20px 0px 10px; font-size:14px; margin-left:15px; }
		.result {background-image:url(../img/result-comment.png); background-repeat:no-repeat; padding: 15px 0px; margin:5px auto; height: 82px; width:415px; text-align:center; color:#000099; font-size:15px; font-weight:600;}
		.resultcomment { text-align:center;}

/*Knöpfe*/
.weiterbuttons { margin:10px auto 10px 120px; float:right;}
	.help {text-align:right; float:left; margin-left:12px; }
	.help2 {text-align:right; }
	
.ref_weiter {text-align:right;}

.booklist {background-color:#CF0; border-color:#ffffff; margin:1px;  width:240px;}
	.booklist a {text-decoration:none; display:block; padding:2px 10px 2px 10px;}
	.booklist a:hover {text-decoration:underline; background-color:#FFF; border: inset; border-color:#CF0; border-width:1px;}
	
.option1 {width:100%; background-color:#dceaff; font-weight:800; font-size:11pt;}
	.option1 {width:100%;}
	.randomquestions {width:100%; margin:10px 0px 0px 40px; }
	.topic {width:100%; margin: 10px 0px 3px 40px; line-height:1.5;}
	
/*Dativ Akkusativ*/
.verben {width:120px; background-color:#efefef; margin: 1px 0px 0px 1px; padding: 4px 4px 4px 10px; float:left;}
.verben2 {width:380px; background-color:#efefef; margin: 1px 0px 0px 1px; padding: 4px 4px 4px 4px; float:left;}

.Map a { }
.Map a:hover {background-image:url(../img/deutschkurs-sprachen-hov.png);}

.fragetd {background-color:#000099; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

/*TINYBOX*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../1E-Books/tinybox/images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../1E-Books/tinybox/images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#fff}
#frameless {padding:0}
#frameless .tclose {left:6px}

.highscore {width:500px; font-family:Verdana, Geneva, sans-serif; font-size:10pt;}
.highscore_navi {font-family:Verdana, Geneva, sans-serif; font-size:9.5pt;}

.abgerundet {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}
.abgerundet {
behavior:url(border-radius.htc);
}

#leftboxpascal{
	width: 258px;
	height: 260px;
	background-image: url(../1E-Books/images/leftboxpascal.png);
	margin-bottom: 18px;
}
#leftboxheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #5c2d93;
}

#leftboxtext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #5c2d93;
	
	margin-top: 5px;
}
#boxtable{
	margin-left: 20px;
	margin-top: 10px;
}

#boxtable p{
	margin-top: 5px;
}
.boxtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #5c2d93;
	line-height: 1.8;
	font-weight: bold;

}
.norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.2;
}
/* SOCIA BAR */
#floating-box-wrapper{
 width:920px;
 margin:0 auto 0 auto;
 height: auto;
 position: relative;
}
  
#floating-box-container{ 
 float:left;
 top:0;
 left:-80px;
 position:absolute;
 width:70px; 
}
  
#floating-box-container .fixed{ 
 position:fixed;
 top:0;
}
  
#floating-box{ 
 border:1px solid #ddd;
 border-right:0;
 background-color:white;
 padding:.8em 0 .8em .8em;
 margin-top:300px;
 z-index:1;
 -webkit-border-top-left-radius:6px;
 -webkit-border-bottom-left-radius:6px;
 -moz-border-radius-topleft:6px;
 -moz-border-radius-bottomleft:6px;
 border-radius:6px;
 width:80px; 
 }
  
#floating-box .hr {
 margin-left: -2px;
 height:1px;
 border-bottom:1px solid #cccccc;
 margin:.6em 0;
 width:80px;
}
  
#floating-box .fb_like { 
 margin-top:.5em;
 margin-bottom:.5em;
 margin-left: 10px;
 width: 70px;
 height: 60px;
 text-align:left;
}
  
#floating-box .buzz { 
 margin-left: -3px;
 margin-top:.5em;
 margin-bottom:.5em;
 width: 60px;
}
  
#floating-box .pluss { 
 margin-top:.5em;
 margin-bottom:.5em; 
 width: 60px;
 height:60px;
 margin-left:-2px;
}
.textwidget{padding:0}
.social{background:url("../css/dak-like.png") no-repeat scroll center top transparent;border:medium none;float:left;height:20px;padding:36px
0 0;text-align:center;width:64px}#social-profiles
a.social{color:#666;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:11px;text-shadow:1px 1px #FFF}#social-profiles
.facebook{background-position:0 0}#social-profiles
.twitter{background-position: -64px 0}#social-profiles
.subscribe{background-position: -128px 0}#social-profiles
.contact{background-position: -192px 0}.twitterstyle{background:#fff;border-top:solid 1px #eee;padding:10px
0px;clear:both}
.twitterstyle{background:#fff;border-top:solid 1px #eee;padding:10px
0px; margin-top:10px; clear:both;}

.linkstyle{background:#fff;border-top:solid 1px #eee;background:url("../css/li.png") no-repeat top left;list-style-type:none;padding:0 0 5px 15px; }