@charset "UTF-8";

/* ===================================================================

@version 1.0
@lastmodified 2014-03-15
@css-for IE, Mozilla, Opera, Safari
@author	Claus Hoermann
@link www.t3rminal.de
@copyright Copyright 2014, Claus Hoermann
@license CC-A 2.0

This copyright notice must be untouched at all times.

Copyright (c) 2014 Claus Hoermann. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

===================================================================
================================================================
		html, body and header
=================================================================== */

/* reset all to zero */
* {
	margin:			0px;
	padding:		0px;
	line-height:		1.5em;
}

html, body  {
	background:		#404040 url(../images/teaser_4.png) no-repeat top;
	background-size:	cover;
		
	width:			auto;
	height:			100%;
	
	
        margin:                 0em 0em 0em 0em;
        padding:                0em 0em;
	
	text-align:             center;
	font-family:            Arial, sans-serif;
        font-size:		100.01%;
	overflow:			hidden;
}

#page {
	width:			1200px;
	margin:			0 auto 0 auto;
	
}


#header {
	width:                  auto;
        height:                 230px;

	margin:			0em 0em 0em 0em;
	padding:		0em 0em;
	
        /*border:			1px solid #00FF00;*/

}

#menu {
	float:			left;
	background:		#404040;
	filter:			alpha(opacity = 75);	/* IE 6, 7, 8 */
	-ms-filter:		"alpha(opacity = 75)";	/* ab IE 8 zus�tzlich m�glich */
	opacity:		.75;			/* alle anderen Browser einschlie�lich IE 9 */
	
	width:                  auto;
        height:                 50px;
	
	margin:			5em 0em 0em 10em;
	padding:		0em 0em;
	
	/*border:			1px solid #00FF00;*/
}

/*#logo {
	float:			right;
	background:		url(../images/2014-03-12-logo-v3.png) no-repeat;
	background-size:	contain;
	
	width:                  352px;
        height:                 152px;
	
	margin:			2em 1em 0em 0em;
	
	/*border:			1px solid #00FF00;*/
}*/

#lgwrpr {
    float:				right;
    width:          	350px;
    height:				auto;
	margin:				2em 2em 0em 0em;
	padding:        	0em 0em 0em 0em;
}

#opacity {
	position:           absolute;
	/*background-color: #404040;*/
    background-color:   #404040;
	filter:				alpha(opacity = 90);	/* IE 6, 7, 8 */
	-ms-filter:			"alpha(opacity = 90)";	/* ab IE 8 zus�tzlich m�glich */
	opacity:			.90;			/* alle anderen Browser einschlie�lich IE 9 */    
    width:              350px;
    height:             100px;
}


#logo {
	position:       	absolute;
	background:			url(../images/2014-03-12-logo-v3.png) no-repeat top;
    background-size:	contain;
    width:              350px;
    height:             100px;
}

/* ================================================================
	wrapper, sidebar, main and footer
=================================================================== */
#wrapper {
	width:			100%;
	height:			400px;
	
	margin:			2em 0em 0em 0em;
	padding:		0em 0em;
	
	/*border:			1px solid #00FF00;*/
}

#note1 {
        background:		#404040;
	filter:			alpha(opacity = 75);	/* IE 6, 7, 8 */
	-ms-filter:		"alpha(opacity = 75)";	/* ab IE 8 zus�tzlich m�glich */
	opacity:		.75;			/* alle anderen Browser einschlie�lich IE 9 */
	
	float:                  left;
        text-align:             left;
	
        width:                  150px;
        height:                 auto;
        
	margin:                 -5em 0em 0em 10em;
        padding:                1em 1em;
	
	line-height:		1.0em;
	
	/*border:			1px solid #00FF00;*/
}

#note2 {
        background:		#404040;
	filter:			alpha(opacity = 75);	/* IE 6, 7, 8 */
	-ms-filter:		"alpha(opacity = 75)";	/* ab IE 8 zus�tzlich m�glich */
	opacity:		.75;			/* alle anderen Browser einschlie�lich IE 9 */
	
	float:                  left;
        text-align:             left;
	
        width:                  150px;
        height:                 auto;
        
	margin:                 3em 0em 0em 10em;
        padding:                1em 1em;
	
	line-height:		1.0em;
	
	/*border:			1px solid #00FF00;*/
}

#main {
	background:		#404040;
	filter:			alpha(opacity = 75);	/* IE 6, 7, 8 */
	-ms-filter:		"alpha(opacity = 75)";	/* ab IE 8 zus�tzlich m�glich */
	opacity:		.75;			/* alle anderen Browser einschlie�lich IE 9 */
	
	float:			right;
    text-align:		left;
        
	width:                  700px;
    height:                 auto;
        
	margin:                 -5em 5em 0em 0em;
        padding:                0em 0em;
	
	overflow:		auto;
	

}

#content {
	float:                  right;
        text-align:             left;
        
	width:                  auto;
        height:                 auto;
        
	margin:                 0em 0em;
        padding:                1em 1em;


}

#footer {
        clear:                  both;
	position:		relative;
	float:			right;
	
	width:			450px;
	height:			auto;
	
	margin:			6em 0em 0em 0em;
	padding:		1em 1em 1em 1em;
	
        text-align:             right;
	
	/*border:			1px solid #00FF00;*/
}

/* ================================================================
	common font styling - headline, sub-headline, body
=================================================================== */

h1 {
	font-family:		Arial;
	font-size:		1.5em;
	color:			#C0C0C0;
	letter-spacing:		0.0em;
	word-spacing:		0.1em;
	font-weight:		normal;
}

h2 {
	font-family:		Arial;
	font-size:		1.2em;
	color:			#C0C0C0;
	letter-spacing:		0.0em;
	word-spacing:		0.1em;
	font-weight:		normal;
}

h3 {
	font-family:		Arial;
	font-size:		0.8em;
	color:			#000000;
	letter-spacing:		0.0em;
	word-spacing:		0.1em;
	font-weight:		bold;
}

p, ol, ul {
	font-family:		Arial;
	font-size:		0.9em;
	font-weight:		normal;
	color:			#C0C0C0;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
	text-decoration: none;
}

.pxs {
	font-family:		Arial;
	font-size:			0.7em;
	font-weight:		normal;
	color:				#C0C0C0;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
	
}

.pxxs {
	font-family:		Arial;
	font-size:			0.6em;
	font-weight:		normal;
	color:				#C0C0C0;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;

}

/* ================================================================
	common list styling - menu and footer lists
=================================================================== */
li {
	list-style-type:	none;
	font-family:		Arial;
	font-size:		1.0em;
	font-weight:		normal;
	color:			#666666;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
}

#menulst li {
	float:			left;
	vertical-align:		baseline;
	text-align:		center;
	margin:			1em 3em 1em 3em;
	
	list-style-type:	none;
}

#menulst a {
	text-decoration:  	none;
	color:			#C0C0C0;
}

#menulst a:hover {
	color:			#ffffff;
}


a {
	text-decoration:  	none;
	color:			#C0C0C0;
}

a:hover {
	color:			#ffffff;
	
}


#ftrlst li {
	float:			right;
	text-align:		center;
	margin:			0em 0em 0em 1em;
	
	list-style-type:	none;

	vertical-align:		baseline;
}

#ftrlst a {
	text-decoration:  	none;
	color:			#C0C0C0;
}

#ftrlst a:hover {
	color:			#ffffff;
}


/* ================================================================
	end of default.css
=================================================================== */