/*  =========================================================
	plumbohm.cn
	
	Datei: screen.css
	Media: screen, projection 
	
	Datum: 29.01.2009
	Autor: MARIO NAETHER 
	Mail:  mario.naether@queo-flow.com
	Web:   http://www.queo-flow.com
	                                   
	1. allgemeine screen und layout werte sowie allgeine content einstellungen
	   - Block-Elemente
	   - Inline-Elemente
	      
*/

#page {
	margin: 0 auto;
	width: 80em;
	padding-top: 2.0em;
}

/***
 * header images
 */

#header-sidebar-left {
	float:left;
	width:auto;
}
#header-content-right {
	float:right;
	width:auto;
}

#header-content-right img {
	margin-bottom: 20px;
	/*height: 40px;
	width: 278px;*/
}

/**
 * 
 * MAIN CONTENT
 * 
 */

#main-content {
	border-left:0.1em solid #999;
	border-right:0.1em solid #999;
	border-top:1em solid #0089b3;
	border-bottom:1em solid #0089b3;
	height: 40em;
	overflow: auto;
}
#main-content .content-wrap {	
	/* min-height: 20em; */
	padding: 4em;
	padding-bottom: 0.5em;
}
#main-content.noscroll {
	overflow: hidden;
}

.submenu {
	display: block;
	height: 2.5em;
}

#content-special {
	margin-top: 2em;
}
#content-special-left {
	float: left;
	width: 45em;
}
#content-special-right {
	float: left;
	width: 25em;
}
#content-special-border {
	float: left;
}

.lang-link {
	float:left;
	width:auto;
}
.footer-menu {
	float:right;
	width:auto;
}

#main-footer {
	margin-bottom: 1em;
	padding: 0.5em;
}

/* downlaad Links*/
a{
	color:#0089B3;
}
a.download{
	background-image:url(../images/pdf_klein_txt.gif);
	background-position:right ;
	background-repeat:no-repeat;
	padding-right:4em;
}

/* listen elemente */
#main-content .content-wrap li{
	display:block;
	background-image:url(../images/dot_blau.gif);
	background-position:0.5em 0.5em;
	background-repeat:no-repeat;
	margin-bottom:1em;
	padding-left:2em;
}

/* content tabelle */
#main-content table td,
#main-content table th{
	padding:1em;
	margin:1em;
}

div.contentbox {
	margin-right: 2em;
	margin-bottom: 1em;
	padding-top: 2em;
	padding-left: 1em;
}
#content-special-left div.contentbox {
	height: 7em;
	width: 8em;
}
#content-special-right div.contentbox {
	height: 7em;
	width: 35em;
}
div.contentbox-colored {
	background-color: #e5f3f7;
}
div.contentbox h2 {
 	text-transform: uppercase;
}
#content-special div.csc-header {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
div.inner-content {
	clear: both;
	height: 9em;
	padding-top: 2em;
	position: relative;
}
div.inner-content p {
	margin-left: 11em;
}
#content-special .csc-textpic {
	position: absolute;
	top: 0;
	left: 0;
}