/*##################
Name / Type:				SevenBit
Autor: 						Simon Klaus
Version: 					in progress
Datum:						14.07.2011
File: 						/include/style.inc.css
Validiert:					W3C Validated
##################*/

/*##################
HTML-Tags
##################*/

* {
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

body, html {
	width:					100%;
	height:					100%;
	font-size:				14px;
	color:					#FFFFFF;
	background:				#000000;
	background:				#000000 url("../images/backgnd.jpg") repeat-x center center;
}

#container {
	position:				relative;
	width:					100%;
	height:					100%;
	overflow:				hidden;
}

html>/**/body #container[id] {
	display:				table;
	position:				static;
	background:				url("../images/backgnd2.jpg") no-repeat center center;  
}

#container_box {
	position:				absolute;
	top:					50%;
	width:					100%;
	text-align:				center;
}

html>/**/body #container_box[id] {
	display:				table-cell;
	position:				static;
	vertical-align:			middle;
}

#main {
	position:				relative;
	top:					-50%;
	width:					1000px;
	height:					678px;
	text-align:				left;
	margin-left:			auto;
	margin-right:			auto;
}

#main_logo #logo_box {
	opacity:				0.0;
	position:				fixed;
	right:					50px;
	bottom:					0px;
	z-index:				99;
}

#main_menu {
	position:				absolute;
	left:					50%;
	top:					380px;
	width:					350px;
	height:					70px;
}

#menu_items {
	position:				absolute;
	left:					0px;
	top:					0px;
}

#menu_items img {
	opacity:				0.5;
	background:				transparent;
}

#main_searchfield  {
	position:				absolute;
	top:					260px;
	left:					50px;
	width:					193px;
	height:					28px;
	background:				url("../images/searchfield_backgnd.jpg") no-repeat;
	z-index:				99;
}

#main_content_submenu {
	opacity:				0.0;
	position:				absolute;
	left:					25px;
	bottom:					150px;
	width:					350px;
	height:					15px;
	font-size:				12px;
	background:				url("../images/content_submenu_backgnd.png") no-repeat left center;
	padding:				15px 5px 15px 5px;
}

#main_langmenu {
	position:				absolute;
	right:					25px;
	top:					405px;
	height:					20px;
	height:					65px;
	z-index:				999;
}

#main_langmenu_items {
	display:				none;
	margin:					10px 0px 0px 0px;
}

#main_langmenu_items a {
	display:				block;
	width:					17px;
	height:					11px;
	margin:					3px 0px 3px 0px;
}

#main_langmenu_items img {
	width:					100%;
	height:					100%;
}

#main_content {
	position:				relative;
	left:					50%;
	top:					0px;
	width:					360px;
	height:					678px;
	text-align:				left;
	background:				url("../images/content_backgnd.png") no-repeat;
	padding:				50px 25px 50px 25px;
	margin-left:			-450px;
}

#main_content_right {
	opacity:				0.0;
	position:				absolute;
	left:					50%;
	top:					0px;
	width:					470px;
	height:					628px;
	text-align:				left;
	background:				url("../images/content_right_backgnd.png") no-repeat;
	padding:				100px 25px 50px 25px;
	margin-left:			-55px;
}

#main_bottom {
	position:				absolute;
	left:					0px;
	top:					630px;
	width:					1200px;
	height:					270px;
	text-align:				left;
	padding:				0px 0px 0px 0px;
}

#main_loadingbar_ajax {
	position:				absolute;
	top:					390px;
	left:					25px;
}

#main_errorbar_ajax {
	position:				absolute;
	top:					250px;
	left:					250px;
	width:					250px;
	text-transform:			uppercase;
}

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

h1 {
	text-align:				left;
	font-size:				40px;
	color:					#FFFFFF;
	margin:					0px 0px 0px 0px;
}

h1 span {
	font-size:				30px;
	font-weight:			normal;
}

h2 {
	font-size:				18px;
	font-weight:			normal;
	color:					#FF6414;
	margin:					0px 0px 5px 0px;
}

h3 {
	font-size:				14px;
	font-weight:			bold;
	color:					#FF6414;
	margin:					0px 0px 5px 0px;
}
	
p, table {
	margin:					0px 0px 12px 0px;
}

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

a:hover {
	color:					#FF6414;
}

img {
	border:					none;
}

.cleardiv {
	clear:					both;
}

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

#menu_items {
	text-transform:			uppercase;
	line-height:			0.8;
	font-size:				12px;
	color:					#FFFFFF;
}

#menu_items .item_active {
	font-size:				14px;
	font-weight:			bold;
	color:					#4c4c4c;
}

#menu_items span {
	font-size:				16px;
	color:					#FFFFFF;
}	

#main_searchfield:hover {
	background:				url("../images/searchfield_backgnd2.jpg") no-repeat;
}

#main_searchfield input {
	width:					135px;
	height:					20px;
	background:				none;
	border:					none;
	margin:					4px 3px 4px 30px;
}

.searchfield_box {
	display:				none;
	position:				relative;
	left:					30px;
	width:					200px;
	color:					#ffffff;
	background:				#212427;
	border:					2px solid #000000; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	margin:					10px 0px 0px 0px;
}

.searchfield_box li {
	list-style:				none;
	cursor:					pointer;
	padding:				3px;
	margin:					0px 0px 3px 0px;
}

.searchfield_box li:hover {
	background:				#659CD8;
}

#main_content ul{
	padding-left:			15px;
}

#main_content p .nav2 {
	font-weight:			bold;
}

#main_content p img {
	border:5px solid #ddd; margin:0px 4px 0px 0px; background:#fff; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;
}

#main_content #content_map {
	width:					360px;
	height:					360px;
}

#main_content #content_map p{
	color:					#c1c1c1;
}

.main_content_fade {
	opacity:				0.5;
}

.main_content_nav {
	display:				block;
	font-size:				12px;
	text-transform:			uppercase;
	background:				url("../images/arrow.png") no-repeat left center;
	padding:				0px 0px 0px 15px;
}

.main_content_nav a {
	color:					#c1c1c1;
}
.main_content_nav a:hover {
	color:					#FFFFFF;
}

#main_content_submenu  span, #main_content_submenu  a {
	color:					#c1c1c1;
	text-transform:			uppercase;
}

#main_content_submenu span {
	color:					#FF6414;
}

#main_content_submenu  a:hover {
	color:					#FFFFFF;
	font-weight:			bold;
}