/*=============================================================================
** layou CSS for Hompage 'SC Freiburg Fangemeinschaft' Redesign 2013
**-----------------------------------------------------------------------------
** copyright (c) by Stefan Kientzler, 2013
\*===========================================================================*/
/* 
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
usage 'Bebas Neue' 
*/

html 
{ 
	height: 100%;
	color: white;
} 

body 
{ 
	height: 100%;
	background: url(../images/fgbg.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment:fixed;
	overflow: auto;
	margin: 0px 0px 1px 0px; /* to force scrollbar */
}

#headmenu
{
	height: 21px;
	padding: 0px 0px 0px 0px;
	background-color: #c7c7c7;
	color:white;
	font-size:13px;
}
#headmenucontainer
{
	width:900px;
	margin: 0px auto;
	text-align: right;
	padding: 1px 0px 0px 0px;    
}

#headmenu a, #headmenu a:visited
{
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
#headmenu a:hover
{
	color:#c70000;
}

#header
{
	width:900px;
	margin: 0px auto;
}

#logo
{
	float: right;
	width: 250px;
	height:70px;
	padding: 0px 0px 0px 0px;
	background: url(../images/fg-header.png)  no-repeat 0px 5px;
}

#menu
{
	clear:both;
	width:899px;
	margin: 0px auto;
	height: 28px;
	padding: 0px;
	border:    none;
	border-right:  1px solid #d5d5d5;
	color:black;
	background: #c7c7c7 url(../images/mainmenu-bg.png) repeat-x 0px 0px;
}

#smartmenu
{
    display: none;
}

#slide, #journeyImage
{
	width: 900px;
	margin: 7px auto 4px auto;
	position: relative;	/* child slideText must be absolute to this */
}

#slide
{
    height: 300px;
}

#slideText
{
	font-family: Georgia;
	position: absolute; /* absolute to parent-DIV #slide! */
	left: 0px; 
	top: 220px; 
	width: 418px; 
	height: 48px; 
	padding: 6px 6px 6px 6px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #4a4a4a; 
	opacity: 0.8;
}

#slideTextRight


#journeyDateTime
{
	font-family: Helvetica;
	position:absolute; /* absolute to parent-DIV ! */
	left:700px; 
	top:100px; 
	width:180px; 
	height: 130px; 
	padding: 6px 6px 6px 6px; /* t, r, b, l */
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color: white;
	background-color:transparent; 
    text-shadow: 2px 5px 5px #420106;
}

#content
{
	display:table;
	width:900px;
	margin: 0px auto;
	padding: 0px;
	background-color:white; 
	color:black;
}

#indexLeft
{
	float:left;
	width:263px;
	height:508px;
	margin: 0px;
	padding: 6px;
}

#indexCenter
{
	float: left;
	width: 388px;
	height: 508px;
	overflow: auto;
	border: 1px solid #c7c7c7;
	margin: 6px 0px;
	padding: 0px 5px;
}

#indexCenter.no_facebook
{
    width: 508px; 
    margin-left: 6px;
}

#indexRight
{
	float: right;
	width: 211px;
	height: 508px;
	overflow: auto;
	margin: 6px;
	padding: 0px 0px;
}

#indexRight.no_facebook
{
    width: 361px;
}

#indexCenter .newsentry
{
	width:100%;
	border-bottom:1px solid #c7c7c7;
}

#contentLeft, #contentCol1, #contentCol2
{
	display:table-cell;
	width:888px;
	height:508px;
	margin: 0px;
	padding: 6px;
    line-height: 150%;	
}

#contentCol1
{
	float: left;
	width: 438px;
}

#contentCol2
{
	float: right;
	width: 438px;
}

#journeyLeft
{
	float:left;
	font-family: Helvetica;
	display:table-cell;
	width:466px;
	min-height:320px;
	margin: 0px;
	padding: 6px 12px;
}

#journeyRight
{
	float:right;
	display:table-cell;
	width:398px;
	min-height:320px;
	margin: 0px;
	padding: 6px;
}

#calContainer
{
	display: table;
	padding: 0px;
	margin: 6px;
}

#calLeft
{
	float: left;
	font-family: Helvetica;
	display: table-cell;
	width: 300px;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}

#calRight
{
	float: right;
	display: table-cell;
	width: 560px;
	margin: 0px;
	padding: 6px 12px;
	margin: 0px;
}

#cal
{
	overflow: auto;
	padding: 0px 0px 0px 2px;
}

#quickBar
{
  float: left;
  padding: 4px 28px 0px 28px;
  background: url(../images/quick_bkg.png) no-repeat;
}

#footer
{
	clear:both;
	width:898px;
	margin: 0px auto;
	height: 20px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #515151;
	border-left: 1px solid #515151;
	border-bottom: 1px solid #232323;
	border-right: 1px solid #232323;
}

.footerLeft
{
	float:left;
	width:35%;
	padding-left: 5px;
}

.footerCenter
{
	float:left;
	width:18%;
	text-align:center;
}

.footerRight
{
	float:right;
	width:25%;
	text-align:right;
	padding-right: 5px;
}

#advert
{
	clear:both;
	width:900px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
}

.footerLeft2
{
	float:left;
	width:295px;
	padding-top: 25px;
	padding-left: 5px;
	height:25px;
	text-align:left;
	background: url("../images/rothaus_logo.png") no-repeat scroll 85px 0px transparent;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;	
}

.footerCenter2
{
	float:left;
	width:300px;
	text-align:center;
}

.footerRight2
{
	float:right;
	width:295px;
	padding-right: 5px;
}