body {font-family:Verdana,Arial,sans-serif;background-color:#311545; /*#E2EBED*/ }

.Frage {font-family:Verdana,Arial,sans-serif;font-size:16pt;color:#FFFFFF;text-align:center;font-weight:bold; text-decoration:none;}
.FragenHeader {font-family:Verdana,Arial,sans-serif;font-size:20pt;color:#FFDF00;text-align:center;font-weight:bold;}
.Knopf {font-family:Verdana,Arial,sans-serif;font-size:8pt;cursor:pointer;}
.Normal { font-family:Arial,Helvetica,sans-serif; color:#FFFFFF; font-size:10pt; line-height:18px }
.Klein { font-family:Arial,Helvetica,sans-serif; color:#FFFFFF; font-size:8pt; }
.version {font-family:Verdana,sans-serif;font-size:8pt;text-decoration:none;color:#FFFFFF }
.Titel3 { font-family:Verdana,Arial,sans-serif; font-size:14pt; color:#FFFFFF; text-align:left; font-weight:bold; text-decoration:none; }
.Titel4 { font-family:Verdana,Arial,sans-serif; font-size:12pt; color:#FFFFFF; text-align:left; font-weight:bold; text-decoration:none; }
.LinkButton {font-family:Verdana,Arial,sans-serif; font-size:10pt; color:#000000; text-align:center; font-weight:bold; text-decoration:none; background-color:#C0C0C0; border:3px outset grey; padding:4px; margin:0px; height:12pt;}
.Hinweis {font-family:Verdana,Arial,sans-serif; font-size:8pt; color:#FF0000; font-weight:normal; text-decoration:none;}

.main {font-family:Comic Sans MS;font-size:xx-large;font-weight:bold;text-align:center;color:#8080C0;background:#311545;}
.text {font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:10pt;}
.fuss {font-family:Courier,serif;color:#000080;font-size:xx-small;}
.menu {font-family:Verdana,sans-serif;font-size:small;font-weight:bold;text-align:center;color:#ffffff;background: #311545; }
.auswahl {font-family:Verdana,sans-serif;font-size:8pt;font-weight:bold;text-align:left;background:#003366;color:#ffffFF; }
.aktiv {font-family:Verdana,sans-serif;font-size:8pt;font-weight:bold;text-align:right;background:#311545;color:#ffffFF; }

#footer {height:30px;vertical-align:middle;text-align:right;clear:both;padding-right:3px;background-color:#317082;margin-top:2px;width:790px;}
#footer form {margin:0px;margin-top:2px;}
/* Main container for this script was:border:1px */
#dhtmlgoodies_dragDropContainer {width:790px;height:720px;border:0px solid #317082;background-color:#311545;-moz-user-select:none;}
/* General rules for all ul */
#dhtmlgoodies_dragDropContainer ul {margin-top:0px;margin-left:0px;margin-bottom:0px;padding:2px;}
/* Movable items, i.e. li , was: height:15px*/
#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination {list-style-type:none;height:30px;background-color:#4F76D0;border:1px solid #000;padding:2px;margin-bottom:2px;cursor:pointer;font-size:12px;line-height:15px;} /* font-size hier fuer Antworten */ /*FFFF99 Hintergrund */
/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
li#indicateDestination {border:1px dotted #600;background-color:#FFF;}
/* Correctly moved item */
#dhtmlgoodies_dragDropContainer ul li.correctAnswer {background-color:green;color:#FFF;}
/* Item moved to wrong box */
#dhtmlgoodies_dragDropContainer ul li.wrongAnswer {background-color:red;color:#FFF;}
/* LEFT COLUMN CSS */ /* Left column "Available words" was:10px*/
div#dhtmlgoodies_listOfItems {float:left;padding-left:5px;padding-right:5px;
/* CSS HACK */
width: 200px;	/* IE 5.x - was:180 */
width/* */:/**/190px;	/* Other browsers - was:160*/
width: /**/190px;
}
/* Left(Sources) column ul was:560px*/
#dhtmlgoodies_listOfItems ul {height:900px;}
div#dhtmlgoodies_listOfItems div {border:1px solid #999;}
/* Left column ul */
/* Space at the left of list - the arrow will be positioned there was:10px*/
div#dhtmlgoodies_listOfItems div ul {margin-left:5px;}
/* Heading above left column */
#dhtmlgoodies_listOfItems div p {margin:0px;font-weight:bold;padding-left:12px;background-color:#317082;color:#FFF;margin-bottom:5px;}
/* END LEFT COLUMN CSS */
/* Mouse over effect DIV box in right column */
#dhtmlgoodies_dragDropContainer .mouseover {background-color:#E2EBED;border:1px solid #317082;}
/* Start main container CSS */
/* Right column DIV */
div#dhtmlgoodies_mainContainer {width:590px;float:left;}
/* Parent div of small boxes was: 10px-10px*/
#dhtmlgoodies_mainContainer div {float:left;margin-right:5px;margin-bottom:5px;margin-top:0px;border:1px solid #999;
/* CSS HACK */
width: 190px;	/* IE 5.x - was:172*/
width/* */:/**/188px;	/* Other browsers - was:170*/
width: /**/188px;
}
#dhtmlgoodies_mainContainer div ul {margin-left:5px;} /* was: 10px */
/* Heading above small boxes */
#dhtmlgoodies_mainContainer div p {margin:0px;padding:0px;padding-left:12px;font-weight:bold;background-color:#317082;color:#FFF;margin-bottom:5px;}
/* Small box in right column ,i.e ul was:152px - 80px*/
#dhtmlgoodies_mainContainer ul {width:180px;height:80px;border:0px;margin-bottom:0px;overflow:hidden;}
/* Drag container was:150px-15px*/
#dragContent {position:absolute;width:180px;height:15px;display:none;margin:0px;padding:0px;z-index:2000;}
/* DIV for the small arrow */
#dragDropIndicator {position:absolute;width:7px;height:10px;display:none;z-index:1000;margin:0px;padding:0px;}
#topBar {margin:10px;}