/* CSS FILE Version 2.0 fuer SRG HOMEPAGE */

body {
	font-family			: Arial, Helvetica, sans-serif;
	overflow			: hidden;
}

#website_container {
	position			: absolute;
	width				: 987px;
	height				: 552px;
	top					: 50%;
	left				: 50%;
	margin-top			: -276px;
	margin-left			: -514px;
}

#oben {
	position			: absolute;
	height				: 30px;
	width				: 725px;
	top					: 0px;
	left				: 234px;
	border-left			: 2px solid #7FAAC4;
	border-top			: 0px solid #7FAAC4;
	border-right		: 2px solid #7FAAC4;
	border-bottom		: 0px solid #7FAAC4;
}

#unten {
	position			: absolute;
	height				: 30px;
	width				: 725px;
	top					: 524px;
	left				: 234px;
	border-left			: 2px solid #7FAAC4;
	border-top			: 0px solid #7FAAC4;
	border-right		: 2px solid #7FAAC4;
	border-bottom		: 0px solid #7FAAC4;
}

#links {
	position			: absolute;
	height				: 492px;
	width				: 26px;
	top					: 30px;
	left				: 210px;
	border-left			: 0px solid #7FAAC4;
	border-top			: 2px solid #7FAAC4;
	border-right		: 0px solid #7FAAC4;
	border-bottom		: 2px solid #7FAAC4;
}

#rechts {
	position			: absolute;
	height				: 492px;
	width				: 26px;
	top					: 30px;
	left				: 961px;
	border-left			: 0px solid #7FAAC4;
	border-top			: 2px solid #7FAAC4;
	border-right		: 0px solid #7FAAC4;
	border-bottom		: 2px solid #7FAAC4;
}

#bilder {
	position			: absolute;
	height				: 492px;
	width				: 219px;
	top					: 30px;
	left				: 740px;
	border				: 2px solid #7FAAC4;
}

#content {
	position			: absolute;
	height				: 492px;
	width				: 504px;
	top					: 30px;
	left				: 234px;
	border-left			: 2px solid #7FAAC4;
	border-top			: 2px solid #7FAAC4;
	border-bottom		: 2px solid #7FAAC4;
	background			: url(../images/srg_verlauf_gruen_content.jpg) no-repeat;
}

#menu {
	position			: absolute;
	width				: 220px;
	height				: 400px;
	top					: 45px;
	left				: 0px;
	text-align			: right;
}

#logo {
	position			: absolute;
	width				: 292px;
	height				: 37px;
	top					: -10px;
	left				: 250px;
}

#inhalte {
	position			: absolute;
	width				: 450px;
	height				: 671px;
	top					: 6px; /*86*/
	left				: 18px;
	
		
	
}

#ansprechpartner {
	position			: absolute;
	width				: 470px;
	height				: 430px;
	top					: 80px;
	left				: 254px;
	background			: transparent;
	overflow			: auto;
}

#submenu {
	position			: absolute;
	width				: 200px;
	height				: 15px;
	top					: 530px;
	left				: 750px;
	text-align			: right;
}

#language {
	position			: absolute;
	width				: 200px;
	height				: 15px;
	top					: 10px;
	left				: 750px;
	text-align			: right;
}

/*############*/
/* Hauptmenü */

a:link, a:visited {
	font-family			: Arial, Helvetica, sans-serif;
	width				: 200px;
	heigth				: 10px;
	line-height			: 25px;
	display				: block;
	font-size			: 10px;
	font-weight			: normal;
	text-decoration		: none;
	text-transform		: uppercase;
	text-align			: right;
	vertical-align		: middle;
	color				: #000000;
	padding-right		: 20px;
	background			: url(../images/buttons/blue_background.jpg) no-repeat;
	background-position	: 20px 7px;
}

a:hover {
	background			: url(../images/buttons/green_background.jpg) no-repeat;
	background-position	: 20px 7px;
}

a.active:link, a.active:visited {
	background			: url(../images/buttons/green_background.jpg) no-repeat;
	background-position	: 20px 7px;
}

a.active:hover {
	background			: url(../images/buttons/green_background.jpg) no-repeat;
	background-position	: 20px 7px;
}

/*Submenu*/

a.submenu:link, a.submenu:visited {
	font-family			: Arial, Helvetica, sans-serif;
	width				: 200px;
	heigth				: 10px;
	line-height			: 25px;
	display				: block;
	font-size			: 10px;
	font-weight			: normal;
	text-decoration		: none;
	text-transform		: uppercase;
	text-align			: right;
	vertical-align		: middle;
	color				: #000000;
	padding-right		: 20px;
	background			: transparent;
}

a.submenu:hover {
	color				: #000000;
}
a.submenuactive:link, a.submenuactive:visited {
	background			: url(../images/buttons/green_background.jpg) no-repeat;
	background-position	: 20px 7px;
}

a.submenuactive:hover {
	background			: url(../images/buttons/green_background.jpg) no-repeat;
	background-position	: 20px 7px;
}



/*############*/
/* Diverse Link Definitionen */

#inhalte img a:link, a:visted, a:hover {
}

a.bilder:link, a.bilder:visited {
	font-family			: Arial, Helvetica, sans-serif;
	width				: auto;
	font-size			: 11px;
	font-weight			: normal;
	text-decoration		: none;
	text-transform		: none;
	text-align			: left;
	color				: #000000;
	padding-right		: 0px;
	background			: transparent;
}

a.bilder:hover {
	color				: #8EC69F;
}


a.contentlink:link, a.contentlink:visited {
	font-family			: Arial, Helvetica, sans-serif;
	width				: auto;
	display				: inline;
	font-size			: 11px;
	font-weight			: normal;
	text-decoration		: none;
	text-transform		: none;
	text-align			: left;
	vertical-align		: top;
	color				: #000000;
	padding-right		: 0px;
	background			: transparent;
	background-position	: 0px 0px;
}

a.contentlink:hover {
	color				: #8EC69F;
}

a.subnavi:link, a.subnavi:visited {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: right;
	color				: #999999;
	width				: auto;
	display				: inline;
	padding-right		: 0px;
	background			: none;
	background-position	: 0px 0px;
}

a.subnavi:hover {
	color				: #E5A980;	
}

a img {
	border				: 0px none;
}

a.weiter:link, a.weiter:visited {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 11px;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: right;
	color				: #999999;
	width				: auto;
	display				: inline;
	padding-right		: 12px;
	background			: url(../images/buttons/grau.jpg) no-repeat;
	background-position	: 45px 0px;
}

a.weiter:hover {
	color				: #E5A980;
	background			: url(../images/buttons/orange.jpg) no-repeat;
	background-position	: 45px 0px;
}

a.back:link, a.back:visited {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 11px;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: right;
	color				: #999999;
	width				: auto;
	display				: inline;
	padding-right		: 12px;
	background			: url(../images/buttons/grau.jpg) no-repeat;
	background-position	: 50px 0px;
}

a.back:hover {
	color				: #E5A980;
	background			: url(../images/buttons/orange.jpg) no-repeat;
	background-position	: 50px 0px;
}

/*############*/
/* Content Definitionen und Styles */

p, div, td, th, br {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: left;
	color				: #000000;
	line-height			: 150%;
}

h1 {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	font-weight			: bold;
	text-decoration		: none;
	text-transform		: uppercase;
	text-align			: left;
	color				: #8EC69F;
	line-height			: 150%;
}

h2 {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 9px;
	font-weight			: normal;
	text-decoration		: none;
	text-transform		: none;
	text-align			: left;
	color				: #000000;
	line-height			: 1;
	margin-top			: -2px;
}

.style1 {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: right;
	color				: #999999;	
}

ul {
	list-style-image	: url(../images/bullet.jpg);
	list-style-position	: inline;
	margin-left			: 20px;
}

ol {
	list-style-position	: outside;
	margin-left			: -65px;
}

/*############*/
/* Formular Formatierungen */

.inputbox {
	width				: 200px;
	height				: 12px;
	font-size			: 10px;
	background			: transparent;
	border				: 1px dotted #8EC69F;
	color				: #000000;
}

.inputfield {
	width				: 200px;
	height				: 150px;
	font-size			: 10px;
	background			: transparent;
	border				: 1px dotted #8EC69F;
	color				: #000000; /*8EC69F*/
}

.button {
	width				: auto;
	height				: 18px;
	font-size			: 10px;
	font-align			: center;
	border				: 1px double #8EC69F;
	color				: #000000;
	background			: transparent;
}