html, body	{
	height: 			100%;
	max-height: 		100%;
	overflow: 			hidden;
}
body {
	margin: 			0;
	padding: 			0;
	background:			url(../img/hintergrund.jpg) no-repeat rgb(255,255,255);
}
body, a, a:hover, a:link, a:visited, div {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	text-decoration:	none;
	color:				#333333;
}
.opaque {
	background:			rgb(255,255,255);
	opacity:			0.3;
	-moz-opacity:		0.3;
	-khtml-opacity:		0.3;
	filter:				Alpha(opacity=30);
}
div, img, iframe {
	position:			absolute;
}
img {
	border:				0;
}

/* Layoutelemente */

#Bild1 {
	top:				36px;
	left:				36px;
	width:				144px;
	height:				84px;
}
#Titel, #TitelBg {
	top:				36px;
	left:				186px;
	height:				84px;
}
#STV_Logo {
	top:				3px;
	left:				12px;
	width:				69px;
	height:				78px;
}
#STV_Text {
	bottom:				0px;
	left:				80px;
	vertical-align:		baseline;
}
#STV_Text b {
	font-family: 		Arial, sans-serif;
	font-size:			14px;
	color:				#333333;
	text-transform:		uppercase;
	vertical-align:		baseline;

}
#STV_Text strong {
	font-family: 		Arial, sans-serif;
	font-size:			25px;
	color:				#488467;
	text-transform:		uppercase;
	vertical-align:		baseline;
	margin:				0 3px 0 15px;
}

#Bild2 {
	top:				36px;
	right:				36px;
	width:				144px;
	height:				84px;
	background:			rgb(255,255,255);
}
#Bezeichnung {
	left: 				196px;
	top: 				141px;
	color:				#999999;
}

/* Navigation */

#NaviBg, #Navi {
	top:				126px;
	left:				36px;
	width:				144px;
	max-width:			144px;
	overflow:			hidden;
	font-weight:		bold;
}
#Navi {
	margin-top:			46px;
	text-align:			right;
	line-height:		20px;
}
#Navi div {
	position:			static;
	display:			none;
	line-height:		15px;
	background:			rgb(255,194,107);
	margin:				0 6px;
}
#Navi div a {
	font-size:			11px;
	font-weight:		normal;
}
#Navi img {
	position:			static;
	margin-left:		6px;
}
#Navi a:hover {
	color:				#336699;
}
#Navi a.opened {
	color:				#336699;
}
#Navi a.extra {
	margin-right: 		20px;
	font-weight: 		normal;
}

/* Inhalt */

#Content {
	top: 				126px;
	left: 				186px;
	background:			rgb(255,255,255);
}
#ContentFrame {
	left: 				192px;
	top: 				166px;
	border:				0;
}
#Copyright {
	bottom: 			42px;
	width:				174px;
	text-align:			right;
	font-size: 			10px;
}

/* Titel und Symbole */

#TitelSymbole {
	top: 				142px;
	right:				190px;
	text-align:			right;
	vertical-align:		top;
	width:				100%;
}
#TitelSymbole div {
	margin-left:		10px;
}
#TitelSymbole div, #TitelSymbole input, #TitelSymbole select {
	position:			static;
	display:			inline;
	vertical-align:		top;
}
#TitelSymbole div a {
	vertical-align:		bottom;
	font-size: 			11px;
	color:				rgb(80,80,80);
}
#TitelSymbole div a:hover {
	color:				orangered;
}

#meineAltersklasse input, #meinBezirk input, #vereinSuche input {
	width:				15px;
}
#wertungFilter input {
	height:				11px;
	vertical-align:		bottom;
}
#TitelSymbole input.button, #TitelSymbole input.eingabe, #TitelSymbole select {
	height:				16px;
	max-height:			16px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			10px;
	padding:			0;
}
#TitelSymbole input.button {
	color:				rgb(100,100,100);
	border:				1px solid rgb(170,170,170);
	background:			rgb(255,255,255);
	cursor:				pointer;
}
#TitelSymbole input.button:hover {
	cursor:				pointer;
}
#TitelSymbole input.aktiv {
	color:				rgb(231,87,8);
	border:				1px solid rgb(231,87,8);
}
#TitelSymbole input.eingabe {
	color:				rgb(231,87,8);
	border:				1px solid rgb(170,170,170);
	background:			rgb(204,204,204);
}
#TitelSymbole select {
	color:				rgb(100,100,100);
	height:				auto;
	max-height:			auto;
}
#TitelSymbole select.aktiv {
	color:				rgb(231,87,8);
	border:				1px solid rgb(231,87,8);
}

#AllgSymbole {
	top: 				140px;
	right:				44px;
	width:				144px;
	height:				15px;
	vertical-align:		bottom;
	text-align:			right;
}
#AllgSymbole input, #AllgSymbole img {
	position:			static;
	margin-left:		5px;
	vertical-align:		bottom;
}
#Favoriten {
	width:				13px;
	height:				13px;
}

/* Einstellungen für Haupt-/Popupfenster */

#Main {
	width: 				100%;
	height: 			100%;
}
#Popup {
	left: 				-5px;
	top: 				-5px;
	visibility: 		hidden;
	width: 				700px;
	height: 			500px;
	z-index: 			1000;
	border: 			5px solid rgb(255,128,0);
	background:			rgb(255,255,255);
	-moz-border-radius:	10px;
}
#Popup iframe {
	width:				100%;
	height:				94%;
}
#Popup span {
	position:			absolute;
	right:				33px;
	bottom:				7px;
}
#Popup input {
	position:			absolute;
	color:				rgb(255,128,0);
	border:				rgb(255,128,0) 2px solid;
	font-weight:		bold;
	width:				20px;
	height:				20px;
	right:				7px;
	bottom:				5px;
	cursor:				pointer;
}
#Popup input:hover {
	cursor:				pointer;
}
.popupOpaque {
	opacity: 			0.2;
	-moz-opacity: 		0.2;
	-khtml-opacity: 	0.2;
	filter: 			Alpha(opacity=20);
}