/* 
screen.css
project: panorama vista
design: alexander aldehoff 
*/


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

}
body {
	background-color: #333333;
	margin: 0;
	/*color: #333333;*/
}
a:link, a:visited, a:active {
	color: #2F8DCA;
	text-decoration: none;
}
form {
	margin: 0;
}
hr {
	margin: 5px 0px 5px 0px;
	color: #2F8DCA;
	border: 0;
	border-top: 1px solid #2F8DCA;
	height: 1px;
	width: 580px;
}
h1 {
	font-size: 16px;
	color: #2F8DCA;
	text-align: center;
}

/*hintergrund grau und position*/
.main {
    width: 900px;
	margin: auto;
	border-top: 5px solid #333333;
	background-color: #FFF;
	
}
.banner {
	background-image: url(banner.jpg);
	border-bottom: 2px solid #2F8DCA;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	/*padding-top: 5px;*/
	/*padding: 2px 2px 2px 2px;*/
	width: 894px;
	height: 234px;
}
.signup { /* Position für den Button im Layout */
	float: right;
	margin-right: 8px;
	margin-top: 75px;
	text-align: center;
	font-size: 10px;
	width:50px;
	
}
.login { /* Login Button - Position im Layout */
	float: right;
	margin-right: 8px;
	margin-top: 75px;
	text-align: center;
	font-size: 10px;
	width: 50px;
	
}
.login_table h1 {
	color: #660033;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
.logout_bg { /* LOGOUT weiße BOX positionieren auf oben (banner) */
	position: absolute;
	background-color:#FFF;
	text-align: center;
	margin-left: 40px;
	top: 10px;
	height:110px;
	width:200px;
}
.search_string {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	width: 100px;
	font-size: 10px;
	top: 101px;
}
.search_submit { /* Search Button - Position & Größe im Layout */
	float: right;
	margin-right: 20px;
	margin-top: 4px;
	font-size: 10px;
	text-align: center;
	top: 100px;
	width: 50px;
}
.menu {
	width: 880px;
	float: right;
}

/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#253ebe; padding: 7px 20px 4px 10px; background: url(nav.gif) no-repeat 100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #000; background: url(nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#3366ff; background: url(nav.gif) no-repeat 100% 0px; } 


/*Main body navigation bar layout*/
.content {
    border-top: 2px solid #2F8DCA;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
    clear: both;
    padding: 0px 0px 0px 0px;
    text-align: left;	
}

/*Main body content*/
.content2 {	
	padding: 0px 10px 10px 10px;
	text-align: left;
	clear: both;
	width: 890;
	hight: auto;
}

/* */
.footer {
	clear: both;
	height: 30px;
	border-top: 2px solid #2F8DCA;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
	font-size: 10px;
	line-height: 34px;
}
#footer_flags {
	float: left;
	padding-left: 20px;
	padding-top: 0px;
}

#footer_flags a:link img  {border-color: #FFF;}
#footer_flags  a:visited img {border-color: #FFF;}
#footer_flags  a:hover img  {border-color: #FFF;}

.powered_by {
	clear: both;
	background-color: #333333;
	color: #666666;
	text-align: center;
	font-size: 9px;
	padding-top: 0px;
}