/* General: Background-Gradient, Container-Divs, Header-Pictures */

html{
	background: #fff url(../images/bg.jpg) top repeat-x;
	height: 100%;
}

html a img {
	border: none;
}
#container{
	width: 762px;
	margin: auto;
	padding: 0;
	text-align: center;
}

#login {
	width: 762px;
	height: 18px;
	text-align: right;
}
#header{
	background: url(../images/hcg_logo2.png);
	width: 762px;
	height: 140px;
	padding: 0;
}
#menu{
	background: url(../images/hcg_menu.png);
	width: 762px;
	height: 28px;
	margin-top: 0px;
	overflow: hidden;
}
#content{
	width: 763px;
}
#photo{
	border: 1px solid #fff;
	width: 761px;
	height: 205px;
	background-color: #ffe;
	text-align: left;
}
#submenu{
	width: 761px;
	float: left;
	height: 28px;
	
}
#footerleft{
	width: 499px;
	text-align: left;
	float: left;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font: 12px Arial;
	padding-top: 20px;
}
#footerright{
	width: 253px;
	text-align: right;
	float: right;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font: 12px Arial;
	padding-top: 40px;
	padding-right: 8px;
}

#rotator {
	overflow: hidden;
	position: relative;
	height: 205px;
}

#rotator a img{
	border: none;
}

/* Mainmenu - menu ABOVE photograph */
.menu{
	margin: 0;
	padding: 0px;
	float: left;
	font: 13px Arial;
	overflow: hidden;
	background: black url(../images/menustd.gif) center repeat-x;
}

.menu li{
	display: inline;
	line-height: 10px;
	vertical-align: bottom;
}

.menu li a{
	float: left;
	color: white;
	padding: 9px 9px;
	vertical-align: bottom;
	text-decoration: none;
	border-left: 1px solid white;
}

.menu li a:visited{
	color: white;
}

.menu li a:hover
{
	color: white;
	background: transparent url(../images/menuhover.gif) center repeat-x;
}
.menu li .current{
	color: white;
	background: transparent url(../images/menuactive.gif) center repeat-x;
}
.menu li .special{
	color: white;
	background: transparent url(../images/menuspecial.gif) center repeat-x;
}

/* Submenu - menu BELOW photograph - list of teams etc. */
.submenu{
	margin: 0;
	padding: 0;
	float: left;
	font: 10px Arial;
	overflow: hidden;
	width: 761px;
	background-color: #eee;
	border-right: 1px solid #ddd;
}

.submenu li{
	display: inline;
	line-height: 10px;
	vertical-align: bottom;
}


.submenu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	vertical-align: bottom;
	text-decoration: none;
	border-left: 1px solid white;
	background: black url(../images/menustd.gif) center repeat-x;
}


.rsslink {
	text-align: right;
	font-weight: bold;
	padding-right: 7px;
	margin: 0;
}

.submenu li a:hover{
	color: white;
	background: transparent url(../images/menuhover.gif) center repeat-x;
}
.submenu li .current{
	color: white;
	background: transparent url(../images/menuactive.gif) center repeat-x;
}

.content{
	margin: 0;
	padding: 10px 5px 0 5px;
	float: left;
	width: 750px;
	overflow: hidden;
	font: 12px Arial;
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #eee;
}

.content a, #footerright a, .logintd a{
	color: #369;
	text-decoration: none;
	border: none;
}

.content a:hover, #footerright a:hover, .logintd a:hover{
	color: #69c;
	text-decoration: none;
	border: none;
}

/* TEXTFORMATIERUNG */

h2 {
	color: #036;
	font: 12px Arial;
	font-weight: 600;
}
h1 {
	color: #369;
	font: 14px Arial;
	font-weight: bold;
	text-align: center;	
}

.darkblue {
	color: #036;
	font-weight: 600;
}

.lightblue {
	color: #369;
}
.lightgrey {
	color: #aaa;
}
.error {
	color: #369;
	font-weight: bold;
	padding-left: 5px;
}
/* SONSTIGES */
.bild {
	padding: 10px;
}

.kader{
	width: 756px;
}
.erg td{
	padding: 4px;
	width: 250px;
}
.popup {
	background-color: #eee;
}

.ergtabs{
	display: none;
}
.alert_pos{
	color: #6C3;
}
.alert_neg{
	color: #C00;
}
.adminnav{
	padding-left: 5px;
}
.nolist{
	list-style: none;	
}
td.news {
	width: 125px;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
.rss {

	text-align: right;
}
.footer {
	padding-left: 5px;
	padding-top: 10px;
}
.adminactive {
	background: black url(../images/menuactive.gif) center repeat-x;
	color: white;
}
.adminactive a{
	color: #fff;
	text-decoration: none;
}
.adminactive a:hover{
	color: #fff;
	text-decoration: none;
}

.password a{
	font: 12px Arial;
	color: #fff;
	text-decoration: none;	
}
.password a:hover{
	font: 12px Arial;
	color: #369;
	text-decoration: none;	
}

td a {
	border: none;
}

/* TOOLTIPS */
#tooltip {
	position: absolute;
	font: 10px arial;
	background-color: #fffeb8;
	padding: 5px;
}

/* KEIN JS AKTIVIERT */

div#noscript {
	font: 12px Arial;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#noscript p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}