html {
	
	height: 101%; 
}
body {
	background-color: #121212;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
	min-height: 101%;

	background-position: top left ;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-image: url(../_gfx/bgk_hk_networks.jpg);
	color: #000000;
/*	text-transform: lowercase; */

}


td, th, form, input, textarea, select {
	color:#fff;
/*	padding-bottom: 0.3em; */
	text-align: left;
	
}

table {
	width: 100%;
	color:#fff;
}
tr {
	padding-bottom: 0.3em;

	border-color: #000;
	border-bottom: 1px; 
	border-bottom: solid;
}
th {
	color: #666;
	padding-bottom: 0.3em;
	background-color: black;
	border-color: #000;
	border-bottom: 2px; 
	border-bottom: solid;
	font-weight: normal;
}

input, select {

}

li, ol, ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
li {
	list-style-type: square;
}
hr {
border: 1px solid #fff;
color: #fff;
background-color: #fff;
height: 3px;
}


#question, #header, #content {
	position:absolute;
	left: 15%;
	width: 55%;
/* 	width: 50%; */
	z-index: 2;
	padding: 10px;
	color: #fff;
	visibility: visible;
	background-image: url(../_gfx/bgk_pattern_blacker.gif);
}
#question {
	top: 40%;
	visibility: visible;
}
#menu {
	top: 3em;
	position:absolute;
	left: 15%;
	width: 350px;
	z-index: 2;
	padding: 10px;
	color: #FFFFFF;
	visibility: visible;
}
#footer {
	position:absolute;
	width: 350px;
	z-index: 2;
	padding: 10px;
	visibility: visible;
	color: #FFFFFF;
	visibility: visible;
	font-size: 100%;
	line-height: 150%;
}
#logo {
	top: 12em;
	position:fixed;
	left: 5%;
	width: 90px;
	z-index: 2;
	visibility: visible;
	height: 80px;
		background-image: url(../_gfx/bgk_pattern_black.gif);
}
#logologo {
	top: 11.7em;
	position:fixed;
	left: 4%;
	width: 80px;
	z-index: 3;
	visibility: visible;
	height: 80px;

}

#cover01 {

	width: 100%;
	height: 250px;
	background-image: url(../_gfx/releases/01/org_HK_networks_01b.jpg);
}

#header {
	top: 4.5em;
	color: #fff;
	visibility: visible;
	background-image: url(../_gfx/bgk_pattern_blackr.gif);
}

.header h1 {
	font-size:350%;
	line-height: 90%;
	color: #000;
	font-weight:bold;
}

#content {
	top: 12em;

}









#draussen {
	position:absolute;
	width:30%;
	height:100%;
	z-index:1;
	left:70%;
	top: 0px;
	visibility: visible;
}


#draussenBreit {
	position:absolute;
	width:40%;
	height:100%;
	z-index:1;
	left:60%;
	top: 0px;
	visibility: visible;
}

#news {
	top: 5em;
	position:absolute;
	left: 100%;
	width: 15em;
	height: 15em;
	z-index: 2;
	padding: 2em;
	color: #fff;
	visibility: visible;
	font-size: x-small;
	background-image: url(../_gfx/bgk_pattern_black.gif);
}

#newswhite {
	top: 5em;
	position:absolute;
	left: 100%;
	width: 15em;
	height: 25em;
	z-index: 2;
	padding: 2em;
	color: #fff;
	visibility: visible;
	font-size: x-small;
	background-image: url(../_gfx/bgk_pattern_white.gif);
}


#sponsor {
	top: 245px;
	position:absolute;
	left: 2%;
	width: 103px;
	z-index: 1;
	/* visibility: hidden; */
	height: 87px;
}


.fontStandart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}



.blacker {
	background-color: #000000;
	text-decoration: none;
}






.content a:link, .content a:visited {

	color: #fff;
	background-color: #333;
	text-decoration: none;
}
.content a:hover, .content a:active {
	text-decoration: underline;
	color: #fff;
	background-image: url(../_gfx/bgk_pattern_blacker_flip.gif);
	text-decoration: underline;
	background-color: #CCCCCC;
	padding-bottom: 5px;
}

.content p { line-height:1.7em; }








.news p {
	font-size: 125%;
	line-height:120%; 
}

.news h1, .news h2, .news h3 {
	color: #fff; 
	font-weight: normal;
}
.news h1 {
	font-size: 200%;
}
.news h2 {
	font-size: 150%;

}


.news a:link, .news a:visited {
	color: #fff;
	background-image: url(../_gfx/bgk_pattern_blacker_flip.gif);
	text-decoration: none;
}

.news a:hover, .news a:active {
	color: #fff;
	background-image: url(../_gfx/bgk_pattern_blacker_flip.gif);
	text-decoration: none;
}


.skip {
position: absolute;
left: -1000em;
width: 20em;
}



h1, h5, h6, h4, h2, h3 {
	font-weight: normal;
}
h1 {
	font-size: 200%;

	
}
h2 {
	font-size: 150%;
	color: #9af;

}
h3 {
	font-size: 125%;
	color: #fff;


}

h5 {
	
	font-size: 80%;
	line-height: 150%;
	color: #fff;
}

.required {
	color: #ff0000;
	background-color: #550000;
}

.deaktiv {
	color: #fff;
	text-decoration: line-through;
}

	.subcolumns { 
		width: 120%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
		background-image: url(../_gfx/bgk_pattern_blacker_flip.gif);
	}
			
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 1em 0 1em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }


	.c1l, .c2l, .c3l {float: left; overflow: hidden; vertical-align: middle;  padding-top: 0.2em; padding-bottom: 0.2em;}
	.c1r, .c2r, .c3r {float: right; overflow: hidden; vertical-align: middle; text-align: left; background: #fff;}
	
		.c1l, .c1r { width: 33%; }
		.c2l, .c2r { width: 33%; }
		.c3l, .c3r { width: 33%; }

}