/* CSS Document */

/* defaults */
* 
	{
		margin: 0;
		padding: 0;
	}

body 
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12pt;
		color: #333;
		text-align: center;
		background-image: url(../img/layout/back.gif);
		background-repeat: repeat-x;
		background-color: #A09E9F;
		height: 101%;		
	}
	
#container
	{
		margin: 25px auto 0 auto;
		width: 798px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #e1e1e1;
	}
	
#header
	{
		background-image:url(../img/layout/head.jpg);
		background-repeat: no-repeat;
		border-bottom: 1px solid #fff;
		height: 93px;
	}

#styleswitcher {
  color: #fff;
  font-size: 10pt;
  text-align: right;
  margin: 0 1.4em 0 0;
  padding-top: 68px;
}

#styleswitcher a {
  color: #fff;
  text-decoration: none;
} 	

#navigation
	{
		width: 174px;
		float: left;
		border-bottom: 0px solid green;
		font-size: 10pt;
		z-index: 1;
	}

  #navigation  a:link { 
    	color: #444;
    	text-decoration: none; 
    }

  #navigation  a:visited {
    	color: #444;
    	text-decoration: none;
    }  

  #navigation  a:hover {
    	color: #316e42;
    	text-decoration: none;
    }

  #navigation  a:active {
    	color: #316e42;
    	text-decoration: none;
    } 

  #navigation  a:focus {
    	color: #316e42;
    	text-decoration: none;
    }

.mainnav
	{
		margin: 15px;
		border: 0px solid red;
		list-style: none;	
	}

.mainnav li
	{
		border-bottom: 1px solid #e1e1e1;
		padding: 4px 0 3px 0;
	}


.mainnav a
	{
		display: block;
		color: #333;
		text-decoration: none;
		text-transform: uppercase;
			
	}

.mainnav a:hover
	{
		color: #306f42;
	}

.mainnav .active
  	{
  		color: #306f42;
  		text-decoration: none;
  		text-transform: uppercase;
  	}

.subnav {
  padding: 3px 0 2px 0;
	list-style: none;
	text-decoration: none;
	text-transform: none;
}

.subnav li
	{
		margin-left: 5px;
		padding: 2px 0 1px 0;
		border: 0;
		font-size: 10pt;
	}

.subnav a
{
 	display: block;
  color: #333;
  text-decoration: none;
  text-transform: none;
}

.newsletter {
  margin:1.5em;
  font-size: 10pt;
  border-bottom:1px solid #e1e1e1;
}

.newsletter h2 {
  font-size: 12pt;
  margin-bottom: 0.1em;
}


#language
	{
		margin: 15px 15px 3em 15px;
		border: 0px solid red;
		list-style: none;		
	}

#language li
	{
		display: inline;
		margin-right: 2px;
	}

#headpic
	{
		float: left;
    border: 0px solid red;
		border-bottom: 0px solid blue;
	}

#content
	{
		float:left;
		width: 415px;
		border-top: 0px solid red;
		margin-right: 2px;
		font-size: 10pt;
	}

.padding
	{
		margin: 2em 1em 2em 0;
		border: 0px solid green;
	}
	
#infocol
	{
		float: left;
		width: 204px;
	}

#features {
  float: left;
  width: auto;
  margin: 2em 0 2em 0;  
  border: 0px solid #999;
}

#footer	{
	margin: 1em auto;
  border-top: 1px solid #c1c1c1;
  width: 798px;
  color: #fff;
  font-size: 10pt;
}

#footer ul {
  list-style: none;
  margin: 0.5em auto 1em auto;
}

#footer li {
  display: inline;
  margin: 0.5em;
}

#footer a {
  color: #fff;
  text-decoration: underline;
}
	
	
/* Textformatierungen im Content */

a:link { 
	color: #444;
	text-decoration: underline; 
}

a:visited {
	color: #444;
	text-decoration: underline;
}  

a:hover {
	color: #316e42;
	text-decoration: none;
}

a:active {
	color: #316e42;
	text-decoration: none;
} 

a:focus {
	color: #316e42;
	text-decoration: none;
}

img {
  border: 0;
}

h2
	{
		color: #316e42;
		font-size: 14pt;
		margin-bottom: 1em;
		font-weight: normal;
		line-height: 1.3em;
	}

h3
	{
		color: #316e42;
		font-size: 12pt;
		font-weight: bolder;
	}

h3.box 
	{
		border-top: 1px solid #dadcd9;
		border-bottom: 1px solid #dadcd9;
		background-color: #eff4f0;
		padding: 3px 15px;
		font-size: 12pt;
		font-weight: bold;
		color: #316e42;
		margin-bottom: 0;
	}

p.box
	{
		margin: 0 0 2em 0;
		background-color: #f7f9f8;
		padding: 8px 15px;
		border-bottom: 1px solid  #dadcd9;	
	}

div.box{
	margin: 0 0 2em 0;
	background-color: #f7f9f8;
	padding: 8px 15px;
 	border-bottom: 1px solid  #dadcd9;	
}

div.box h4 {
    font-size: 12pt;
    font-weight: bold;
    color: #333;
    margin: 1em 0;
}

div.box h5 {
    font-size: 10pt;
    font-style: bold;
    color: #333;
}

div.box p {
    margin-bottom: 1em;
}


.boxpadding {
	margin: 0 0 2em 0;
	background-color: #f7f9f8;
	border-bottom: 1px solid  #dadcd9;
}

table.box{
	margin: 0 0 2em 0;
	background-color: #f7f9f8;
	border-bottom: 1px solid  #dadcd9;
	width: 100%;
}

#content ul {
	margin: 0 0 2em 0;	
	padding: 8px 30px; 		
	list-style: square;
	line-height: 1.4em;
}

#content ol {
  margin: 0 0 2em 0;	
	padding: 8px 17px; 
	line-height: 1.4em;
}

#content ul.box {
  background-color: #f7f9f8;
  border-bottom: 1px solid  #dadcd9;
}

p { 
	margin-bottom: 2em;
	line-height: 1.4em;
}
	
/* seitenboxen */

.picbox{
	margin: 0 0 3px 0;
	border: 1px solid  #dadcd9;
	line-height: 0;
}

.textbox{
	color: #444;
	margin: 0 0 3px 0;
	font-size: 12pt;
	line-height: 1.4em;
	padding: 7px 2px 7px 11px;
	border: 1px solid  #dadcd9;
}

.textbox h2 {
	font-size: 12pt;
	margin-bottom: 0.5em;
	font-weight: normal;
}

.textbox p {
  margin: 0;
  font-size: 10pt;
}

#course1, #course2, #course3 {
	display: none;
}

form {
 font-size: 12pt;
 color: #444;
}

select, option {
 font-size: 12pt;
 color: #444;
}


.weiss{
color: #fff;
}

.green {
  color: #316e42;
}

table {
 margin: 1.5em 0;
 font-size: 10pt;
 color: #333;
}

table td {
  padding: 3px;
}

.preisliste {
 width: 99%;
 background-color: #dedede;
 border-collapse: collapse;
 margin: 0 0 0.8em 0;
 padding: 0;
}

.preisliste td {
 padding: 3px 0 3px 5px;
 border: 1px solid #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #333;
}

.partnerlogo {
        margin-right: 20px;
        float: left;

}

select, option {
	font-size: 10pt;
}

#form {
  font-size: 10pt;
}

#form label {
  display: block;
  float: left;
  margin-bottom: 0.8em;
}

#form input {
  display: block;
  float: left;
  margin-bottom: 0.8em;
}

#form select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  margin-bottom: 0.8em;
}

#form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#form label {
 text-align: right;  
 padding-right: 1em;
 width: 70px;
 cursor: pointer;
}

.error {
  font-weight: bold;
  color: darkred;

}

/*
 * Stylsheet fuer Spielvorgabetabelle und deren Funktion
 */

#spielvorgabe_hab, #spielvorgabe_dab,
#spielvorgabe_hac, #spielvorgabe_dac,
#spielvorgabe_hbc, #spielvorgabe_dbc,
#spielvorgabe_hm,  #spielvorgabe_dm {
    display: none;
}

table.spielvorgabe {
    border-collapse: collapse;
    font-size: 10pt;
    color: black;
    width: 545px;
}
.spielvorgabe td, .spielvorgabe th {
    vertical-align: top;
    padding: 3px;
}
tfoot {
    font-weight: bold;
}

.hdr_weiss {
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    text-align: center;
}
.hdr_gelb {
    background-color: #ffee00;
    border: 1px solid #333;
    text-align: center;
}
.hdr_blau {
    background-color: #007dff;
    border: 1px solid #333;
    text-align: center;
    color: #fff;
}
.hdr_rot {
    background-color: #e70000;
    border: 1px solid #333;
    text-align: center;
    color: #fff;
}

td.weiss {
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    text-align: right;
}
td.gelb {
    background-color: #ffee00;
    border: 1px solid #333;
    text-align: right;
}
td.blau {
    background-color: #007dff;
    border: 1px solid #333;
    text-align: right;
    color: #fff;
}
td.rot {
    background-color: #e70000;
    border: 1px solid #333;
    text-align: right;
    color: #fff;
}
.switcher {
    text-align: right;
    background-color: #ededed;
    border-top: 1px solid #333;
    width: 545px;
}
.switcher h3{
    text-align: left;
}

caption {
    border-top: 1px solid #333;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px 0;
    color: #333;
}

.regeln li{
    margin-bottom: 1.3em;
}