/*********************************************************** */
/**************************************************** global */
body{
	font-family:Verdana,Helvetica,sans-serif;
	font-size:small;
	font-weight:normal;
}

a:focus,a:link,a:visited,a:active{
	color:#CC6633;
	text-decoration:underline;
}

a:hover {
	color:#CC6633;
	text-decoration:none; 
}

img{
	border-width:0px;
}

h1{
	margin-top:10px;
	margin-bottom:15px;
	color:#333;
	font-size:16px;	
}

h2{
	margin-top:5px;
	margin-bottom:15px;
	color:#333;
	font-size:14px;	
}

p{
	margin-top:5px;
	margin-bottom:10px;
	line-indent:25px;
}

#overlay{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	z-index:90;
	width:100%;
	height:100%;
	background-image: url("../img/bgtrans.png");
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=""../img/bgtrans.png"", sizingMethod="scale");
}

#lightbox{
	position:relative;
	margin:auto;
	margin-top:100px;
	width:600px;
	height:450px;
	z-index:55;
	background-color:#FFFFFF;
}

.wrapper{
	margin:auto;
	width:940px;
	min-height:100%;
	height:auto !important;  /* für moderne Browser */
	height:100%;  /*für den IE */
	/*padding-top:15px;*/
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid #666666;
}

.topContainer{
	float:right;
	width:920px;
	background-image:url(../img/grfx/molesLogo.png);
	margin-top:15px;
	height:120px;
	background-repeat:no-repeat;
}

.content{
	margin-top:0px;
}

.contentFrame{
	clear:both;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
	min-height:500px;
	height:auto !important;  /* für moderne Browser */
	height:500px;  /*für den IE */
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
}

div#contentright{
	padding:5px;
	margin-left:15px;
	width:685px;
	height:460px;
	float:left;
	overflow:auto;
	border: 2px solid #999999;
}

#errorbox{
	position:relative;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
	padding-left:70px;
	height:64px;
	width:40%;
	text-align:center;
	color:red;
	border:1px solid red;
	background:#fff;
	background-image:url("../img/icons/button_cancel.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
	
}

#successbox{
	position:relative;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	height:64px;
	width:40%;
	padding-left:70px;
	vertical-align:middle;
	text-align:center;
	color:green;
	border:1px solid green;
	background:#fff;
	background-image:url("../img/icons/button_accept.png");
	background-repeat:no-repeat;
	background-position:0px 0px;

}

#successbox:p #errorbox:p{
	vertical-align:middle;
}

/********************************************************* */
/**************************************************** Menu */

.tabPanel {
	/*height:110px;*/
	float:right;
	background-color:#FFFFFF;
}

.tabPanel ul{
	display:inline;
	list-style-type:none;
	font-weight:bold;
}

.tabPanel li {
	float:left;
}

.tabPanel a:link, .tabPanel a:visited {
	color:#FFFFFF;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	text-decoration:none;
}

.tabPanel a:hover{
	background-color:#FFFFFF;
	color:#666666;
	height:110px;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	text-decoration:none;
}

.tabPanel a.currentTab{
	background-color:#FFFFFF;
	color:#666666;
	height:110px;
	float:left;
	text-decoration:none;
}

a#home{
	background:#CC6633 none repeat scroll 0%;
}

a#mia{
	background:#3399CC none repeat scroll 0%;
}

a#gruppen{
	background:#FFCC99 none repeat scroll 0%;
}

a#benutzer{
	background:#999999 none repeat scroll 0%;
}

a#mein{
	background:#99CCFF none repeat scroll 0%;
}

a#ueber{
	background:#F7BEB2 none repeat scroll 0%;
}

div#home{
	margin:0px;
	border-color:#CC6633;
}

div#mia{
	border-color:#3399CC;
}

div#gruppen{
	border-color:#FFCC99;
}

div#benutzer{
	border-color:#999999;
}

div#mein{
	border-color:#99CCFF;
}

div#ueber{
	border-color:#F7BEB2;
}

/*********************************************************** */
/************************************************* Formulare */
fieldset{
	margin:15px;
}

legend{
	padding-left:10px;
	padding-right:10px;
	background-color: #e5e1d9;
	border: 1px solid #999999;
}

.caption{
	text-align:right;
	padding-right:15px;
	width:150px;
}

.captionPost{
	text-align:left;
	padding-right:15px;
	width:150px;
}

input.stdField{
	width:200px;
}


/************************************************************* */
/********************************************** Control Leiste */
backOn{
	float:left;
}

forwardOn{
	float:left;
}

okOn{
	float:left;
}

cancelOn{
	float:left;
}

backOff{
	float:left;
}

forwardOff{
	float:left;
}

okOff{
	float:left;
}

cancelOff{
	float:left;
}

/*********************************************************** */
/**************************************************** Lesson */
div#molesSay{
	height:170px;
	border: 2px solid #999999;
	border-bottom-width:0px;
}

div#molesSay p{
	padding-top:15px;
	text-align:center;
}

div#lessonOverview{
	padding:5px;
	padding-right:0px;
	padding-left:0px;
	width:160px;
	height:440px;
	float:left;
	overflow:auto;
	border: 2px solid #999999;
}

div#lessonOverview a{
	color:#666666;
	text-decoration:none; 
}
div#lessonOverview a:hover{
	color:#666666;
	text-decoration:underline; 
}

div#lessonCenter{
	margin-left:20px;
	width:450px;
	min-height:360px;
	height:auto !important;  /* für moderne Browser */
	height:360px;  /*für den IE */
	float:left;
}
div#lessonCenter a{
	color:#666666;
	text-decoration:none; 
}
div#lessonOverview a:hover{
	color:#666666;
	text-decoration:underline; 
}

div#lessonOverview ul{
	display:inline;
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none; 
}

div#lessonOverview ul#lesson{
	margin-left:0px;
}

div#lessonOverview ul#folders{
	margin-left:8px;
}

div#lessonOverview ul#tasks{
	margin-left:8px;
}

div#lessonOverview li{
	padding:0px;
	list-style:none;
	list-style-type:none; 
}

ul#lesson li{
	margin-left:0px;
}

ul#folders li{
	margin-left:8px;
}

ul#tasks li{
	margin-left:8px;
}

div#lessonOptions{
	padding:10px;
	position:relative;
	height:200px;
	border: 2px solid #999999;
	border-top-width:0px;
}

div#lessonPda{
	margin-left:20px;
	background-image:url(../img/icons/mobile.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding-top:100px;
	padding-left:36px;
	padding-right:36px;
	float:left;
	height:410px;
	width:165px;
	font-size:small;
	/*background-color: #fba99e;*/
	/*border: 1px solid black;*/
}

div#lessonPda input{
	margin-left:0px;
}

div#lessonMobile{
	margin-left:10px;
	background-image:url(../img/icons/mobile.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
	float:left;
	height:460px;
	width:165px;
	font-size:small;
	border: 2px solid #999999;
}


div#lessonControl{
	position:relative;
	margin:auto;
	margin-top:15px;
	bottom:0px;
	height:70px;
	width:450px;
	clear:both;
}

div#leftmenu{
	padding:5px;
	width:175px;
	height:460px;
	float:left;
	border: 2px solid #999999;
	overflow:auto;
}