/*  Stylesheet fuer die Homepage des Schachklub Bickenbach   */
/*  URL: http://www.schach-bickenbach.de                     */
/*  Erstellt von Ralf Horlebein                              */

body, td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
}
body {
    color: #000000;
	background-color: #fffff3;
	padding: 30px;
	margin: 0;
}
h1 {
   	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
	font-size: 3.5em;
	color: #ffffff;
	background: maroon url(../Bilder/background01.jpg);
	margin: 0;
	padding: 20px;
}
h2 {
    font-family: Georgia, "Times New Roman", serif;
    color: #ffffff;
}
h3 {
    font-family: Georgia, "Times New Roman", serif;
    margin-top: 0;
}
h3 img {
	margin-right: 1em;
}
h4 {
    font-family: Georgia, "Times New Roman", serif;
}
strong {
    font-weight: bold;
    color: maroon;
}
em {	   
   	font-weight: bold;
	font-style: italic;
	color: maroon;
}
a:link, a:visited {
    color: #cc0033;
    font-weight: bold;
    text-decoration: underline;
}
a:link:hover, a:visited:hover {
	color: #ffffff;
	background-color: #cc0033;
}
a.imagelink {
    text-decoration: none;
}
a.imagelink:hover {
    background-color: transparent;
}
img.linkimage {
    border: 0;
    margin-right: 5px;
}
img.linkimage2 {
    border: 0;
}
.abstandleft {
    margin-left: 2em;
}

#body {
    background-color: #f4e0c6;
    border: 1px solid #000000;
}

#overview {
    font-size: 0.9em;
    color: #cc0033;
    background-color: #f4e0c6;
    margin: 0;
    padding: 12px;
}
#overview em {
    font-weight: bold;
	font-style: italic;
    color: #cc0033;
}
#overview a:link, #overview a:visited {
    font-weight: bold;
	font-style: italic;
	color: #cc0033;
	text-decoration: none;
}
#overview a:link:hover,  #overview a:visited:hover{
    font-weight: bold;
	font-style: italic;
	color: #cc0033;
	background-color: #f4e0c6;
	text-decoration: underline;
}

#navibar {
    margin: 0;
    margin-bottom: 2em;
    float: left;
    font-weight: bold;
    width: 13em;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#navibar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navibar ul li {
    list-style: none;
	display: inline;
}
#navibar h2 {
    font-size: 1.4em;
    background: maroon url(../Bilder/background01.jpg);
    margin: 0;
    padding: 8px;
}
#navibar ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding: 10px 10px 10px 0.5em;
	border-top: 1px solid #000000;
	font-size: 0.95em;
    color: #ffffff;
	background: #cc0033 url(../Bilder/background02.jpg);
	text-decoration: none;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}
html>body #navibar ul li a {
    width: auto;
}
#navibar ul li a:hover {
    color: #ffffff;
	background: #ff0033 url(../Bilder/background03.jpg);
}
#pageindex a#linkhome,
#pageneues a#linkneues,
#pageberichte a#linkberichte,
#pagebilder a#linkbilder,
#pageverein a#linkverein,
#pageturnier a#linkturnier,
#pagegedanken a#linkgedanken,
#pageaktiv a#linkaktiv,
#pagevorstand a#linkvorstand,
#pageprogramm a#linkprogramm,
#pagelinks a#linklinks,
#pagegb a#linkgb {
	background: #ff0033 url(../Bilder/background03.jpg);
	color: #ffffff;
}

#inhalt {
    background-color: #f4e0c6;
    margin: 0;
    margin-left: 15em;
    voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 16em;
}
html>body #inhalt {
    margin-left: 16em;
}
#inhalt h2 {
    margin: 0;
    text-align: center;
    background: maroon url(../Bilder/background01.jpg);
    padding: 10px;
    padding-left: 1em;
}
#inhalt li {
    margin-bottom: 0.2em;
}
#inhalt .navibar2 {
    width: 15em;
    margin: 1em;
    padding: 0;
    font-weight: bold;
    border: 1px solid #000000;
}
#inhalt .navibar2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#inhalt .navibar2 ul li {
    list-style: none;
	display: inline;
}
#inhalt .navibar2 h3 {
    margin: 0;
    text-align: center;
    color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
    padding: 5px;
}
#inhalt .navibar2 ul li a {
	display: block;
    width: 100%;
	margin: 0;
	padding: 5px 5px 5px 0.5em;
	border-top: 1px solid #000000;
	font-size: 0.95em;
    color: #ffffff;
	background: #cc0033 url(../Bilder/background02.jpg);
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}
html>body #inhalt .navibar2 ul li a {
    width: auto;
}
#inhalt .navibar2 ul li a:hover {
    color: #ffffff;
	background: #ff0033 url(../Bilder/background03.jpg);
}
#inhalt .news {
    border: 7px solid maroon;
    margin: 2em;
    padding: 5px;
}
#inhalt table.winner {
    width: 28em;
    border: 5px solid maroon;
    margin-left: 2em;
    margin-bottom: 1em;
}
#inhalt table.winner th {
    font-family: Georgia, serif;
    color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
    text-align: left;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 0.3em;
}
#inhalt table.winner td {
    border: 1px solid #000000;
    padding: 0.3em;
}
#inhalt table.winner td.extra {
    font-weight: bold;
    color: #ffffff;
    background: #cc0033 url(../Bilder/background02.jpg);
}
#inhalt table.bilder {
    padding: 0;
}
#inhalt table.bilder th {
    font-weight: bold;
    color: maroon;
}
#inhalt table.bilder td {
    border: 2px solid #cc0033;
}
#inhalt ul.sitemap {
    list-style: none;
}
#inhalt input.buttondisplay {
	font-family: Verdana, Arial, sans-serif;
	width: 11em;
	margin-left: 20px;
	margin-bottom: 1em;
	font-weight: bold;
	color: #ffffff;
	background: #cc0033 url(../Bilder/background02.jpg);
	border: 1px solid #000000;
	border-width: 1px 2px 2px 1px;
}
#inhalt input.buttondisplay:hover {
	background: #ff0033 url(../Bilder/background03.jpg);
}

#footer {
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
}
#footer #footright {
    float: left;
    width: 32%;
    margin: 0;
    text-align: right;
}
#footer #footleft {
    float: left;
    width: 32%;
    margin: 0;
    padding-left: 8px;
    text-align: left;
}
#footer #footcenter {
    float: left;
    width: 33%;
    margin: 0;
    text-align: center;
}
#footer a:link, #footer a:visited {
    color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#footer a#footlinktop {
	display: block;
	width: 5em;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 2px;
	color: #ffffff;
	border-left: 10px solid #cc0033;
	border-right: 10px solid #cc0033;
	text-decoration: none;
	font-weight: bold;
}
#footer a:link:hover, #footer a:visited:hover {
	background-color: #cc0033;
}
#footer a#footlinktop:hover {
	background-color: #cc0033;
	border-left: 10px solid maroon;
	border-right: 10px solid maroon;
}


/* *** Ab hier Gaestebuch *** */

#inhalt .news label {
    display: block;
	float: left;
	width: 10em;
	text-align: right;
	margin-left: 10px;
	padding-right: 0.5em;
	font-weight: bold;
	color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
	border: 1px solid #000000;
}
#inhalt .news .commentheader {
    display: block;
	float: left;
	width: 10em;
	text-align: right;
	margin-left: 10px;
	padding-right: 0.5em;
	font-weight: bold;
	color: #ffffff;
	background: maroon url(../Bilder/background01.jpg);
	border: 1px solid #000000;
}
#inhalt .news input.text {
    display: block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em;
	width: 15em;
	margin-bottom: 20px;
	margin-left: 13em;
	border: 1px solid #000000;
}
#inhalt .news .radio {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 15em;
	margin-bottom: 25px;
	margin-left: 13em;
}
#inhalt .news textarea {
    display: block;
	width: 18em;
	height: 12em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin-bottom:20px;
	margin-left: 13em;
	border: 1px solid #000000;
}
#inhalt .news .comment2 {
    display: block;
	width: 18em;
	height: 12em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	background-color: #ffffff;
	margin-bottom:20px;
	margin-left: 13em;
	padding: 2px;
	border: 1px solid #000000;
}
#inhalt .news input.buttonsubmit {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	width: 12em;
	margin-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #ffffff;
	background: #cc0033 url(../Bilder/background02.jpg);
	border: 1px solid #000000;
	border-width: 1px 2px 2px 1px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 10px;
}
html>body #inhalt .news input.buttonsubmit {
	margin-left: 10px;
}
#inhalt .news input.buttonsubmit:hover {
	background: #ff0033 url(../Bilder/background03.jpg);
}
#inhalt .news p {
    margin-left: 10px;
    margin-right: 10px;
}
#inhalt .news p.smallhind {
	font-size: 0.8em;
	margin-left: 20px;
}
#inhalt .news table.smilies {
    margin-left: 20px;
	margin-top:1em;
	margin-bottom: 1em;
	border: 2px solid maroon;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 10px;
}
html>body #inhalt .news table.smilies {
	margin-left: 10px;
}
#inhalt .news table.smilies td {
	padding: 0px;
}
#inhalt .news table.smilies th {
    font-family: Georgia, serif;
    color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
    text-align: left;
    font-weight: bold;
    padding: 0.2em;
    padding-left: 0.5em;
}
#inhalt .news table.smilies td button {
    display: block;
	width: 65px;
	background-color: #f4e0c6;
	border: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 60px;
}
html>body #inhalt .news table.smilies td button {
    width: 60px;
}
#inhalt .news table.smilies td button:hover {
    background: #ff0033 url(../Bilder/background03.jpg);
}
#inhalt .news .option {
    padding: 0;
    margin: 0;
}
#inhalt .news .wort {
    border: 2px solid maroon;
    padding: 5px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 20px;
    margin-right: 20px;
    voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 10px;
	margin-right: 10px;
}
html>body #inhalt .news .wort {
    margin-left: 10px;
	margin-right: 10px;
}
#inhalt .news .wort p {
    margin-top: 0;
}
#inhalt .navi {
	border: 7px solid maroon;
	text-align: center;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	padding: 10px;
	font-weight: bold;
}
#inhalt .foot {
	border: 7px solid maroon;
	text-align: center;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	padding: 10px;
	font-style: italic;
	font-weight: normal;
}
#inhalt .fehler {
    border: 7px solid maroon;
	text-align: center;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
    margin-bottom: 2em;
	padding: 10px;
	font-weight: bold;
}
#inhalt .eintrag {
    border: 7px solid maroon;
    margin: 2em;
    padding: 0;
}
#inhalt .eintrag .header {
    color: #ffffff;
    background: maroon url(../Bilder/background01.jpg);
    /*background-color: maroon;*/
    padding: 10px;
    padding-top: 3px;
    margin: 0;
}
#inhalt .eintrag .header strong {
    color: #ffffff;
}
#inhalt .eintrag .header a:link, #inhalt .eintrag .header a:visited {
    color: #ffffff;
    background-color: #cc0033;
	text-decoration: none;
	font-weight: bold;
}
#inhalt .eintrag .header a:link:hover, #inhalt .eintrag .header a:visited:hover {
    background-color: #ff0033;
}
#inhalt .eintrag .header .einrueck {
	text-indent: 3em;
	margin-top: 0.7em;
}
#inhalt .eintrag .header .einrueck2 {
	text-indent: 6em;
	margin-top: 0.7em;
}
#inhalt .eintrag .body {
    padding: 10px;
}
#inhalt .eintrag .body hr.hrhalb {
	width: 50%;
	margin-left: 0;
	text-align: left;
}
#inhalt .eintrag .body .comment {
	font-size: 0.9em;
    font-style: italic;
}