/*
Farben:
#4AACF5 - helles blau (Schrift)
#00CCFF - helles blau
#0066FF - dunkles blau
#88E210 - helles grün
#99CC00 - dunkles grün
#1C1B17	- dunkles grau
#575757	- mittleres grau
gray	- helles grau
*/

body {	
	background-color:	white;
	color: 			gray;
	font-family:		Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:		14px;
	font-style:		normal;
	margin: 		0px; /* äusserer Rand */
	padding:		0px; /* innerer Rand */
}

a:link		{ font-style: normal; color: gray; text-decoration: underline; }
a:visited	{ font-style: normal; color: gray; text-decoration: underline; }
a:hover 	{ color: #4AACF5; }
img		{ border: 0; }
ul ol li nav	{
	margin:			0px;
	padding:		0px;
}
.nolink a	{ text-decoration: none; }

span.email {
	unicode-bidi:		bidi-override;
	direction:		rtl;
}

/* MainContent_Header */
h1 {
	color:			#4AACF5;
	font-size: 		24px;
	font-style:		normal;
	font-weight:		bold;
	margin:			0px;
	text-align:		center;
}

/* Werbung (kleiner Titel) */
h2 {
	color:			#4AACF5;
	font-size: 		10px; 
	font-style:		normal;
	font-weight:		bold;
	margin:			0px;
	padding:		0px;
	text-align:		center;
	text-decoration:	underline;
}

#Header {
	background-color:	#1C1B17;
	color:			gray;
	height:			133px;
	position:		relative;
	width:			100%;
}

#Logo {
	background-image: 	url(img/soi_logo.png);
	background-repeat:	no-repeat;
	height:			150px;
	left:			0px;
	margin:			0px;
	padding:		0px;
	position:		absolute;
	width:			225px;
}

#SiteInfo {
	background-color:	transparent;
	border-bottom:		1px solid #696969;
	border-left:		1px solid #696969;
	border-right:		1px solid #696969;
	height:			20px;
	position:		absolute;
	right:			100px;
	top:			0px;
}

#SiteInfo ul {
	margin:			0px;
	padding:		0px;
	top:			0px;
}

#SiteInfo li {
	display:		inline; /* keine Bullets */
	margin:			0px 10px 0px 10px;
	padding:		0px;
	width:			auto;
}

#SiteInfo li:hover a {
	color:			#4AACF5;
	vertical-align:		bottom;
}

#SiteInfo a {
	font-size:		10px;
	font-style:		normal;
	margin:			0px;
	padding:		0px;
	text-decoration:	none;
	vertical-align:		top;
}

#SideBar {
	background-color:	transparent;
	border:			0px solid white;
	height:			90px;
	margin:			0px;
	overflow:		hidden;
	padding:		0px;
	position:		absolute;
	right:			0px;
	top:			0px;
}

#SideBar img {
	border:			0px;
	margin-right:		-50px;
	display:		block;
}

#SideBar a {
	display:		block;
}

#SideBar img:hover {
	padding-right:		50px;
}

#NaviLine {
	border:			0px solid white;
	bottom:			0px;
	height:			40px;
	right:			150px;
	position:		absolute;
}

#NaviLine li {
	display:		inline; /* keine Bullets */
	float:			left;
	list-style:		none;
	margin:			0px;
	padding:		0px;
	width:			auto; /* passt sich dem Text an */
}

#NaviLine a {
	font-size:		small;
	font-weight:		bold;
	margin:			0px 10px 0px 10px;
	overflow:		hidden;
	padding:		0px 15px 0px 10px;
	text-decoration:	none;
}

#NaviLine li:hover a {
	color:			white;
}

#Current {
	background-color:	green; /* fallback */
	background-color:	rgba(0,255,0,0.5);
	border-radius:		15px 30px 20px 15px;
	height:			40px;
	/*opacity:		0.5; funktioniert aber color geht nicht mehr, deshalb mit rgba()!!! */
}

#Current a {
	color:			white;
}

#NaviLineTop {
	background-color:	#00CCFF;
	height:			5px;
	width:			100%;
}

#NaviLineBottom {
	background-color:	#0066FF;
	height:			10px;
	width:			100%;
}

#Container {
	width:			100%;
}

#AdBlockLeft {
	border:			1px dotted gray;
	float:			left;
	height:			650px;
	margin:			20px 10px 0px 10px;
	text-align:		center;
	width:			130px;
}

#AdBlockRight {
	border:			1px dotted gray;
	float:			right;
	height:			650px;
	margin:			20px 30px 0px 10px;
	text-align:		center;
	width:			130px;
}

#MainContent {
	margin:			0px 0px 0px 200px;
	min-height:		650px;
	padding:		30px 0px 0px 0px;
	width:			800px;
}

#table_soi {
	border:			1px dotted gray;
}

#table_soi a {
	color: 			white;
}

/* Zeile mit Informationen zur Tabelle */
#table_soi tr:nth-child(1) td {
	background-color:	#00CCFF;
	color: 			#FFFFFF;
	font-size:		10px;
	text-align:		center;
}

#table_soi tr:nth-child(2n) td {
	background-color:	#0066FF;
	color:			white;
}

#table_soi tr:nth-child(2n-1):hover td {
	background-color:		#D0DAFD;
	color:			#333399;
}

#table_soi .problem  {
	background-color:	orange;
	color: 			white;
}

#table_admin {
	border:			1px dotted gray;
}

#table_admin tr:hover td {
	background-color:		#D0DAFD;
	color:			#333399;
}

#table_admin .disabled {
	background-color:	red;
	color: 			white;
}

#table_admin .disabled a {
	color: 			white;
}

#table_admin .problem  {
	background-color:	orange;
	color: 			white;
}

#table_admin .problem a {
	color: 			white;
}

#table_boni {
	border:			1px dotted gray;
	font-size:		12px;
}

#table_boni a {
	color:			black;
	text-decoration:	none;
}

#table_boni tr:nth-child(1) td {
	background-color:		#D0DAFD;
	color:			#333399;
	font-size:		10px;
	height:			20px;
	text-align:		center;
}

#table_boni tr:nth-child(2n) td {
	background-color:	#0066FF;
	color:			white;
}

#table_boni td:nth-child(4), td:nth-child(5) {
	text-align:		right;
}

#table_boni tr:hover td {
	background-color:		#D0DAFD;
	color:			#333399;
}

#Footer {
	background-color:	#D3D3D3;
	border-top:		1px dotted gray;
	clear:			both;
	font-size:		10px;
	text-align:		center;
}
