* { 
margin: 0px; 
padding: 0px; 
}

BODY, TD, P  { font-size : 12px; font-family : verdana, helvetica, arial, sans-serif; color : #2A2323; line-height : 1.5em;}

P {margin-top : 0; margin-bottom : 1em;}

BODY {
  margin : 0;
  color : #2A2323;
  background : #F6B800 url(images/bg_body.jpg) top left repeat-x;
  text-align: center;
}

ul, ol { list-style-position: outside; margin-left : 1em; margin-bottom : 1em; }
li {margin-left : 1.33em;}

h1 {font-weight : bold; font-size : 24px; color : #475F84; margin-bottom : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h2 {font-weight : bold; font-size : 18px; color : #475F84; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h3 {font-weight : bold; font-size : 16px; color : #475F84; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h4 {font-weight : bold; font-size : 14px; color : #475F84; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h5 {font-weight : bold; font-size : 12px; color : #475F84; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h6 {font-weight : bold; font-size : 11px; color : #475F84; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}

A  {color : #098BC5; font-weight : bold; text-decoration : none;}
A:Visited  { color : #098BC5; font-weight : bold; text-decoration : none;}
A:Active  { color : #098BC5; font-weight : bold; text-decoration : none;}
A:Hover  { color : #098BC5;	font-weight : bold; text-decoration : underline;}

div#wrapper {
   width: 975px;
   min-height : 500px;
   margin: 20px auto 30px auto;
   background : #fff url(images/bg_wrapper.gif) bottom left repeat-y;
   text-align: left;
   border-top : 8px solid #F4B700;
   border-right : 8px solid #007D3A;
   border-bottom : 8px solid #007D3A;
   border-left : 8px solid #fff;
}

div#header {
  width : 755px;
  margin : 5px 0 20px 0;

  padding-bottom : 6px;
  position : relative;
}

/* Fix IE. Hide from IE Mac \*/
 * html div#header {
	 width : 735px;
	 overflow : hidden;
 }
 
* html img#img_index {
	width : 556px;
	overflow : hidden;
}
 
div#sponsors {
  position : absolute;
  top : 20px;
  right : 0;
}

div#sponsors h2 {
  color : #006F38;
  margin : 0 0 10px 0;
}

div#socialmedia {
	position : absolute;
	top : 140px;
	right : 20px;
}

div#socialmedia h2 {
  color : #006F38;
  margin : 0;
  display : inline
}

div#header h1 {
  padding : 0.5em;
  font-family : Arial;
  font-weight : normal;
  color : #4D4948;
  background : #F6EBCB;
}

div#slogan {
	background : #F4B700 url(images/slogan.gif) top left no-repeat;
	width : 100%;
	height : 30px
}

.bonspiel{
	border: 1px solid #014D27;
}
.spieltitle {
 	background: url(images/more.gif) left no-repeat;
 	padding-left:15px;
	color : #475F84;
	font-weight : bold; 
	font-size : 16px;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}	

ul#topnav {
  text-align : left;
  font: normal 12px "Trebuchet MS", Verdana, sans-serif;
  color : #000;
  margin : 0 0 20px 0;
}

ul#topnav li {
  list-style: none;
  margin : 5px 0;
  position: relative;
  z-index : 12;
}

/* Fix IE. Hide from IE Mac \*/
 * html ul#topnav li { float : left; height: 1%;} 
 * html ul#topnav li a { height: 1%;} 
/* End */

ul#topnav li ul {
	position: absolute;
	left: 185px; 
	top: 0;
	display: none;
	width : 150px;
	background : #014D27;
	z-index : 10;
}

ul#topnav li ul li {
  position : relative;
  z-index : 11;
}

ul#topnav li a, ul#topnav li a:link, ul#topnav li a:visited
{
  text-decoration: none;
  color : #fff;
  font-weight : normal;
  display : block;
  padding : 3px 0 3px 20px;
  background : #006F38;
}

ul#topnav li a:hover {
  background : #014D27;
}

ul#topnav li ul li a { padding: 1px 5px; display : block; font-size : 11px; text-align : left;} /* Sub Menu Styles */
ul#topnav li:hover ul, ul#topnav li.over ul { display: block; } /* The magic */

div#sidebar {
  float : left;
  width : 198px;
  font-size:9px;
}

div#sidebar p {
  margin-left : 20px;
  font: normal 12px "Trebuchet MS", Verdana, sans-serif;
  color : #fff;
}

div#sidebar_right {
  border : 2px solid #006F38;
  border-width : 0 0 2px 2px;
  width : 160px;
  float : right;
  padding : 3px;
}

div#sidebar_right h3 {
  color : #006F38;
  font-size : 11px;
  margin-bottom: 4px;
}

div#sidebar_right .article {
	font-size : 10px;
	line-height : 1.1em;
	border-bottom : 1px dotted #F4B700;
}

div#sidebar_right .readmore {
  display: block;
}

div#subnavigation {
  text-align : center;
  font-size : 0.9em;
  margin : 1em 0;
}

div#footer {
  margin : 1em;
  font-size : 10px;
  color : #fff;
  line-height : 1.25em;
}

div#footer a {
  color : #fff;
}

div#content {
  margin : 0 0 0 199px;
  padding : 7px 10px;
}

div.sideitem {
  width : 150px;
  border : 4px double #e7e7e7;
  background : #F3F7F9;
  float : right;
  padding : 5px;
  font-size : 0.9em;
}

div#clear {
  clear :both;
}

table {
  padding : 3px;
  border : 0;
  border : 1px solid #000;
  border-width : 1px 0 0 1px;
  background : #fff;
  border-collapse : collapse;
}

table th {
  background : #e7e7e7;
  font-size : 12px;
  font-weight : bold;
  border-bottom : 1px solid #000;
  border-right : 1px solid #000;
  padding : 5px 0;
}

table td {
  border-bottom : 1px solid #000;
  border-right : 1px solid #000;
  font-size : 11px;
  padding : 2px;
}


div.rowtab2 table {
  border : none;
padding : 0;
margin : 0;
}

div.rowtab2 table td {
  border : none;
padding : 0;
margin : 0;
}

form#bonspeil-add h2 {
  font-size : 13px;
  color : #000;
  font-weight : bold;
  margin : 0.5em 0 0 0;
}

option { margin-right : 6px;}

.photo {
  position : relative;
  float: left;
  width: 165px;
  height : 170px;
  margin: 5px;
  padding: 0;
  font-size : 10px;
  text-align : center;
  overflow : auto;
  line-height : 11px;
}

.photo img {
  display : block;
  margin : 0 auto;
  text-align : center;
  border : none;
}

label {
  float : left;
  width : 75px;
  margin-right : 1em;
  text-align : right;
}

table#membership label {
  width : 150px;
  float : none;
  text-align : right;
}

div#norlink {
  text-align : center;
  font-size : 9px;
  color : #000;
}

div#norlink a {
  color : #000;
  font-weight : normal;
}
