/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * general
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

body {
    color: black;
    background-image:url(../images/hintergrund3.jpg);
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 0; 
    padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
    min-width: 40em;     /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * fonts
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
div.bold {
	font-weight:bold;
}

h1 {
    font-size: 2.5em;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 1em;
    margin-top: 0;
}

h2 {
    font-size: 2.1em;
    font-style: bold;
    margin-bottom: .8em;
    margin-top: .8em;
}

h2.first {
    font-size: 2.1em;
    font-style: bold;
    margin-bottom: .8em;
    margin-top: 0em;
}

h3 {
    font-size: 1.7em;
    font-style: normal;
    margin-bottom: .6em;
    margin-top: .6em;
}

h3.first {
    font-size: 1.7em;
    font-style: normal;
    margin-bottom: .6em;
    margin-top: 0em;
}

h4 {
    font-size: 1.4em;
    margin-bottom: .4em;
    margin-top: .4em;
    text-decoration:underline; 
}

h4.first {
    font-size: 1.4em;
    margin-bottom: .4em;
    margin-top: 0em;
    text-decoration:underline; 
}

h5 {
    font-size: 1.2em;
    margin-bottom: .2em;
    margin-top: .2em;
}

hr {
    margin-bottom: 1.4em;
    margin-top: 1.4em;
}
    
p {
    font-size: 1.1em;
    line-height:1.3em;
    margin: .5em 0em 0em 0em;
}

p.first {
    font-size: 1.1em;
    line-height:1.3em;
    margin: 0;
}

p.after {
    font-size: 1.1em;
    line-height:1.3em;
    clear:left;
    margin: .5em 0em 0em 0em;
}

p.note {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 13px;
	font-weight:bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * images
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#para-image {
    float: left; 
    padding-bottom:1em;
    padding-right:1em;
}

img.left {
    padding: .5em 0em 0em 15em;
    margin: 0em;
}
img.next {
    padding: .5em 0em 0em 1.5em;
    margin: 0em;
}

img.noborder {
    border: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * links
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
#menu-icon a:active { text-decoration:none; }
#menu-icon a:focus { text-decoration:none; }
#menu-icon a:hover { text-decoration:none; }
#menu-icon a:link { text-decoration:none; }
#menu-icon a:visited { text-decoration:none; }

#menu-label a:active { color:black; text-decoration:none; }
#menu-label a:focus { color:black; text-decoration:none; }
#menu-label a:hover { color:black; text-decoration:none; }
#menu-label a:link { color:black; text-decoration:none; }
#menu-label a:visited { color:black; text-decoration:none; }

#menu-label-others a:active { color:#aaa; text-decoration:none; }
#menu-label-others a:focus { color:#aaa; text-decoration:none; }
#menu-label-others a:hover { color:#aaa; text-decoration:none; }
#menu-label-others a:link { color:#aaa; text-decoration:none; }
#menu-label-others a:visited { color:#aaa; text-decoration:none; }

h5 a:active { color:#990000; text-decoration:none; }
h5 a:focus { color:#990000; text-decoration:none; }
h5 a:hover { color:#990000; text-decoration:none; }
h5 a:link { color:#990000; text-decoration:none; }
h5 a:visited { color:#990000; text-decoration:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * lists
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 li {
 	margin-top: 0em;
 	margin-bottom: 0.5em;
	font-size: 12px;
 }
 
 ol {
    list-style-position:outside;
    padding: .5em 0em 1.5em 1.5em;
    margin: .5em;
 }
 
 ul {
    list-style-image:url(../images/bullet_5.gif);
    list-style-position:outside;
    padding: .5em 0em 1.5em 1.5em;
    margin: 0em;
 }
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Mozilla special effects
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#page, div#page-body, div#content, div#menu, #menu-bar, #menu-content, div#page-header {
	-moz-border-radius: 10px; /* mozilla only */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * pagelayout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 705px;
    padding: 0.5em;
}
	
#page-header {
    margin-top:0px;
    margin-bottom:5px;
}

#logo { 
    float:left;
    padding: 0.5em
}

#title { 
    padding: 0.5em;
}

#page-body {
    margin-bottom:5px;
    margin-bottom:0px;
}

#menu { 
    padding:0px; 
    padding-bottom:10px; 
    float:left; 
    width:155px; 
}

#menu-content {
    float:left; 
	margin: 0;
    padding:0px; 
    width:151px; 
}

#menu-bar {
	background-color:#990000;
    margin-left:151px;
    min-height:300px;
	width:4px;
}

#menu-item {
    clear: left;
	margin: 0;
    padding:0px; 
}

#menu-icon {
    padding:0px; 
	float:left; 
	margin: 0;
    padding:0px; 
}

#menu-label {
	font-size: 11px;
	font-weight:bold;
	padding-top:10px;
    height: 20px;
    text-align:left;
	margin: 0;
}

#menu-label-others {
	color: #aaa;
	font-size: 11px;
	font-weight:bold;
	padding-top:10px;
    height: 20px;
    text-align:left;
	margin: 0;
}

#content {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 165px;
    padding:0px;
    width:500px;
    /* border: 1px ridge silver; */
}

#content-text {
    float:left; 
    margin: 0px;
    padding-top:0px; 
    padding-left:10px; 
    padding-right:10px;
    width:450px
}

#pictures {
	margin-left: 450px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * tables
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
table.club { border-collapse:collapse; margin-top:1.5em; margin-bottom:1.5em;}
table.club th { font-size: 1.1em; padding:.2em; }
table.club th.top { font-size: 1.1em; padding:.2em; vertical-align: top}
table.club td { font-size: 1.1em; padding:.2em .2em .2em 2em; }
 
 table.text td.center {
 	text-align:center;
 }
 
.text {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

.text_bold {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #000000;
}