/*
**	Colours used in this site:
**	yellow:		FFCE31
**	lightblue:	D6D6E7
**	darkblue:	2F3384
**	font-gray:	666666
*/
body{
	margin:0;
	padding:0;
	font:9pt 'Trebuchet MS';
	background:#EFEFF5 url(/img/BodyBackground.jpg);
}


p{
	text-align:justify;
}



/*
**
*/
div.msg_ok{
	margin:10px;
	width:550px;
	height:20px;
	padding: 5px 0 5px 40px;
	vertical-align:middle;
	border:1px solid green;
	background: url(/img/icons/info_24.png);
	background-repeat:no-repeat;
	background-position:3px 3px;
	background-color:lightgreen;
}


a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:0; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff 0 0; display:block; font-size:1px;}




/*
**	Mainframe
*/
table#Mainframe{
	margin:0;
	width:840px;
	/*background-color:transparent;*/
	background-color:white;
	text-align:left;
}

/*
**	Header
*/
td#HeaderCell{
	margin:0; 
	padding:0;
	width:840px;	height:100px;
	font-size:10pt; 
	color:#2F3384; 
	background:url(/img/Banner/Acamar-Stern_840x100.png);
}

table#Header{
	width:840px;	height:100px;
}

table#Header tr{
	height:50px;
}


/*
**	Navigation
*/
td#NavigationCell{
	height:30px;
	background-color:#2F3384;	/* darkblue */
}

ul#Navigation{
	margin:0; 
	padding:0;
	list-style-type:none;
	clear:both;
	font-size:12px;
}

ul#Navigation li{
	margin:0;
	padding:0;
	width:110px;				height:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	border-right-width:1px;		border-right-style:solid;	border-right-color:#D6D6E7;	/* lightblue */
	float:left;
	letter-spacing:+1px;
}

ul#Navigation li.active{
	background-color:#D6D6E7;	/* lightblue */
}


ul#Navigation li a {
	display:block;
	text-decoration:none;
	color:white;
}

ul#Navigation li.active a{
	color:#2F3384;				/* darkblue */
}


ul#Navigation li a:hover{
	text-decoration:underline;
}











td#SubNavigationCell{
	height:30px;
	/*background-color:#D6D6E7;*/
}

ul#SubNavigation{
	margin:0; 
	padding:0;
	width:100%;		height:30px;
	list-style-type:none;
	clear:both;
	background-color:#D6D6E7;	/* lightblue */
}

ul#SubNavigation li{
	margin:0;
	padding:0;
	width:130px;
	text-align:center;
	float:left;
}

ul#SubNavigation li a {
	display:block;
	line-height:30px;
	text-decoration:none;
	color:#2F3384;				/* darkblue */
}


ul#SubNavigation li a:hover{
	text-decoration:underline;
}



/*
**	Language
*/
div#Language{
	margin:0; 
	padding:0;
}

div#Language img{
	margin:3px;
	padding:2px;
}



/*
**	Footer
*/
div#Footer{
	margin:15px 0;
	line-height:30px;
	letter-spacing:+1px;
}




/*
**	Left Column
*/
td#LeftCol{
	margin:0;
	padding:0;
	width:640px;
	vertical-align:top;
	color:#666;
}

td#LeftCol h1{
	margin:10px;
	padding:0;
	color:#2F3384;				/* darkblue */
}

td#LeftCol h2{
	margin:10px;
	padding:0;
	/* color:#2F3384;			darkblue */
}

td#LeftCol p{
	margin:10px 30px 10px 10px;
}



/*
**	Right Column
*/
td#RightCol{
	margin:0;
	padding:0;
	width:200px; 
	vertical-align:top;
	background-color:white;
	color:#666;
}


/*
**	Middle Column
*/
td#MiddleCol{
	margin:0;
	padding:0;
	width:840px;
	background-color:white;
	color:#666;
}

td#MiddleCol h1{
	margin:10px;
	padding:0;
	color:#2F3384;				/* darkblue */
}

td#MiddleCol h2{
	margin:10px;
	padding:0;
}

td#MiddleCol p{
	margin:10px 30px 10px 10px;
}





/*
**	WelcomeContainer
*/
table.WelcomeContainer{
	width:620px;
}


table.WelcomeTeaser{
	width:100%;
	border-width:1px;
	border-style:solid;
	border-color:#666;
}

table.WelcomeTeaser td.icon{
	width:94px;
}

table.WelcomeTeaser td.icon img{
	margin:10px;
}

table.WelcomeTeaser td.desc{
	padding:7px 0 0 0;
	vertical-align:top;
}

table.WelcomeTeaser td ul{
	margin:0 0 0 5px;
	padding:0 0 0 5px;
	list-style-type:none;
	list-style-position:inside;
	list-style-image:url(/img/check.gif);
}












/*
**	Loginform
*/
table#Loginform{
	margin:10px 0 10px 0;
	font:9pt 'Trebuchet MS';
	color:#666;
	background:url('/img/Loginform_Background2 Kopie.png');
	background-repeat: no-repeat;
} 

table#Loginform a{
	color:#666;
}

table#Loginform input{
	font:9pt 'Trebuchet MS';
	color:#666;
	border:1px solid #666;
}

table#Loginform input[type=text]{
	height:16px;
	color:red;
}

table#Loginform input[type=password]{
	height:16px;
	color:red;
}






/*
**	Progress
*/
div#inprogress{
	border:1px solid #2F3384;
	background-color:white; 
	width:300px; 
	height:100px; 
	padding:10px;
	display:block; 
	position:absolute; bottom:-50px; left:200px; 
	z-index:500; 
	color:black; 
}

img#inprogress_img{
	margin:20px 40px;
}




















/*
**	Resources
*/
div.Resources
{
	margin:15px 5px 5px 5px; 
	border-width:1px;
	border-style:solid;
	border-color:#2F3384;		/* darkblue */
}

div.Resources h1{
	margin:0;
	padding:0 0 0 5px;
	font-size:12pt; 
	background-color:#D6D6E7;	/* lightblue */ 
	color:#2F3384;				/* darkblue */
}

div.Resources ul{
	margin:0; 
	padding:0;
	list-style-type: none;
}

div.Resources li{
	margin:5px;
	padding:5px 0 0 0;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#2F3384;	/* darkblue */
	color:#666;
}

div.Resources li a{
	color:#666;
}










/*
**	Artikelsuche
*/
table#Artikelsuche{
	margin:10px;
	width:490px;
	font:8pt 'Trebuchet MS';
}

table#Artikelsuche td{
	line-height:22px;
}


table#Artikelsuche input{
	border-width:1px;
	border-style:solid;
	font:8pt 'Trebuchet MS';
	color:#666;
	background-color:#DBDBEA; 
	border-color:#666;
}

table#Artikelsuche input[type=checkbox]{
	border:none;
	color:#666;
	background-color:white; 
}

table#Artikelsuche input.DatePicker{
	cursor:default;
	/*background-image:url(/img/Calendar.png);*/
	/*background-repeat:no-repeat;*/
	/*background-position:right;*/
}

table#Artikelsuche select{
	width:110px;
	border-width:1px;
	border-style:solid;
	font:8pt 'Trebuchet MS';
	color:#666;
	background-color:#D6D6E7;	/* lightblue */ 
	border-color:#666;
}

table#Artikelsuche option.rowodd{
	background-color:white; 
}













/*
**	Artikeldetails
*/
table#Artikeldetails{
	width:100%;
}

table#Artikeldetails td{
	line-height:22px;
}


table#Artikeldetails td.label{
	width:150px;
}


/*
**	Tracklisting
*/
table#Tracklisting{
	margin:10px;
	width:820px;
}

table#Tracklisting td{
	line-height:22px;
}



/*
**	Bearbeitungsstatus
*/
table#Bearbeitungsstatus{
	margin:10px;
	width:820px;
}

tr.rowheader{
	font-weight:bold;
	background-color:#D6D6E7;	/* lightblue */ 
}

tr.roweven{
	background-color:#D6D6E7;	/* lightblue */ 
}

tr.rowodd{
	background-color:#FFFFFF;	/* white */ 
}

table#Bearbeitungsstatus td.cover{
	margin:0;
	padding:0;
	width:305px;
}






/*
**	Uploaded
*/
table#Uploaded{
	margin:0;
	padding:0;
	width:820px;
}

table#Uploaded img{
	border:none;
	margin-bottom:10px;
}

table#Uploaded tr.Head{
	background-color:#D6D6E7;	/* lightblue */ 
}

table#Uploaded tr.roweven{
	background-color:#D6D6E7;	/* lightblue */ 
}


/*
**	UploadForm
*/
form#UploadForm{
	margin:0;
	padding:0;
}

/*
**	Upload1
*/
table#Upload1{
	background-color:white; 
}

table#Upload1 input[type=file]{
	color:#666;
	background-color:white;
}

table#Upload1 textarea{
	color:#666;
	background-color:white; 
}





/*
**	Upload2
*/
table#Upload2{
	width:820px;
	margin:0;
	background-color:#D6D6E7;	/* lightblue */ 
}

table#Upload2 input{
	font:8pt 'Trebuchet MS';
	color:#666;
	/*background-color:white;	*/
}

table#Upload2 input[type=file]{
}

table#Upload2 input[type=checkbox]{
	padding:0; 
	margin:0;
}

table#Upload2 textarea{
	font:9pt 'Trebuchet MS';
}



/*
** What is the div class="spacer" in there for? 
**	When you float an element with CSS, it no longer takes up any "space" and any background 
**	and/or border will show up above the images instead of surrounding them. We need to add 
**	some content other than the floated DIVs into the container DIV to force the background 
**	or border to contain the floated elements as well. Add this to your style sheet to take 
**	care of that:
*/
div.spacer {
	clear:both;
	line-height:0;
}

.left {
	float:left;
	text-align:left;
	font-weight:bold;
	color:#fff;
	width:49%;
}

.right {
	float:right;
	text-align:right;
	font-weight:bold;
	color:#fff;
	width:49%;
}


div.clear {
	clear:both;
	margin-top:-1px;
	height:0px;
	overflow:hidden;
}