/****** FILE: yaml/core/slim_base.css *****/
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}


/****** FILE: mysite/css/screen/basemod.css *****/
  body { background: #101010 }

  .page_margins { margin: 0 auto;width: 918px; background: transparent url(/mysite/images/bg.png) repeat-y center top}
  .page { padding: 0}
  #header { height: 115px; background: transparent url(/mysite/images/top.png) repeat-x left bottom}
	#topL {height: 115px; width: 42px; position: absolute; left: 0; top: 0; background: transparent url(/mysite/images/topL.png) no-repeat left bottom}
	#topR {height: 115px; width: 44px; position: absolute; right: 0; top: 0; background: transparent url(/mysite/images/topR.png) no-repeat right bottom}
	#header a {position: absolute; right: 50px; top: 66px}
	#header a#topCAM {right: 87px}
	#header a#topEN {right: 123px}
	#header a#topSK {right: 159px; top: 65px}
	
	#today {position: absolute; top: 75px; left: 50px; color: #a3a2a2}
	
	#nav {height: 305px}
	#nav a#logo {height: 261px; display: block}
	#nav a#logo span {display: none}
	#nav ul {margin: 0 18px 0 18px }
	
#nav li {display: inline; float: left; height: 44px; line-height: 44px; margin: 0}
#nav li.divider {width: 1px; background: transparent url(/mysite/images/nav_divider.png) no-repeat left center}
#nav a {display: inline-block; height: 44px; line-height: 44px; color: #eee; text-decoration: none; padding: 0 15px; font-size: 117%}
#nav li a.current, #nav li a:focus, #nav li a:hover,#nav li a:active {background: transparent url(/mysite/images/slide.png) repeat left top}	
#nav li a.current {color: #f0ee1f}	

/* 2cols */
  #main {padding: 0 18px; width: 882px; float: left; background: transparent url(/mysite/images/main_top.png) no-repeat center top}
  #col1 { float: left; width:600px;  margin: 0}
  #col2 { float: left; width: 282px;  margin: 0}
  #col3 { float: right; width: 0; margin: 0; }
  #col1_content { padding: 11px 0 0 10px}
  #col1_bg {padding: 20px 40px; min-height: 438px}
  #col2_content { padding: 35px 20px 10px 22px}
  #col3_content { padding: 0 }

  #footer {background: #101010 url(/mysite/images/footer.png) no-repeat left top; padding: 45px 0 15px 0; text-align: center}
  #footer p {line-height: 31px; margin: 0}


/****** FILE: mysite/css/screen/form.css *****/
 form {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form legend {
    font-size: 125%; font-weight: normal; color: #000;
  }

  form label {
    color: #666;
  }

  form .text input,
  form .email input,
  form .password input,
  form .textarea textarea,
  form .dropdown select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  form div input:focus,
  form div select:focus,
  form div textarea:focus,
  form div input:hover,
  form div select:hover,
  form div textarea:hover,
  form div input:active,
  form div select:active,
  form div textarea:active {
    border: 1px #a66 solid;
    background: #fff;
  }

  form .Actions input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #9BC815;
    background: #1C1D15;
    padding: .5em 1.2em;
  }

  form div.Actions input:focus,
  form div.Actions input:hover,
  form div.Actions input:active {
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
    color: #fff;
    background: #9BC815; 
  }


 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form { overflow: hidden; }
  form fieldset { overflow: hidden; }
  form legend { background: transparent; border: 0; }
  form label { display:block; cursor: pointer; }
  form .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form div.text,
  form div.email,
  form div.password,
  form div.dropdown,
  form p.checkbox,
  form div.Actions {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form .text input,
  form .email input,
  form .password input,
  form .textarea textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form .dropdown select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form .dropdown select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form .checkbox input { cursor: pointer; }
  form .checkbox label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form .Actions input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form .message, form .required {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
	color: #800
  }
  
  form .requiredField label {font-weight: bold}
  
  form .field {clear: both}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  #Form_Form .text label,
  #Form_Form .email label,
  #Form_Form .textarea label,
  #Form_Form .password label,
  #Form_Form .dropdown label,
  #Form_Form .checkbox label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  
  #Form_Form .text label.required,
  #Form_Form .email label.required,
  #Form_Form .password label.required,
  #Form_Form .textarea label.required,
  #Form_Form .dropdown label.required { float: none; width: auto; margin-left: 30%  }
  

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  #Form_Form .checkbox input {float:right;margin-right:60%; }
  #Form_Form .message { margin-left: 30%; }

  #Form_Form div.text input,
  #Form_Form div.email input,
  #Form_Form div.password input,
  #Form_Form div.textarea textarea { width: 67.8%; }
  #Form_Form div.dropdown select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html #Form_Form div.text input,
  * html #Form_Form div.email input,
  * html #Form_Form div.password input,
  * html #Form_Form div.textarea textarea { width: 65.2%; }
  * html #Form_Form div.dropdown select { width: 66.8%; }
    
  /* IE5.x & IE6 */
  * html form legend { position:absolute; top: -.5em; left: .5em; }
  * html form fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form legend { position:absolute; top: -.5em; left: .5em; }
  *+html form fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }

/****** FILE: mysite/css/screen/content.css *****/
  html * { font-size: 100.01% }
  
  pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 80.00%; 
    color: #e3e3e3;  
  }
  
  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	margin: 0 0 0.3em 0; 
	color: #eee	
  }

  	h1, #col2 h2 { font-size: 133%; color: #d99a22; margin: 0 0 .5em 0; padding: 0} 
	h2 { font-size: 113%; margin: 0 0 .5em 0}  
	h3 { font-size: 100%}           
	h4 { font-size: 100%; }
	h5 { font-size: 100%; color: #555}      
	h6 { font-size: 100%; font-style: italic; } 
	
	h1 a, h2 a, h3 a {
		text-decoration: none; color: #d99a22;
	}

	h1 a:hover, h2 a:hover, h3 a:hover {
		text-decoration: underline;
	}
 
 p { line-height: 1.5em; margin: 0 0 1em 0; }

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; margin-bottom: 5px }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold; color:#d99a22 }
  em,i { font-style: normal; color:#d99a22 }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  
  #col1 img {border: 3px solid #999}
    
  small {font-size: 80%}
  
  sub, sup {font-size: 66%}

  a {color: #7c5302; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {text-decoration:none;}
  
  #footer {color: #868585; font-size: 11px}
  #footer strong {color: #aaa}
  #footer a { color: #cc9121; text-decoration:none}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {text-decoration:underline}
  
  table { width: 100%; margin-bottom: 0.5em; }
  th,td { padding: 5px 10px; background: #e2e2e2; color: #444}
  tr.even th, tr.even td {background: #b9b9b9}
  th {color: #2b5ba3 }
  tr p {margin: 0}
  
  #NewestPhotos {text-align: center}
  #col2 a {text-decoration: none} 
  #col2 h3 {text-align:center}
  #col2 h3 a {color: #D99A22}
  #NewestPhotos a img {border: 1px solid #999; margin-top: 6px}
  #NewestPhotos a:hover img {border: 1px solid #D99A22}
  
.jq_show {display: none;}
.toggler {cursor: pointer}


/****** FILE: mysite/css/typography.css *****/
.note {background: #e4f5fc; padding: 1em 1em 0 1em;border-top: 1px #6fbfe8 dotted; border-bottom: 1px #6fbfe8 dotted; color: #333}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning, .errors {background: #fdd; color: #333; padding: 1em 1em 0 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; margin-bottom: 1em;}

.float_left, .vlavo, img.left { float: left; display:inline; margin-right: 2em; margin-bottom: 1em;  }
.float_right, .vpravo, img.right { float: right; display:inline; margin-left: 2em; margin-bottom: 1em;  }
.vlavo2 {float: left; display:inline}
.center { text-align:center; margin: 0.5em auto }
.text_right {text-align: right}
  
.red {color: #ff0000;}
.blue {color: #93d2fe}
  
table.table_full { width: 100%; }
table.table_fixed { table-layout:fixed }

.floatbox {}
.subcolumns {}
.c50l, .c50r {}

/****** FILE: themes/club24/css/screen/custom.css *****/
#nav {background: transparent url(/themes/club24/images/teaser.jpg) no-repeat center top}
#col1_bg {background: transparent url(/themes/club24/images/24.png) repeat left top}