@charset "utf-8";
/* CSS Document monolith medienwerk 
   author: wolfgang schwaiger */

html, body	{
	height: 100%;
	background-color: #b2b2b2;
	background-image: url(images/contentBackground.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0;
	padding: 0;
	border: 0;
}

html>/**/body, x:-moz-any-link, x:default {
	position:relative; left:-0.1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

a, a:visited, a:link	{
	color: #813010;
	text-decoration: none;
}

a:hover, a:active	{
	text-decoration: underline;
}

#wrapper	{
	width: 100%;
	height: 100%;
	background-image: url(images/backgroundDot.png);
	background-repeat: repeat-x;
}

#header	{
	margin: 0 auto;
	width: 989px;
	height: 182px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#backgroundContent	{
	margin: 0 auto;
	width: 989px;
}

#logo	{
	padding: 79px 0px 0px 32px;
	margin: 0;
	float: left;
}

#logoSide	{
	padding: 40px 0px 0px 470px;
	margin: 0;
	float: left;
}

#menu	{
	float: left;
	padding-top: 11px;
	padding-left: 317px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

#menu p	{
	float: left;
	margin: 0px 13px 0px;
}

#menu p a, #menu p a:visited, #menu p a:link	{
	text-decoration: none;
	color: #813010;
}

#menu p a:hover, #menu p a:active, #menu p a.activeMenu	{
	color: #333333;
}

#contentLeft	{
	float: left;
	text-align: right;
	margin: 20px 0px 10px 0px;
	width: 300px;
}

#contentLeft p	{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#contentCenter	{
	float: left;
	margin: 20px 0px 10px 31px;
	width: 469px;
	height: auto;
	color: #333333;
}

#contentCenter p	{
	margin: 0;
	padding: 0px 15px 14px 0px;
	line-height: 16px;
}

#contentRight	{
	float: left;
	margin: 0px 0px 0px 2px;
	width: 185px;
	overflow: auto;
}

#contentRight p	{
	color: #FFFFFF;
	background-color: #7e3213;
	padding: 0px 17px 0px;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
}

#contentRight #contact	{
	width: 168px;
	margin: 30px 0px 0px 17px;
}

#contentRight #contact p	{
	color: #CCCCCC;
	background: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.buttons	{
	border: 1px solid #000000;
	font-size: 11px;
	margin: 1px;
}

.inputs	{
	width: 300px;
	font-size: 9px;
}

/*
multi file uploads css tags
*/
div.multiupload{
	float: right;
}
div.multiupload div.list{
	border:1px inset gray;
	background: #fff;
}
div.multiupload div.list div.item{
	margin:1px;
	background: #eee;
}
div.multiupload div.list div.item:hover{
	background: #ccc;
}
div.multiupload div.list img{
	float: right;
	margin: 1px;
	cursor:pointer;
}

/* loading message */
/*this is what we want the div to look like
when it is not showing*/
div.loading-invisible{
	/*make invisible*/
	display:none;
}

/*this is what we want the div to look like
when it IS showing*/
div.loading-visible{
	/*make visible*/
	display:block;
	
	/*position it at the very top-left corner*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	
	/*in supporting browsers, make it
	  a little transparent*/
	background:#fff;
	_background:none; /*this line removes the background in IE*/
	opacity:.75;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	
	/*set the padding, so that the content
	  of the div is centered vertically*/
	padding-top:20%;
}