/*---------------------*/
/* common styles START */
@import url("/fileadmin/tmpl/css/menu.css");
@import url("/fileadmin/tmpl/css/news.css");
@import url("/fileadmin/tmpl/css/inhalt.css");
@import url("/fileadmin/tmpl/css/cfcleague.css");

html  {
	margin: 0;
	padding: 0;
	font-family:Arial;
	}

body  {
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	font-weight:normal;	
	margin: 0;
	padding: 0;
	background-color:#FFEC01;
}


img  {
	border: none;
}
h1, h2, h3, p  {
	margin: 0; 
	padding: 0; 
	text-decoration: none;
}

div, dl, dt, dd, ul, ol, li, h4, h5, h6,
pre, form, fieldset, input, blockquote, th, td
{
	margin: 0px;
	padding: 0px;
}

.align-right { text-align:right;}
.align-left { text-align:left;} 
.align-center { text-align:center;}

	
/* RAHMEN*/

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #cccccc;  margin:10px 0 10px 0; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #cccccc; margin:10px 0 10px 0; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { width:45%; float:left; padding-right:5px; }
* html DIV.csc-frame-frame1 { width:243px; float:left; padding-right:5px; }
DIV.csc-frame-frame2 { width:45%; float:right; padding-left:5px;  }
* html DIV.csc-frame-frame2 { width:244px; float:right; padding-left:5px; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
/* RAHMEN*/


#content .tx-rgsmoothgallery-pi1,#content .tx-rgsmoothgallery-pi1 .rgsgcontent,#content .rgsgcontent,.tx-rgsmoothgallery-pi1 { font-size:11px;font-size:11px!important;}
#content .tx-rgsmoothgallery-pi1 h1,#content .tx-rgsmoothgallery-pi1 h2,#content .tx-rgsmoothgallery-pi1 h3,#content .tx-rgsmoothgallery-pi1 h4{ font-size:11px;font-size:11px!important; }

/*-------------------*/
/* Dateilinks */
/*-------------------*/
.csc-uploads-fileName a{
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	color: #FFEC01;
	text-decoration: underline;
}
	
.csc-uploads-fileName a:hover	{
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	color: #FFEC01;
	text-decoration: underline;
	}
	
.csc-uploads-icon img, .filelinks img { margin-right:10px;}
.csc-uploads-fileName p  { margin-right:15px;}
.filelinks a{font-family: Arial, Helvetica, sans-serif;
	 margin-right:15px;}

/*------------------------------*/
/* common styles END            */
/*------------------------------*/

/*------------------------------*/
/* PAGE Container styles START  */
/*------------------------------*/

#page_container { 
	width:1012px;
	height:auto;
	margin:0px auto 10px auto;
	padding:0;
	text-align:left;
}
	div#rahmen_top { 
		height:24px; 
		width:1012px; 
		float:left; 
		background-image:url(/fileadmin/tmpl/img/rahmen_top.gif); 
		background-repeat:no-repeat;
		background-position: bottom;
	}
	div#rahmen_middle { 
		height:auto; 
		width:1012px; 
		float:left; 
		background-image:url(/fileadmin/tmpl/img/rahmen_middle.gif); 
		background-repeat:repeat-y;
	}
	div#rahmen_middle_inner { 
		height:auto; 
		width:998px; 
		float:left; 
		/*background-image:url(http://www.yellow-cup.ch/fileadmin/tmpl/img/rahmen_middle_top.gif); 
		background-repeat:no-repeat;
		background-position:left top;*/
		padding:0 7px;
	}
	div#rahmen_bottom { 
		height:7px; 
		width:1012px; 
		float:left; 
		background-image:url(/fileadmin/tmpl/img/rahmen_bottom.gif); 
		background-repeat:no-repeat;
	}
/*------------------------------*/
/* PAGE Container styles END    */
/*------------------------------*/

/*------------------------------*/
/* HEAD Container styles START  */
/*------------------------------*/

div#head_container { width:998px; height:154px; float:left;}
	div#header_left { height:122px; width:583px; float:left; background-color:#000000;}

	div#header_right { height:122px; width:415px; float:right; background-color:#000000;}
		div.logo { padding-right:37px; text-align:right;}

	div#navi_container { height:32px; width:998px; float:left; background:#000000 url(/fileadmin/tmpl/img/bg_navi.jpg) repeat-x; color:#FFEC01;}
		/*div.newsticker { padding:0px 181px 0px 23px; height:32px; width:784px; float:left; background:#000000 url(/fileadmin/tmpl/img/bg_navi.jpg) repeat-x; color:#FFEC01; border:none;}*/
		div.newsticker { padding:0px 0 0px 23px; height:32px; width:965px; float:left; background:#000000 url(/fileadmin/tmpl/img/bg_navi.jpg) repeat-x; color:#FFEC01; border:none;}
			div.newsticker, div.newsticker a { color:#F7FD24; text-decoration:none; font-size:12px;}
			div.newsticker a { color:#F7FD24; text-decoration:underline;}

/*------------------------------*/
/* HEAD Container styles END  */
/*------------------------------*/


/*------------------------------*/
/* Content Container  styles START  */
/*------------------------------*/


div#content_container { width:998px; height:auto; float:left;}
		div#container_ganz { width:998px; float:left; height:auto; padding:0; margin:0;}
		div#container_left { width:817px; float:left; height:auto; padding:0; margin:0;}
				div#content_left { width:199px; height:auto; float:left; padding-left:1px;}
						div#searchbox { border-bottom:2px solid #888888; width:185px; height:21px; padding-left:14px; padding-bottom:13px; padding-top:15px;}
						
								div#content_left form, form#searchform, form.searchboxform {
										border:none;
										width: 185px;
										height:21px;
										}
								input.searchbox_word { 
										width:145px; 
										border:1px solid #B1B1B1; 
										background-color:#CFCFCF; 
										font-size:11px;
										color:#565656; 
										text-align:left; 
										height:18px; 
										padding-left:5px; 
										}
								input.searchbox_button { 
										border:0px;
										height:19px;
										width:17px;
										float:right; 
										cursor:pointer;
										margin:0px 10px 0 0; 
										padding:0px;
										vertical-align:top;
										}
						
						
						div#menu {width:199px;  height:auto!important;  margin-bottom:60px; float:left;}
						
						div#leftsponsor {width:199px; height:auto; float:left; }
				
				div#middle_container_breit { width:798px; float:right; height:auto; }		
				div#middle_container { width:617px; float:right; height:auto;}
					div.topcontainer { width:617px; float:left; height:auto; border-bottom:2px solid #757575; background-image:url(/fileadmin/tmpl/img/top_bg.gif); background-repeat:no-repeat; background-position:top left;}
					
					 div.topcontainer_only { width:617px; float:left; height:auto; border-bottom:2px solid #757575; }
					
						
							div.col_left { width:306px; padding-right:2px; float:left; padding:0;}
								
								div#middle_container div.col_left h1.csc-firstHeader { width:287px; height:31px; background-image:url(/fileadmin/tmpl/img/bg_title_home_left.jpg); background-repeat:no-repeat; font-size:20px; color:#151515; padding:20px 0 0 19px; font-weight:bold; text-transform:uppercase; margin-top:0px;}
							
							
							div.col_right { width:305px; float:right; padding-right:4px; margin-top:0px;}
								
								div#middle_container div.col_right h1.csc-firstHeader {width:287px; height:31px; background-image:url(/fileadmin/tmpl/img/bg_title_home_right.jpg); background-repeat:no-repeat; font-size:20px; color:#151515; padding:20px 0 0 19px; font-weight:bold; text-transform:uppercase; margin-top:0px;}
							
							div#middle_container_breit div.content { padding:19px 19px; float:left; width:760px;}
							div#middle_container div.content { padding:19px 19px; float:left; width:575px;}
						
								
								
								
								div#middle_container div.pagetitle, 
								div#middle_container div.topcontainer_only h1.csc-firstHeader {
									width:594px; height:31px; background-image:url(/fileadmin/tmpl/img/bg_title_613.jpg); 
									background-repeat:no-repeat; 
									font-size:20px; 
									color:#151515; 
									padding:20px 0 0 19px; 
									font-weight:bold; 
									text-transform:uppercase;
								}
								
								
								div#middle_container_breit div.pagetitle_breit{width:778px; height:31px; background-image:url(/fileadmin/tmpl/img/bg_title_798.jpg); background-repeat:no-repeat; font-size:20px; color:#151515; padding:20px 0 0 19px; font-weight:bold; text-transform:uppercase;}
								
								
								div#middle_container div.content_left { padding-right:15px; width:280px; height:auto; float:left;}
								div#middle_container div.content_right { width:280px; height:auto; float:right;}
								
		
		
		div#content_right { width:181px; height:auto; float:right; text-align:left; padding:0; margin:0;}
				div#contentright {}
						div.rightbox { margin-bottom:4px; padding:0px 7px 8px 8px; width:165px; background-color:#757575; }
						div.rightbox h1.csc-firstHeader, div.rightbox h1 { height:13px; min-height:13px; height:auto!important; padding:12px 0px 10px 11px; font-size:12px; color:#FFFFFF; text-transform:uppercase;}
						div.rightbox h1.csc-firstHeader a, div.rightbox h1 a { text-decoration:none; color:#FFF;}
						div.rightbox h1.csc-firstHeader a:hover, div.rightbox h1 a:hover { text-decoration:underline; color:#FFF;}
						
						div.rightbox .csc-textpic-single-image { padding:8px 0 0px 0; margin-bottom:-10px;}
			 
/*------------------------------*/
/* Content Container styles END  */
/*------------------------------*/



/*------------------------------*/
/* FOOTER Container styles START  */
/*------------------------------*/

	
	
#footer {
	width:998px;
	height: 35px;
	float:left; 
	clear:both; 
	color:#c8c8c8;
	font-size:11px;
	background-image:url(/fileadmin/tmpl/img/bg_footer.gif);
	background-repeat:repeat-x;
}

#footer_left {
	float:left;
	padding:10px 0px 0px 218px;
	width:589px;
	height:25px;
	text-align:left;
}

#footer_right {
	float:right;
	padding:10px 0px 0px 18px;
	text-align:left;
	width:173px;
	height:25px;
}

#footer a, #footer_left a{
	color:#c8c8c8;
	text-decoration: none;
	list-style: none;
	list-style-image: none;
	font-size:11px;
}
#footer_right a,#footer_right {
	color:#c8c8c8;
	text-decoration: none;
	list-style: none;
	list-style-image: none;
	font-size:11px;
}
#footer a:HOVER, #footer_left a:hover {
	color:#c8c8c8; 
	text-decoration:underline;
	list-style: none;
	list-style-image: none;
}
#footer_right a:hover{
	color:#c8c8c8;
	text-decoration:underline;
	list-style: none;
	list-style-image: none;
}


/*------------------------------*/
/* FOOTER Container styles END  */
/*------------------------------*/



		


/* Filelinks styles Start */
/*-------------------*/

/* default styles for extension "tx_cssfilelist" */



.downloads {width:543px; display:block; float:left; margin-bottom:5px; height:auto;}
.icon {  width:20px; float:left; } 
.datei  { width:383px; float:left; text-align:left; padding-right:30px; left:20px;  } 
.groesse { width:90px; float:left; text-align:right; left:428px; } 



	.filelinks div{padding-left:25px; background:url('http://www.yellow-cup.ch/fileadmin/system/icons/default.gif') left top no-repeat; margin-bottom:10px; display:block;}
	.filelinks span{display:block;}
	.filelinks .filecount{display:block; margin-bottom:5px;} 
	.filelinks a{text-decoration:none; }
	.filelinks a:hover{text-decoration:underline;}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


#metanav ul {
	float: right;
	height: 31px;
	margin-right: 7px;
	background-color: #1a171b;
}

#metanav ul li {
	float: left;
	list-style-type: none;
	margin: 8px 0 8px 8px;
	padding-right: 8px;
	border-right: 1px solid #fff;
}

#metanav ul li:last-child {
	border-right: 0px solid #fff;
}


#metanav ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#metanav ul li a:hover,
#metanav ul li a.active {
	color: #f5e500;
}


.newsticker .sm {
	float: left;
	margin-top: 6px;
	margin-right: 11px;
}

div.newsticker {
	padding-left: 16px; 
}


div.newsticker .ticker {
	float: left;
}

.twitter {
	height: 30px;
	overflow: hidden;
	padding: 0;
	margin-left: 10px;
}

.twitter a {
	color: #ffec01;
	text-decoration: none;
}

.twitter a:hover {
	text-decoration: underline;
}

.twitter .cwtw-Tweet {
	height: 16px;
	padding: 7px 0;
}

.yc-gallery {
	width: 500px;
}

.yc-gallery img {
	display: block;
	width: 500px;
	height: 375px;
	object-fit: cover;
	margin: 0 0 10px;
}