html, body 				{ width:100%; height:100%; }
body 						{ margin: 0; padding: 0; font-family:  "Trebuchet MS", Arial, sans-serif; font-size: 100%; line-height:1.35em; color:#999999; text-align: center; background: #383838; }
#container 			{ margin: 0em auto; position:relative; left:50%; width:900px; margin-left:-450px; text-align:center; margin-top:10px; }

html>body #wrap { width:100%; } /* FF,Opera */ * html #wrap { height:100%; } /* IE */

#content					{ float: left; width: 900px;  }

#topline					{ float: left; width: 900px; margin: 0 0 20px 0; padding: 0; /*border-bottom: 1px solid; border-bottom-color: #FFFFFF; */ }

#logo 						{ float: left; margin: 0; padding: 0; color: #767573; width: 300px; }


#menuwrapper { float: right; }
.clearit {	clear: both;	height: 0;	line-height: 0.0;	font-size: 0;}
#p7menubar, #p7menubar ul {	padding: 0.4em 0 0 0;	margin: 0;	list-style: none;	font-family: Arial, Helvetica, sans-serif;}
#p7menubar a {	display: block;	text-decoration: none;	margin: 0 0 0 1em; font-size: 1em;	color: #CCCCCC;}
#p7menubar a img {	border: none;	}
#p7menubar li {	float: left;	width: 9em;}
#p7menubar li ul, #p7menubar ul li  {	width: 12em;}
#p7menubar ul li a  {	color: #FFFFFF;	border-right: 0;	padding: 0;}
#p7 menubar li.active a img{ filter:alpha(opacity=100); opacity:1.0;  }
#p7menubar li ul {	position: absolute;	display: none;	/*background-color: #FFFFFF;	border-right: 1px solid #333333;	border-bottom: 1px solid #333333;	background-image: url(images/p7exp_mgrad.jpg);	background-repeat: repeat-x;*/	}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {	color: #FFFFFF;}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {	display: block; line-height:1em; padding: 3px 0 0 5px;}	
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {	color: #CCCCCC; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.85em;	background-color: transparent;}
#p7menubar ul a:hover {	color: #FFFFFF!important;}
#p7menubar li {width: auto;}

.index_viewer		{ float:left;  width:100%; padding: 0; margin: 20px 0 0 0;  }																/* width + padding = 340 */

.frame 			{ float:left; margin:2px; padding:3px; border:#d0cbc7 1px solid; }
	
/* Design - Framebox */
.framebox			{ font-size:85%; width:940px; /*height:420px; overflow:auto;*/ }	/* wenn ohne Frame gewünscht deaktiviere height und overflow */
.framebox div { float:left; margin: 4px 37px 4px 0px; min-height: 200px;  }
.framebox a, .framebox a img 	{ display:block; border: none;   }
.framebox p 	{ display:block; margin:0; padding:3px; line-height:1.3em; width:auto; }


.trans							{ filter:alpha(opacity= 60); opacity:0.6; }	/* IE */
.trans:hover				{ filter:alpha(opacity=100); opacity:1.0; }	/* IE */



#footer						{ width: 900px; float: left; clear: both; margin: 0; padding: 5px 0 0 0; color: #666; /*border-top: 1px solid; border-top-color: #FFFFFF;*/}
#footer p.design 		{ float: left; margin: 0; padding: 0 ;   }
#footer p.design a 	{ float: left; color:#666; text-decoration: none; }
#footer p.design a:hover {color: #999;}
#footer p.date 			{ float: left; color:#666; margin: 0 0 0 15em; padding: 0 ;   }

#footer p.copyright	{ float: right; color:#666; margin: 0; padding: 0;  }

#flash						{ margin: 0; padding: 0; }

/*Setup Class*/
h1 	{ text-align: right; font:150% Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0.70em 0; color:#FFFFFF; }
h2 	{ font:130% Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0.70em 0; color:#FFFFFF; }
hr 	{ clear:both; margin:16px auto; border-top:#dbdbdb 1px solid; border-bottom:#fcfcfc 1px solid; }
p  				{ margin: 2em 0 0 1em; padding: 0; font-size: 85%; text-align: justify; color: #ccc; }
p a				{ color: #fff; text-decoration: none; }
.clearer 		{ clear: both; height: 10px;} /*Firefox BG bug*/

/* Design - all */
a:link, a:visited	{ color:#FFFFFF; text-decoration:none;  } a:hover { color:#ccc; }