﻿/* CSS-Layout */
@import url("corners.css");
@import url("menu.css");
@import url("tables.css");
@import url("news.css");

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: transparent url("assets/background.gif") repeat;
}

#container {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
}

/********** layout for the main areas ************/

#page {
	position: relative;
	width: 950px;
	padding: 0px;
	top: 0px;
	margin: 0px auto;
}

#header_left {
	top: 5px;
	left:0px;
	position: absolute;
	height:170px;
	width:815px;
	background-color:#DBDBDB;
}

#header_right {
	top: 5px;
	left: 825px;
	position: absolute;
	height:170px;
	width:124px;
	background-color:#DBDBDB;
}

#navi {
	left: 0px;
	width:100%;
	top:185px;
	height:40px;
	position: absolute;
	background-color:#DBDBDB;
}

#content_container {
	background-color: #DBDBDB;
	left:0px;
	top:235px;
	width:730px;
	/*height:500px;*/
	position: absolute;
	min-height:300px;
}

#right_col {
	background-color:transparent;
	left:750px;
	top:235px;
	width:200px;
	height:480px;
	position: absolute;
}

/********** layout for the sub areas ************/

#logo_left {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 160px;
	width: 805px;
	background: transparent url("assets/logo_left.png") no-repeat;
}

#logo_right{
	position: absolute;
	top: 5px;
	left: 5px;
	height: 160px;
	width: 270px;
	background-color:red;
	background: transparent url("assets/logo_right.png") no-repeat;
}

#stadtliga {
	top:280px;
	left:0px;
	position:absolute;
	height:100px;
	width:100%;
}

#uhn {
	top:390px;
	left:0px;
	position:absolute;
	height:100px;
	width:100%;
}

#u19 {
	top:500px;
	left:25%;
	position:absolute;
	height:100px;
	width:100%;
}

#uhb {
	top:610px;
	left:25%;
	position:absolute;
	height:100px;
	width:100%;
}

#menu_1 {
	position:absolute;
	vertical-align:middle;
	top:5px;
	left: 5px;
	height:30px;
	width:940px;
	background-color:#DBDBDB;
}

#main_content {
	position: relative;
	top: 10px;
	left: 25px;
	width:680px;
	min-height:300px;
	background-color:#DBDBDB;
}

#content{
	background-color:#DBDBDB;
	min-height:300px;
	left:0px;
	top:0px;
	width:560px;
	position: relative;
}


#footer {
	position: relative;
	bottom: 0px;
	left: 0px;
	height: 20px;
	width:100%;
	background: transparent url("assets/background.gif") repeat;
}

#table {
	top: 40px;
	width: 100%;
	position: absolute;
	height: 210px;
	background-color: #DBDBDB;
}

#main_table{
	top: 5px;
	width:100%;
	position:absolute;
	background-color: transparent;

}

hr{
	background-color: #272727; /* Farbe für Opera und Firefox */
	color: #272727; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 3px;
	width:600px;
}

hr1{
	background-color: #272727; /* Farbe für Opera und Firefox */
	color: #272727; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 3px;
	width:700px;
}



/********** footer ************/

#footer_text{
	top:3px;
	left:165px;
	position:absolute;
	width:400px;
}


#footer_text a{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}


#main_content .csc-header{
	color: #272727;
	text-decoration: none;
	display: block;	
	font-weight:bold;
	padding: 0px 5px 0px 5px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	background-color: #DBDBDB;
}


#main_content .bodytext{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#000000;
	padding: 0px 00px 0px 00px ;
	display:block;
		text-align:justify;
}

#main_content dd.csc-textpic-caption {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:center;
	
}

/********** news ************/

.tx-mininews-pi1-fp_listrowField-datetime, .tx-mininews-pi1-singleViewField-datetime{
	text-align:right;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10px;
	margin-bottom:10px;
}

.tx-mininews-pi1-fp_listrowField-teaser a, .tx-mininews-pi1 a {
	color: #272727;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10px;
	background-color: #DBDBDB;
}


.tx-mininews-pi1-fp_listrowField-title a, .tx-mininews-pi1-singleView h2{
	color: #272727;
	text-decoration: none;
	display: block;	
	font-weight:bold;
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:14px;
	background-color: #DBDBDB;
}

.tx-mininews-pi1-fp_listrowField-title a:hover {
	font-weight:bold;
}


.tx-mininews-pi1-fp_listrowField-teaser a:hover, .tx-mininews-pi1-fp_listrowField-title a:hover, .tx-mininews-pi1 a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #272727;
}

.tx-mininews-pi1-fp_listrowField-teaser, .tx-mininews-pi1-singleViewField-teaser{
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 20px 0px 20px;
}

.tx-mininews-pi1-singleViewField-teaser {
	font-style:italic;
}

/******** content **********/

.newsh a{
	color: #272727;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:13px;
	background-color: #DBDBDB;
	font-weight:bold;
	margin:0 0 0;
}

.newsm a, .newsm p{
	color: #272727;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10px;
	background-color: #DBDBDB;
}


.newsm a:hover, .newsh a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #272727;
}

.newsm p.bodytext{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#000000;
	padding: 0px 0px 0px 0px ;
	margin: 0 0 0 0;
	display:block;
	text-align:justify;
}

