/********* basics *********/
html, body {
	background:url(images/hg.gif) repeat;
}
	
html, body, div, p, h1, h2, h3, a, table, td, form, img {
	margin: 0px auto;
	padding: 0px;
	font-family: arial,helvetica,sans-serif;
}

img {
	color:black;
	/* border: none; */
}


/********* Textformatierung *********/
p,h1,h3,td {
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
	font-weight:bold;
}
p {
	/* padding: 0px 40px 10px 40px; */
}

/* rote Schrift Bestellung */
.highlight {
	color: #ff0000;
}
/* ab 01.07. - kleinere Typo */
.small {
	font-size: 10px;
	line-height:0.8em;
}

/* grosse Schrift z.B. bei Neues => Kicker Deluxe */
.extra_big {
	font-size: 15px;
	color: #ffffff;
	font-weight:bold;
}


/* headlines */
h1 {
	font-size: 12px;
	font-weight:bold;
	padding: 30px 40px 10px 40px; 
}
h3 {
	font-weight:bold;
	padding: 0px 40px 10px 40px; 
}

/* links */
a:link {
	color:#86BA05;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color:#86BA05;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #538303;
	text-decoration: none;
	font-weight: bold;
}

/********* Header/Content Rahmen *********/
/* randlinie links - endloslinie nach unten */
.left_line {
	background:white;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:10px; 
	height:1260; 
	z-index:99;
}

/* logo header rahmen */
.logo_box {
	float: left;
	height: 170px;
	text-align:left;
}
/* logo tabelle */
.logo_tab {
	background:url(images/hg_logo.gif) repeat-x;
}

/* aussenrahmen fuer hnavi + content */
.feld_box {
	float: left;
	width: 995px;
	height: 615px;
}

/* navi */
.navi_box {
	float: left;
	width: 210px;
	height: 630px;
	border-left-width:10px;
	border-left-style:solid;
	border-left-color:ffffff;
	text-align:left;
	position:absolute;
	top:170px;
	left:0px;
	z-index:2;
}
/* navi elemente */
.navi {
	padding: 5px 0px 0px 20px;
}

/* navi hintergrund mit stange */
.hg_navi_stange {
	background:url(images/hg_navi_stange.gif) repeat-x;
}
/* navi hintergrund ohne stange */
.hg_navi {
	background:url(images/hg_navi.gif) repeat-x;
}


/********* Inhaltsbereich *********/
/* subnavi hintergrund */
.hg_subnavi {
	background:url(images/hg_text.gif) repeat;
}
/* subnavi elemente */
.sub_navi {
	padding: 0px 0px 0px 10px;
}


/* kicker stangen layer */
.stange_box {
	float: left;
	width:100%;
	height: 60px;
	text-align:left;
	position:relative;
	top:295px;
	left:0px;
}
/* stange im hintergrund */
.hg_stange {
	background:url(images/hg_stange.gif) repeat-x;
}
.stange_tab {
	background:url(images/hg_stange.gif) repeat-x;
}


/* redaktioneller content  */
.cont_box {
	float: left;
	width: 670px;
	text-align:left;
	position:absolute;
	top:320px;
	left:289px;
	z-index:1;
								/* border:thin solid black; */
}
/* text hintergrund */
.hg_text {
	padding: 18px 20px 20px 20px;
	background:url(images/hg_text.gif) repeat;
}
.hg_text_no_pad {
	background:url(images/hg_text.gif) repeat;
}
.hg_text_left {
	padding: 0px 0px 0px 20px;
	background:url(images/hg_text.gif) repeat;
}

/* foto hintergrund */
.foto {
	background-color:#ffffff;
}



/********* Header-Elemente *********/
/* Logo */
.logo {
	padding: 20px 0px 0px 25px;
}
.slogan {
	padding: 25px 0px 0px 733px;
}

/********* Formular *********/
/* anzahl trikots */
.tfield_menge {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 20px;
	float: right;
}
/* pauli bestellmengenfeld */
.tfield_pauli {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 20px;
}
/* absendedaten */
.plzfield {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 45px;
	float: left;
}
.ortfield {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 215px;
	float: left;
}
.tfield {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 260px;
	float: left;
}
.tarea_ {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 190px;
	float: right;
}
.checkbox {
	background-color: #FFFFFF;
	color: #7a4d3d;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	float: right;
}


.fehler {
	font-weight:bold;
	color:#B1D72A;
}
.fehler_rot {
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
}