/* CSS Document */
/* ------------------Body -----------------*/
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.95em;
	color: #336666;
	}

body, html {
	width: 100%;
}

body {
	/*background-color: #40609D;*/
	font-size: 100.01%;
	background-image: url(images/hgk4243haf.gif);
	background-repeat: repeat;
}

/* ------------------ DIV -----------------*/

.container {
	display: block;
	position:relative;
	margin: 0px auto;
	top:40px;
	width: 650px;
}
.kopf {
	display: block;
	position:relative;
	width: 650px;
}
.rand_111{
	position:absolute;
	top:10px;
	left: 380px;
}
.rand_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC66CC;
	font-weight: 600;
	text-decoration: none;
}
.rand_22{
	position:absolute;
	top:40px;
	left: 270px;
}
.rand_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #339999;
	text-decoration: none;
}
.rand_33{
	position:absolute;
	top:10px;
	left: 170px;
}
.rand_5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: none;
}
.rand_44{
	position:absolute;
	top:60px;
	left: 470px;
}
.rand_7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	color: #999999;
	text-decoration: none;
}
.rand_55{
	position:absolute;
	top:85px;
	left: 360px;
}
.rand_9{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFCC;
	text-decoration: none;
}
.rand_66{
	position:absolute;
	top:110px;
	left: 440px;
}
.rand_11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FF6699;
	text-decoration: none;
}
.rand_77{
	position:absolute;
	top:60px;
	left: 150px;
	z-index: 1;
}
.login{
	position:absolute;
	top:137px;
	left: 475px;
	z-index: 1;
	visibility: visible;
}
.rand_13{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #3484AA;
	text-decoration: none;
}
.inhalt {
	display: block;
	position:relative;
	width: 650px;
	background-image: url(images/hg_haf_inhalt.gif);
	overflow: auto;
}
.inhalti {
	display: block;
	position:relative;
	width: 650px;
	overflow: hidden;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0099CC;
	border-left-color: #0099CC;
}
.fuss {
	display: block;
	position:relative;
	width: 650px;
	background-image: url(images/hg_haf_fuss.gif);
	background-repeat: no-repeat;
	height: 20px;
}
.fussi {
	display: block;
	position:relative;
	width: 650px;
	height: 20px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #0099CC;
	overflow: hidden;
}
.text_left {
	display: block;
	position:relative;
	width: 110px;
	left: 20px;
	float:left;
}

.text_login {
	position:relative;
	font-family: "Courier New", Courier, monospace;
	font-size: 9px;
	color: #FFFFFF;
}

.text_rili {
	display: block;
	position:relative;
	left: 20px;
	float:left;
	
}

.text_right {
	display: block;
	position:relative;
	width: 480px;
	left: 45px;
	float:left;
}

.text_right_box {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_weiss.jpg);
	background-repeat: repeat;
}

.text_right_box_boerse {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_boerse.gif);
	background-repeat: repeat;
}

.text_right_box_apply {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_apply.gif);
	background-repeat: no-repeat;
}

.text_right_box_wetter {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_wetter.gif);
	background-repeat: repeat;
}

.text_right_box_surf {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_surf.gif);
	background-repeat: repeat;
}

.text_right_box_fs {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_fs.gif);
	background-repeat: repeat;
}
.text_right_box_outdoor {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_outdoor.gif);
	background-repeat: repeat;
}
.text_right_box_yt {
	width: 450px;
	left: 20px;
	border: 1px none #000000;
	padding-left: 28px;
	background-image: none;
	background-repeat: repeat;
}

.text_right_box_rita {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_weiss.jpg);
	background-repeat: repeat;
	height: 110px;
}


.wetter {
	width: 478px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
	background-image: url(images/hg_cloud_1.jpg);
}

.pics_right_box_left {
	width: 100px;
	left: 20px;
	border: 1px solid #000000;
	padding-left: 3px;
}

.pics_right_box_right {
	width: 150px;
	left: 320px;
	border: 1px solid #000000;
	padding-left: 3px;
}
/* ------------------ Schrift -----------------*/

.titel{
	background-color: #FF9900;
	font-weight: 600;
	color: #FFFFFF;
}

.titel_sub{
	background-color: #009999;
	font-weight: 600;
	color: #FFFFFF;
}

.haf_link_news{
	font-weight: 600;
	color: #009999;
	font-size: 10px;
}

.haf_link{
	font-weight: normal;
	color: #CC0000;
}
.haf_link_amazon{
	font-weight: normal;
	color: #990000;
}
.haf_link_search{
	font-weight: normal;
	color: #333366;
}
.haf_link_wiki{
	font-weight: normal;
	color: #FF9900;
}
.haf_s_link{
	font-weight: normal;
	color: #663399;
}

.haf_mylink{
	background-color: #CCCC66;
	color: #FFFFFF;
	text-align: right;
}
.haf_inhalt{
	background-color: #ECE9D8;
}
.wait {
	visibility: hidden;
}

.wait_v {
	visibility: visible;
}

.zeit{
	width: 90px;
}

.txt{
	width: 120px;
}
.memo{
	width: 402px;
}

.ort {
	display: none;
}
.rosa {
	background-color: #FFE0FF;
}

.last_space {
	height: 800px;
}

.tooltip {
	position: absolute;
	display: none;
	background-color: #CDDEDA;
	border: 1px solid #336666;
	font-size: 10px;
	color: #336666;
	z-index: 1;
	width: 250px;
}
.titel_tt{
	background-color: #3C8AB1;
	font-weight: 600;
	color: #FFFFFF;
}

.titel_lotto{
	background-color: #99CC00;
	font-weight: 300;
	color: #FFFFFF;
}

.titel_euro{
	background-color: #99CCFF;
	font-weight: 300;
	color: #FFFFFF;
}