/* 
 * basic definitions 
 */

body
{
	/* background */
	background-color: rgb(214,178,62);
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

p, h1, ul
{
	/* default font settings */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	
	margin-bottom: 11px;
}

ul, p
{
	line-height: 24px;
}

h2, h3
{
	/* default font settings */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 24px;
	
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

h2
{
	margin: 0px 0px 11px 0px;
}

h3
{
	margin: 0px 0px 0px 0px;
}

p.dialog
{
	border: solid 1px rgb(196,196,196);
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px;
}

p.dialog img
{
	vertical-align: middle;
	margin: 10px 0px 10px 0px;
}

a.choice
{
	margin: 10px;
}

ul.files
{
	border: solid 1px rgb(196,196,196);
	padding: 10px 10px 10px 50px;
	margin-left: 0px;
}

ul.files li
{
	padding: 10px 0px 10px 0px;
	list-style-image: url(../images/default_icon_s.gif);
}

ul.files li.nofile
{
	padding: 10px 0px 10px 0px;
	list-style-image: none;
}

ul.files li.pdffile
{
	list-style-image: url(../images/pdf_icon_s.gif);
	vertical-align: top;
}

ul.files li.album
{
	list-style-image: url(../images/album_icon.gif);
	vertical-align: top;
}

h1
{
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 11px;
	border-top: solid 1px rgb(196,197,199);
	border-bottom: solid 1px rgb(196,197,199);

	font-weight: bold;
}

a
{
	text-decoration: none;
	color: rgb(73,147,40);
	border-bottom: dashed 1px rgb(73,147,40);
	font-weight: bold;
}

a:hover
{
	border-bottom: solid 1px rgb(73,147,40);
}

/* 
 * navigation
 */

ul#nav
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 11px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
}

ul#nav a
{
	display: list-item;
	padding: 6px 0px 6px 8px; /* attention: ie box model bug! -> tan-hack */
	width: 198px;

	color: Black;
	border-style: none;
	font-weight: normal;
}

/* tan-hack */
/* only for internet explorer */
* html ul#nav a
{  
	width: 206px;     /* Version 5.x */
	w\idth: 198px;    /* version 6, if in Quirks-mode */
}

ul#nav a:hover, ul#nav a.active
{
	color: Black;
	border-style: none;
	font-weight: bold;

	background-image: url(../images/bgnavhover.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
	background-color: White;
}

ul#nav a#first:hover, ul#nav a.first:hover, ul#nav a#firstactive, ul#nav a.firstactive, a.firstactive, a.first:hover
{
	color: Black;
	border-style: none;
	font-weight: bold;

	background-image: url(../images/bgnavhover-top.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-color: White;
}


/* 
 * basic layout elements
 */

#header
{
	margin-bottom: 25px;
	text-align: center;
}

#content
{
	width: 720px;
	background-image: url(../images/bgcontent.gif);
	background-repeat: repeat-y;
}

#contentend
{
	color: White;
	clear: both;
	width: 304px; 
	height: 1px;
	margin: 0px 206px 0px 206px;
	border-style: none;
	border-bottom: solid 1px rgb(197,197,197);
}

#left, #right
{
	margin: 0px;
	padding: 0px;
	width: 206px;
	float: left;
	
	color: rgb(100,100,100);
}

#left
{
	background-image: url(../images/bgcontent-topleft.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#right
{
	background-image: url(../images/bgcontent-topright.gif);
	background-repeat: no-repeat;
}

#main
{
	margin: 0px;
	padding: 0px;
	width: 308px;
	float: left;
}


#footer
{
	width: 720px;
	background-image: url(../images/bgfooter.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#wrapper
{
	text-align: left; 
	width: 720px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px auto 0px auto;
}

#flashdetect-dialog
{
	margin: 0px auto 0px auto; 
	width: 720px; 
	background-color: white; 
	padding: 10px; 
	border: solid 1px rgb(196,196,196);
}

/* 
 * definitions for contained elements
 */

#footer p
{
	width: 308px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 206px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	color: rgb(197,197,197);
}

#left p, #left h2, #left h3
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: rgb(100,100,100);

	padding: 0px 31px 0px 8px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}

#right p, #right h2, #right h3
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: rgb(100,100,100);

	padding: 0px 0px 0px 31px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}

#left h2, #right h2
{
	margin: 20px 0px 10px 0px;
	font-weight: bold;
}

#left h2.first, #right h2.first
{
	margin-top: 0px;
}

#left h3, #right h3
{
	font-size: 9px;

	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-style: italic;
}

img.left 
{
	float: left; 
	padding: 3px;
	margin: 0px 10px 0px 0px;
	border: solid 1px rgb(196,196,196);
}

img.right 
{
	float: right; 
	padding: 3px;
	margin: 0px 0px 0px 10px;
	border: solid 1px rgb(196,196,196);
}

a.imglink, a.imglink:hover
{
	border: none;
}

img
{
	border: none;
}

.telnrgrp
{
	padding-right: 3px;
}

p.albumimg
{
	border: solid 1px rgb(196,196,196);
}

p.sponsoren
{
	text-align: center;
}

p.sponsoren a, p.sponsoren a:hover
{
	border: none;
}

p.sponsoren img
{
	margin-bottom: 30px;
}


/* Online-Anmeldeformular */

p.formerror
{
	border: solid 3px rgb(214,62,62);
	padding: 10px;
	color: rgb(214,62,62);
}

span.formerror
{
	font-weight: bold;
	color: rgb(214,62,62);
}

input
{
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
}

input.cb, input.btn
{
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}

/* tables */
table
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 24px;
	text-align: left;
	border: solid 1px #cccccc;
	background-color: White;
	border-collapse: collapse;
	width: 100%;
}

.row, tr
{
	background-color: #eeeeee;
}

.altrow, tr.alt
{
	background-color: #dddddd;
}

.header, th
{
	background-color: White;
	font-weight: bold;
}

td,th
{
	border: solid 1px #cccccc;
	padding: 5px;
}

p.big-sponsor
{
	text-align: center;
	margin-bottom: 20px;
}