/* @override http://mitglieder.wso-info.de/css/screen.css */
/* 
Author: Stefan Keller
Copyright (C) 2007 Dibomedia
*/

/* @group styles */

* {
	font: 100.01%/160% Trebuchet, "Lucida Grande", sans-serif;
}

img {
	border-style: none;
	border:0px;
}

body {
	background-color: #293557;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #293557;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.6em;
}


h1 {
	font-size: 1.5em; /*18pt*/
}
h2 {
	font-size: 133.33%; /*18pt*/
}
h3 {
	font-size: 116.66%; /*14pt*/
}
h4 {
	font-size: 108.33%; /*14pt*/
}

p {
	margin-bottom: 0.5em;
	margin-top: 0;
}


dt {
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding-top:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	border-top:1px solid #f0f0f0;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style:italic;
}

/**
 * Links
 */
a  {
	color:#293557;
}

a:hover  {
	text-decoration:none;
}

input.textfield, textarea.textfield {
	font: 13px/120% Trebuchet, "Lucida Grande", sans-serif;
}

pre, form
{
	margin:0px;
	padding:0px;
}

optgroup
{
	padding-top:3px;
	padding-bottom:3px;
	font-style:normal;
}


table {
	border-collapse:collapse;
}


/* @end */

/* @group identifiers */

#layoutcontainer {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

#header {
	background-color: #74819e;
	background: url(/css/images/header.png) no-repeat;
	height: 82px;
	border-bottom: 1px solid #2b303b;
	border-right: 1px solid #3f4656;
	border-top: 1px solid #8696b7;
	border-left: 1px solid #8696b7;
}

#logo_header {
	behavior: url(/css/iepngfix.htc);
	position:absolute;z-index:999;
	width: 265px;
	height: 83px;
	background: url(/css/images/wso_logo.png) no-repeat;
	border-color: red;
	border-width: 1px;
	cursor:pointer;
}

#logo_navbar {
	behavior: url(/css/iepngfix.htc);
	position:absolute;z-index:999;
	width: 160px;
	height: 133px;
	background: url(/css/images/wso_logo.png) no-repeat;
	border-color: red;
	border-width: 1px;
	cursor:pointer;
}

#topmenu {
	behavior: url(/css/iepngfix.htc);
	height: 30px;
	overflow: hidden;
	border: 1px solid #ffc400;
	border-bottom: 1px solid gray;
	border-top-style: solid;
	border-top-color: #fdef88;
	background: #ffc400 url(/css/images/shiny_menubar_bg.gif) repeat-x;
	border-right: 1px solid #c29600;
	border-left: 1px solid #fedd87;
}

#topmenuitems {
}

#topmenuitems {
	behavior: url(/css/iepngfix.htc);
	float: right;
}

#contentcontainer {
	behavior: url(/css/iepngfix.htc);
	background-color: #fee175;
	color: #585858;
	border-right: 1px solid grey;
	border-left: 1px solid #f6fdd6;
}

#submenu {
	behavior: url(/css/iepngfix.htc);
	width: 159px;
	float: left;
	margin-top: 26px;
	display: inline;
}

#content {
	behavior: url(/css/iepngfix.htc);
	background-color: white;
	border: 1px solid white;
	margin-left: 159px;
	border-left: 1px solid silver;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 20px 15px;
	min-height:350px;
}

#footer {
	behavior: url(/css/iepngfix.htc);
	background-color: #74819e;
	height: 25px;
	/*border-bottom: 1px solid #2b303b;
	border-right: 1px solid #2b303b;
	border-top: 1px solid gray;
	border-left: 1px solid #8696b7;*/
	clear: both;
	color:white;
	text-align: center;
	font-size:0.8em;
	padding-top: 5px;
}

#footer a {
	color:white;
}

#ordertable h3, .price {
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#ordertable td {
	padding-bottom:2em;
}

#pictable td {
	padding:5px 5px 0px 5px;
}

#pictable img {
	border:none;
}

#sponsoren p {
	text-align: center;
}



/* @end */

/* @group classes */

.topmenuitem {
	float: left;
	width: 109px;
	text-align: center;
	height: 24px;
	padding-top: 5px;
	color: #ffc500;
	border-left: 1px solid #fee090;
	border-right: 1px solid #f3bb00;
	cursor:pointer;
}

.topmenuitem a {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.topmenuitem:hover {
	background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;
}

.submenuitem {
	border-bottom: 1px solid #d3bb61;
	border-top: 1px solid #feedc6;
	height: 24px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	cursor:pointer;
}

.submenuitem a {
	text-decoration: none;
	color: black;
}

.submenuitem:hover {
	background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;
}

.selected {
	background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;
}

.small {
	font-size:0.8em;
	line-height:120%;
}

.contributors {
	font-size:0.8em;
	line-height:120%;
}

.requiredField {
	color:red;
}

.textfield {
	width:98%;
}

.repertoire {
	width:515px;
}

.error {
	color:red;
}

.separator {
	height:1px;
	border-top:1px dotted #cccccc;
	margin-top:2em;
	margin-bottom:2em;
}

.notice {
	padding:1em;
	border:1px solid #73819E;
	background: #fef5d9;
	color:#293557;
}

.neuerscheinung {
	padding:3px 6px 3px 6px;
	font-weight:bold;
	border:1px solid #ccc;
}

/* @group spielplan */

#cb-calendar {
	padding-bottom:1em;
}

#cb-calendar li {
	list-style-type: none;
	margin-left: -40px;
}

#cb-calendar ul {
	padding-bottom: 0;
	/*margin-left: 0;*/
}

.cb-city {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted silver;
	font-weight: bold;
}

.cb-date, .cb-loc, .cb-location, .cb-title {
	font-weight: bold;
	clear: both;
}

.cb-descr {
}




/* @end */

.cb-pic, .cb-bildbox {
	float: right;
	position: relative;
	margin-top: -80px;
	padding-bottom: 100px;
	height: 100px;
	margin-bottom: -80px;
}

/*.more-int, .more {
	display:none;
}*/

/* @end */

/* @group hlist */
 .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    /*background: transparent url(images/shiny_menubar_selected_bg.gif) repeat-x center;*/
    /*border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;*/
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0; /* LTR */
    padding: 0;
    /*border-left: 1px #aaa solid;
    border-right: 1px #fff solid;*/
  }

  .hlist ul li {
	border-left: 1px solid #fee090;
	border-right: 1px solid #f3bb00;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
	text-align: center;
    margin: 0;
    padding: 0;
  }

.hlist ul li.last {
		border-right: 0px solid #f3bb00;
}
  
  

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 1em;
    text-decoration: none;
    width: auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;
 }

  .hlist ul li.active {
     /*(en) Repeat the main color from the image 
     (de) Wiederholung der Hauptfarbe aus der Bilddatei*/ 
    background: url("images/shiny_menubar_selected_bg.gif") repeat-x ;
    /*border-left: 1px #444 solid;
    border-right: 1px #888 solid;*/
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; text-decoration: none; }



/* @end */

/* @group vlist */
  /* title */
  h6.vlist {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #444;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
  }

  .vlist {
    width: 100%;
    overflow: hidden;
    margin: 0 0 3em;
    list-style-type: none;
    /*border-bottom: 2px #ddd solid;*/
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    border-bottom: 1px solid #d3bb61;
	border-top: 1px solid #feedc6;
	height: 24px;
	padding-top: 0;
	padding-left: 0;
	cursor:pointer;
	padding-right: 0;
}

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
	/*color: black;*/
	font-weight: bold;
  }

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    /*color: #fff;
    background-color:#800;
    font-weight: bold;*/
    	background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;

  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { /*background-color:#a88; color: #fff;*/
  background: url(/css/images/shiny_menubar_selected_bg.gif) repeat-x;
 }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#a88; color: #fff; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }


/* @end */

/* @group typolight */

.pdf_link {
	text-align: right;
}

/**
 * Text
 */
.ce_text
{
	line-height:1.5;
}

/**
 * Listing
 */
.ce_list ul
{
	margin:0px;
	padding:0px;
}

.ce_list li
{
	margin:0px 0px 0px 22px;
	padding:0px;
	line-height:1.4;
}

* html .ce_list li
{
	margin:0px 0px 0px 26px;
}

*:first-child+html .ce_list li
{
	margin:0px 0px 0px 26px;
}


/**
 * Table
 */
.ce_table table/*,.ce_text table*/
{
	border-left:1px solid #cccccc;
}

.ce_text tbody
{
	/*border-top:1px solid #cccccc;*/
}

.ce_text tbody p
{
	margin: 0;
}

.ce_table td, /*.ce_text td*/
{
	padding:2px 8px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.ce_table th, /*.ce_text th*/
{
	padding:2px 8px;
	background-color:#e6e6e6;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

/**
 * Teaser
 */

p.more {
	margin-bottom: 0.5em;
	margin-top: 0;
}


/**
 * Image gallery
 */
.ce_gallery table
{
	width:100%;
}

.ce_gallery td
{
	text-align:center;
	vertical-align:middle;
}


/**
 * Download
 */
html>body .mime_icon
{
	top:-1px;
	position:relative;
}

/**
 * Style sheet xForm
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */
 

/**
 * Fieldset
 */
fieldset
{
	width:600px;
	display:block;
	margin:12px 0px 24px 0px;
	padding:12px 12px 0px 12px;
}

* html fieldset
{
	margin-top:12px;
}

*:first-child+html fieldset
{
	margin-top:12px;
}

legend
{
	color:#0000e6;
}

* html legend
{
	margin-top:-24px;
	padding:12px 0px;
}

*:first-child+html legend
{
	margin-top:-24px;
	padding:12px 0px;
}

.formbody label{
	margin-right: 10px;
}




/**
 * Text fields
 */
input.text,
input.password,
select.select
{
	width:200px;
	margin: 1px 0px 5px;
}

* html input.text,
* html input.password
{
	margin:0px;
}


*:first-child+html input.text,
*:first-child+html input.password
{
	margin:0px;
}


/**
 * Textarea
 */
textarea
{
	width:360px;
	height:140px;
}

* html textarea
{
	width:358px;
}


/**
 * Drop-down menu
 */
select
{
	width:204px;
	margin:1px 0px 1px 0px;
}

* html select
{
	width:206px;
}


/**
 * Radio buttons
 */
div.radio_container
{
	margin:0px 0px 1px 0px;
}

* html div.radio_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.radio_container
{
	margin:2px 0px -1px 0px;
}

div.radio_container span
{
	padding-right:6px;
	display:block;
}

input.radio
{
	margin:1px 2px 0px 1px;
	padding:0px;
	position:relative;
	top:2px;
}

* html input.radio
{
	margin:-4px -1px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.radio
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * Checkboxes
 */
div.checkbox_container
{
	margin:0px 0px 1px 0px;
}

* html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

div.checkbox_container span
{
	padding-right:6px;
	display:block;
}

input.checkbox
{
	margin:3px 3px 0px 1px;
	padding:0px;
}

* html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * File upload
 */
input.file
{
	margin:1px 0px 1px 0px;
}

* html input.file
{
	margin:0px;
}

*:first-child+html input.file
{
	margin:0px;
}


/**
 * Error message
 */
div.error
{
	color:#ff0000;
}

/**
 * Module
 */
 .mod_personalData,
 .mod_article,
 .formbody {
	margin-bottom: 10px;
}

 .mod_memberlist {
	font-size: 91.66%;
}

 .mod_memberlist h2 {
	margin-top: 1em;
}
 .mod_memberlist td.label,  .mod_memberlist td.value {
	border-bottom-style: none;
	border-right-style: none;
	padding: 0 10px 0 0;
	font-size: 12px;
}


/**
 * Events
 */
 .event p.more {
	margin-bottom: 10px;
	display: none;
}

.event h2{	font-family: Georgia, "Times New Roman", Times, serif;
	color: #293557;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.6em;
font-size: 116.66%; /*18pt*/
}


/* @end */