@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 1.33 $
 * @lastmodified    $Date: 2010/08/25 14:39:06 $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
@import url(main_screen/basemod.css);
@import url(main_screen/content.css);

/*@import url(main_patches/patch_main_layout.css); */

/*@import url(../yaml/core/iehacks.css); */

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_shinybuttons.css);
@import url(main_screen/basemod_2col_right_31.css);

body { background: url("../images/bg_body.jpg") no-repeat top center #DEDEDE; padding: 0px 0; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center;}
  .page_margins { text-align:left; margin: 0 auto;}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins { min-width: 740px; max-width: 1024; }
  .page { padding: 0px; }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
	height:23px;
	background: url("../images/header.png") transparent;
	padding-left: 960px;
	padding-top: 100;
  }

  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }

 /* #main { background: #fff;padding:10px 0; } */
  #main { padding:10px 0; background: url("../images/main-bg.png") repeat-y; width: 1025px;}

  #footer {
    background: url("../images/footer.png") no-repeat top left;
    padding: 10px 20px;
    line-height: 1.5em;
    height:50px;
  }
  
  DIV.footer_inner {
   	font-size: 9px;
   	color: #8f8f8f;
  	background: url("../images/swissvolleylogo_2_farb.png") top right no-repeat;
  	height: 50px;
  	padding-left: 870px;
  	padding-top: 11px;
  }
  
  DIV.easyleague_lang_de, DIV.easyleague_lang_fr {
  	float: left;
  	width: 15px;
	height: 15px;
	font-size: 12;
	font-family: Arial;
  }

  DIV.easyleague_lang_de a, DIV.easyleague_lang_fr a {
  	color: #000000;
  	font-weight: bold;
  }

  DIV.easyleague_lang_de {
  	border-right: 1px solid #000000;
  }

  DIV.easyleague_lang_fr {
  	text-align: right;
  }
  
  
  
  
  #nav {
  	background: url("../images/navi-main-bg.png");
  	height:35px;
  	border:0px;
  }
  
  DIV.hlist {
	background: transparent;
	border-bottom: 0px;
	border-top: 0px;
  }

  DIV.c62l {
	height: 35px;
	width: 650px;  	
  }

  DIV.c38r {
  	width:350px;
  	height:35px;
  }

  DIV.c20r {
  	height: 20px;
  }

  .hlist ul li {
  	line-height: 25px;
	background: url("../images/navi-spacer.png") top right no-repeat;
  }
  
  #col3 {
  	width: 665px;
  }

  #col3_content {
  	width: 614px;
  	padding-left: 31px;
  	padding-right: 20px;
  }
  
  #col1 {
  	width: 357px;
  }

  #col1_content {
  	width: 330px;
  	padding-left: 0px;
  }
  
  .hlist ul li a {
  	padding:0 0.8em;
  }
  
  DIV.tx-cliceasyleague-pi2 {
  	width:330px;
  }
  
  DIV.box_title, DIV.seiteninhalt_titel  {
	color: #f5644f; 
	font-size: 20px; 
	font-weight: normal;
	padding-bottom: 10px;
  }
 
  DIV.box_title_zus, DIV.seiteninhalt_titel {
  	padding-top: 15px;
  }
  
  DIV.avatar {
	float:					left;
	width:					54px;
  }
  
  DIV.tx-felogin-pi1  .c33l .subcl { margin-top:7px; padding-top: 1px; padding-left: 12px; background: url("../images/bg_inputrund.png") top left no-repeat; width:133px; height:21px;}
  DIV.tx-felogin-pi1  .c33l .subc {  margin-top:7px; padding-top: 1px; margin-left: 22px;  background: url("../images/bg_inputrund.png") top left no-repeat; width:133px; height:21px; }
  DIV.tx-felogin-pi1  .c33r .subcr { padding-top: 0px; margin-left: 30px; }
  DIV.tx-felogin-pi1  .c33l .subcl INPUT { height: 18px; width:110px; border: 0px; color: #8f8f8f; font-family: Arial; font-size:12px; padding-top: 2px; }
  DIV.tx-felogin-pi1  .c33l .subc INPUT  { padding-left:5px; height: 18px; width:113px; border: 0px; color: #8f8f8f; font-family: Arial; font-size:12px; padding-top: 2px; }
  DIV.tx-felogin-pi1  .subcolumns .c50l { width: 200px; }
  DIV.tx-felogin-pi1  .subcolumns .c50r { width: 150px; }

  DIV.tx-felogin-pi1  .subcolumns .c50l .subcl { margin-left:80px;}
  DIV.tx-felogin-pi1  .subcolumns .c50r .subcl { margin-left:0px;}


  
  
/*  DIV.tx-felogin-pi1  .subcr INPUT  { background: url("../images/login.gif") top right no-repeat;  height: 35px; width: 43px; } */
/*

  @import url(/css/screen/basemod.css);
  @import url(/css/screen/content.css); */

/* import print layout | Druck-Layout einbinden */
/*@import url(/css/print/print_003.css); */
/*
#col1 {float: none; width: auto; }
#col2 {float: left; width: 25%; }
#col3 {margin-left: 25%; margin-right: 0 }
*/



/* GENERAL INPUT DEFINITIONS */
#main INPUT[type="submit"] {
	border:				0px;
	width:				150px;
	height:				21px;
	background-image:	url('../images/input_submit.gif');
	background-color:	transparent;
	color:				#FFFFFF;
	font-family:		Arial;
	font-size:			11px;
}

#main INPUT[type="select"] {
	
}

#main INPUT[type="checkbox"] {
	margin-left: 8px;
}

#main INPUT[type="file"] {
}

#main INPUT[type="text"] {
	border:				0px;
	width:				249px;
	height:				21px;
	background-image:	url('../images/input_text.gif');
	padding-left:		10px;
	padding-top:		2px;
	background-color:	transparent;
}

#main INPUT[type="password"] {
	border:				0px;
	width:				249px;
	height:				21px;
	background-image:	url('../images/input_text.gif');
	padding-left:		10px;
	padding-top:		2px;
	background-color:	transparent;
}

#main INPUT[type="file"] {
}

#main TEXTAREA {
}


/* OWN CLASSES */
DIV.fe_register_steps {
	padding-top:			15px;
	height:					100%;
	overflow:				auto;
}

.background_grey {
	background-color:		#EDEDED;
}

DIV.smallBoxBottom {
	position: relative; top: 0px; left: 0px; width: 326px; height:34px; margin:0px;	
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
	background-image: url('../images/boxBottomBackground.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft : 5px; 
	-moz-border-radius-bottomright:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-align: right;
	padding-right: 15px;
	padding-top: 8px;
	color: f44224;
}

html > body /**/ DIV.smallBoxBottom {
	position: relative; top: 0px; left: 0px; width: 311px; height:24px; margin:0px;
}

DIV.smallBoxBottom a {
	color: f44224;
}

DIV.smallBoxBottomNextGames {
	position: relative; top: 0px; left: 0px; width: 326px; height:34px; margin:0px;	
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
	background-image: url('../images/boxBottomBackground.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft : 5px; 
	-moz-border-radius-bottomright:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-align: right;
	padding-right: 15px;
	padding-top: 8px;
	color: f44224;
}

html > body /**/ DIV.smallBoxBottomNextGames {
	position: relative; top: 0px; left: 0px; width: 309px; height:24px; margin:0px;
}

DIV.smallBoxBottomNextGames a {
	color: f44224;	
}

DIV.smallBoxBottomStatistics {
	position: relative; top: 0px; left: 0px; width: 326px; height:34px; margin:0px;	
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
	background-image: url('../images/boxBottomBackground.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft : 5px; 
	-moz-border-radius-bottomright:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-align: right;
	padding-right: 15px;
	padding-top: 8px;
	color: #F44224;
}

html > body /**/ DIV.smallBoxBottomStatistics {
	position: relative; top: 0px; left: 0px; width: 309px; height:24px; margin:0px;
}

DIV.smallBoxBottomStatistics a {
	color: #F44224;	
}

DIV.smallBoxBottomStatistics a:visited {
	color: #F44224;	
}

DIV.bigBoxBottom {
	position: relative; top: 0px; left: 0px; width: 600px; height:34px; margin:0px;	
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
	background-image: url('../images/boxBottomBackground.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft : 5px; 
	-moz-border-radius-bottomright:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-align: right;
	padding-right: 15px;
	padding-top: 8px;
	color: f44224;
}

html > body /**/ DIV.bigBoxBottom {
	position: relative; top: 0px; left: 0px; width: 585px; height:24px; margin:0px;
}

DIV.bigBoxBottom a {
	color: f44224;
}

input.tx-srfeuserregister-pi1-text, input.tx-srfeuserregister-pi1-password {
	float:				left;
	margin-left:		10px;
	padding-left:		0px;
}

DIV.checkTeamname {
	float:				left;
	margin-left:		10px;
	width:				200px;
}

DT.fe_register_steps {
	clear:					both;
	float:					left;
	width:					100%;
	margin-left:			10px;
	text-align:				left;
}

DD.fe_register_steps {
	float:					left;
	width:					100%;
	padding-bottom:			10px;
	border-bottom:			1px solid #ABABAB;
}

DD.fe_register_steps dhx_combo_box {
	float:				left;
	margin-left:		10px;
}
.tx-srfeuserregister-pi1 label {
	font-weight:		bold;
	font-size:			11px;
	font-family:		Arial;
}

DIV.dhx_combo_box {
	border:				0px;
	background-color:	transparent;
}

.dhx_combo_list {
	text-align:			left;
}


INPUT[type="button"] {
	background-color: f2f2f2;
	border: 1px solid red;	
}

iframe {
	overflow-x:hidden;
}

.button_save {
	border: 1px solid #000000;
}

.fe_register_steps-float-left span {
	float: left;	
}

div.messageAlert {
	-moz-border-radius-bottomleft : 5px; 
	-moz-border-radius-bottomright:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-color: #ED9668;
	border: 1px solid #DF5226;
	color: black;
	width: 100%;
	font-weight: bold;
	text-align:center;
}

div.league_description {
	width: 200px; 
	float: left;  
	margin-left: 10px;
}

div.areazip-description {
	height: 30px;
	width: 300px;
	float: left;
	margin-left: 25px;	
}

html>body div.areazip-description {
	margin-top: -20px;	
}

/**
 * Table DIVS
 */

DIV.table_base-layer {
  background: none #F4F4F4; border: 0px;;
  margin: 0px; padding: 0; text-align: center; width: auto; height:auto;
}

DIV.table_table-row {
  	background: none #FFFFFF; 
  	color: #000000;
  	margin-top: 0; 
  	margin-right: auto; 
  	margin-bottom: 0; 
  	margin-left: auto;
  	padding: 4px; 
  	text-align: left; 
  	width: 100%;
	height: 20px;
}

DIV.table_left-container {
  	border: #E2E2E2 1px;
	border-style: none none dotted none; 
  	float: left; margin: 0; padding: 0; 
  	width: 25%;
}

DIV.table_right-container {
  border: none; float: right; margin: 0; padding: 0; width: 75%;
}



H4.table_table-caption {
  background: color: #F5644F; font-family: Arial;
  font-size: 1em; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: left; width: auto;
}