﻿/*==========================================================*
 *	STYLES FOR Arminia Freiburg :: MAIN.css
 *==========================================================*/
 
/*\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_
 ° FARBEIMER:
 °\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_
 °
 ° #222222 (Schrift Body)
 ° #5c0a74 (HG-lila)
 ° # (schrift Seitennavi)
 ° # (HG Seitennavi)
 ° # (HG Seitennavi Highlight)
 ° #
 ° #
 °
 *\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/*/
 
 
/*==========================================================*
 *	BASICS
 *==========================================================*/
 
/*==========================================================*
 *	BODY
 *----------------------------------------------------------*/
 
 body {
	margin: 0px;
	padding: 0px;
	
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #222222;	
	
	background-color: #5c0a74;
	background-image: url("../design/bg_body.gif");
	background-repeat: repeat-x;
}

h1,h2,h3 {
	margin-top:0px;
	margin-bottom:10Px;
	
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

h1.title {
	
	text-transform: uppercase;
	letter-spacing: 1px;
}

p,ul {	
	margin-top:5px;
	margin-bottom:15px;
	
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
}

p:first-letter {
	font-size: 166%;
}

ul {
	margin-bottom: 20px;
}


/*==========================================================*
 *	LINKS
 *----------------------------------------------------------*/

a {
	color: #5c0a74;
	font-weight: normal;
	text-decoration: none;
}

a:hover {		
	text-decoration: underline;
}

a:visited {
	color: #5c0a74;
	text-decoration: none;
}

a:visited:hover {	
	text-decoration: underline;
}

/*==========================================================*
 *	BODYFRAME
 *==========================================================*/
 div#bodyframe {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;
	height: auto;
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;
	background-image: url("../design/bg_bodyframe.gif");
	background-repeat: repeat-y;
}


/*==========================================================*
 *	TOPFRAME
 *==========================================================*/
div#topframe {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;
	height: 177px;
}

/*==========================================================*
 *	TOPBANNER
 *==========================================================*/
div#topbanner {	
	width:970px;
	height:149px;
	background-color: transparent;
	background-image: url("../design/bg_banner.gif");
	background-repeat: no-repeat;
}
/*
div#topbanner div {	
	display: table-cell;
	background-color: transparent;
	background-repeat: no-repeat;
}

* html div#topbanner div {display: inline;}
*/
div#topbanner div.pre_banner {
	display:none;
	/*width: 235px;
	height:149px;
	vertical-align:top;
	background-image: url("../design/bg_pre_banner.gif");*/
}

div#topbanner div.banner {
	text-align: left;	
	padding-left: 235px;
	width: 735px;
	height:149px;
	/*vertical-align:top;*/
	/*background-color: #FF0000;*/
	/*background-image: url("../design/bg_banner.gif");*/
}

* html div#topbanner div.banner {width: 970px;}
div#topbanner div.post_banner {

	display:none;
	/*width: 85px;
	height:149px;
	vertical-align:top;	
	background-image: url("../design/bg_post_banner.gif");*/
}
/*
div#topbanner div img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}*/

div#topbanner div.banner img {	margin-top: 48px; }

/* * html div#topbanner div.banner img {margin-top: 48px;margin-bottom:0px;}*/

/*==========================================================*
 *	TOPMENU
 *==========================================================*/

div#topmenu {	
	width:970px;	
	height: 27px;	
	padding: 0px;
	text-align: left;
	
	background-color: transparent;
	background-image: url("../design/bg_topmenu.gif");
	background-repeat: repeat-x;
}


div#topmenu div { display:table-cell; vertical-align: top;}

* html div#topmenu div { display:inline; margin-top: 0px}

div#topmenu div.pre_topmenu {
	display:none;
	/*width: 235px;
	height: 27px;
	background-image: url("../design/bg_pre_topmenu.gif");
	background-repeat: no-repeat;*/
}
div#topmenu div.menu {
	width: 640px;
	height: 27px;
	padding-top: 3px;
	/*padding-left: 10px;*/
	padding-left: 245px;
}
* html div#topmenu div.menu {width:650px; padding-top: 0px;padding-left: 10px;margin-left:235px}

div#topmenu div.menu div{
	display:inline;
	height: 24px;
	padding-left:10px;
	padding-top:3px;
	padding-right:10px;
	color: #808080;
}
* html div#topmenu div.menu div{ height: 27px; }

div#topmenu div a {	
	font-family: Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;
}

div#topmenu div a:hover,
div#topmenu div.topmenu_act a {
	color: #000000;
}

div#topmenu div.post_topmenu {
	display:none;
	/*width: 85px;
	height: 27px;
	background-image: url("../design/bg_post_topmenu.gif");
	background-repeat: no-repeat;*/
}
/*==========================================================*
 *	MAINFRAME
 *==========================================================*/

table#mainframe {
	position: relative;
	top: 0px;
	left: 0px;
	width: 804px;
	/*height: 640px;*/
	text-align: left;
	/*padding-left: 85px;
	padding-top: 0px;
	padding-right: 85px;
	padding-bottom: 30px;*/
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}

* html div#mainframe  {width: 974px; }

table#mainframe td {
	vertical-align:top;
	/*background-color: transparent;*/
}


/*==========================================================*
 *	SIDEMENU :: Das Seitenmenü
 *==========================================================*/

td#sidemenu {
	top:0px;
	left:0px;
	width: 150px;
	height: 692px;
	padding:0px;
	margin: 0px;
		
	background-color: transparent;	
	border: 0px;
}
* html td#sidemenu { width: 150px; height: 695px;}

td#sidemenu div {
	display: block;	
	width: 150px;
	font-family: Times, serif;
	font-size: 12px;
	text-align:left; 
	color: #75695c;
	background-color: transparent;
	
	border-bottom: 1px dotted #86765b;
}

* html td#sidemenu div {border-bottom: 1px solid #86765b;}


td#sidemenu div.pre_sidemenu {height: 35px; }

td#sidemenu div.menu {
	border:0px;
	padding:0px;
}

td#sidemenu div a {	
	display:block;	
	height: 18px;
	padding-top: 5px;
	padding-left: 10px;
	
	font-weight: bold;
	text-decoration: none;
	color: #75695c;	
}
* html td#sidemenu div a {height: 23px;}

td#sidemenu div a:hover,
td#sidemenu div.sidemenu_act a {
	color: #000000;
	background-color: #fdf2d7;
}
	
td#sidemenu div.sidemenu_no a{}
td#sidemenu div.sidemenu_act a{}

td#sidemenu div.post_sidemenu { display:none; }

/*==========================================================*
 *	CONTENT :: Hier kommt der ganze Inhalt rein  
 *==========================================================*/
td#content {
	width:650px;
	height: 692px;	
	padding:0px;
 	padding-top:  30px;
	margin: 0px;
	border:0px;
	background-image:url("../design/arminia_watermark.gif");
	background-position: 510px 300px;	
	background-repeat: no-repeat;
	
}


* html td#content {display:inline; width:650px;height: 695px;}

/*==========================================================*
 *	LEFTBLOCK :: Linker Block  
 *==========================================================*/
div#leftblock {
	float:left;
	
	width: 218px;
 	padding-left: 35px;
 	padding-right: 5px;
}

* html div#leftblock { width: 258px; }

div#leftblock img {
	padding: 3px;
	border: 1px solid #222222;
}

* html div#leftblock img {border: 0px;  }
/*==========================================================*
 *	RIGHTBLOCK :: Rechter Block mit zwei Spalten  
 *==========================================================*/
div#rightblock {
	float:right;
	width: 390px;
}
* html div#rightblock { width: 390px; }

/*==========================================================*
 *	LEFTCOL :: Linke Spalte im rechten Block  
 *==========================================================*/
div#leftcol { 
	float:left;
	width:227px;
	padding-left:5px;
	padding-right:8px;
}

* html div#leftcol { width: 240px;}

/*==========================================================*
 *	RIGHTCOL :: Rechte Spalte im rechten Block
 *==========================================================*/
div#rightcol {	
	float:right;
	width: 140px;
	padding-left: 5px;
	padding-right: 5px;	
}

* html div#rightcol { width: 150px;}

/*==========================================================*
 *	BOTTOMFRAME :: Die Untere Zeile
 *==========================================================*/

div#bottomframe {
	position:relative;
	display:table;
	bottom: 0px;
	left: 0px;
	
	width: 800px;
	height:20px;
	
	padding-left: 85px;
	padding-right: 85px;
	margin-bottom: 1px;
	
	
	font-size: 10px;
	text-align:left;
	
	color: #75695c;
}
* html div#bottomframe {display: block; width: 970px;}

div#bottomframe div {
	padding-top:7px;
	vertical-align:top;
}

div#bottomleft {
	display:table-cell;
	width: 150px;
	padding-left: 0px;
	text-align: center;
}

div#bottomleft a {
	color: #000000;
	border-top:0px;
}

div#bottommiddle {
	display:table-cell;
	width: 493px;
	padding-left:7px;
}

div#bottomright {
	display:table-cell;
	width: 145px;
	padding-right: 5px;
	text-align:right;
}
div#bottommiddle a {display:none}


* html div#bottomleft { display:inline; width: 150px; }
* html div#bottommiddle { display:inline; width: 500px; }
* html div#bottomright { display:inline; width: 150px; }


/*==========================================================*
 *	NEWS
 *==========================================================*/
 
 div.news-latest-container {
 	padding-left: 10px;
 	padding-top: 5px;
 	padding-right: 5px;
 	padding-bottom: 7px;
 	width: 350px;
 }
 
 span.news-latest-date, div.news-single-timedata, div.news-single-backlink {
 	font-size: 11px;
 }
 p.news-single-author:first-letter {
 	font-size: 100%;
 }
 
 div.news-latest-item {
 	width: 335px;
 	margin-top:5px;
 	margin-bottom:25px;
 	padding-bottom:3px;
 	border-bottom: 1px dotted #222222;
 }
 
 div.news-latest-item h3 a{
 	font-weight:bold;
 }
 
 hr.clearer {
 	display:none;
 	margin: 0px;
 	padding: 0px;
 }
 
div.news-latest-morelink {
 	display:block;
 	text-align: right;
}
 
div.news-latest-morelink a{
 	font-size: 10px;	
 }
 
 div.news-latest-gotoarchive {
 	display: none;
 }
 
 div.news-single-item h2{
 	margin-top: 7px;
 }
 

/*==========================================================*
 *	CALENDAR
 *==========================================================*/

table.calendar {
	width: 350px;
}

td.date {
	font-size: 11px;
	padding-top:3px;
	padding-right:5px;
}

td.time {
	vertical-align:top;
	text-align: right;
	padding-right: 5px;
	
}

td.header, td.date {
	line-height: 16px;
	border-bottom: 1px dotted #222222;
}
td.header {
	font-size: 13px;
	font-weight: bold;
	}

td.time,td.cal_content {
	font-size: 11px;
	line-height: 17px;
}

td.cal_content {
	padding-bottom: 15px;
}


/*==========================================================*
 *	FORUM
 *==========================================================*/
 
div#tx_chcforum-pi1 div{
	/*background-color: #fffdf9;*/
}

#tx_chcforum-pi1{
width:600px;
}

#tx_chcforum-pi1 a {
	text-decoration: none;
}

#tx_chcforum-pi1 a:hover {
	text-decoration: underline !important;
}

.tx-chcforum-pi1-singlePost .scroller {
	overflow: auto;
	min-height: 0px;
	height: 75px;
}

.tx-chcforum-pi1-profileBorder {
	background-color:#FEFAEF;
}
p.felogin_row{clear:both;}
p.felogin_row label{display:block;float:left;width:125px;text-indent:3px;}
p.felogin_row b.username{display:block;}
p.felogin_row label:first-letter, p.felogin_row b.username:first-letter {font-size: 166%;}
p.felogin_row_submit{clear:both;margin-left:125px;}
#tblBirthdays td{padding-top:20px;}
#tblBirthdays tr#row_bd_1 td{padding-top:0px;}
