*{
    padding: 0; /* Abstände entfernen */
    margin: 0;
}

img {border: none;}

.sub_headline { margin-left: 4px; margin-top: -5px; padding: 0; font: bold 76% Verdana,Arial,sans-serif; }

#top_haupt
{
    width: 100%;
    height: 236px;
    margin: 0;
    background-image: url(top_haupt.png)
}

#bottom_haupt
{
    width: 100%;
	position: absolute;
	bottom: 0px;
    height: 217px;
    margin: 0;
    background-image: url(bottom_haupt.png)
}

#hauptseite
{
    width: 907px;
    text-align: left;
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -454px;
}

.form_field
{
    width: 170px;
}

#top
{
	position: relative;
    height: 82px;
    margin-top: 0px;
    margin-bottom: 16px;
	margin-left: 0%;
	margin-right: 0%;
    background-image: url(top.png)
}

#bottom
{
    height: 82px;
    margin-top: 32px;
    margin-bottom: 0px;
	margin-left: 0%;
	margin-right: 0%;
    background-image: url(bottom.png)
}

#sidebar
{
	float: right;
    position: absolute;
    display: block;
    top: 130px;
    right: 0px;
	width: 120px;
	height: 600px;
	font-size: 10pt;
	line-height: 1.2;
    background-color: #dae4ee;
}

#blogbar
{
	float: left;
	width: 250px;
	height: auto;
	overflow: auto;
    background-color: #dae4ee
}

#sidebar2
{
	float: right;
	width: 120px;
	height: 600px;
    background-color: #dae4ee
}

#blogtext
{
    margin-left: 274px;
    margin-right: 144px;
}

#blog_title
{
	font-size: 120%;
	font-weight:normal;
	background-color: #C9D052;
	color: White;
	padding: 3px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 8px;
}

#blog_body_text
{
	font-size: 10pt;
	font-weight:bold;
	line-height: 1.5;
	background-color: #F4F5DC;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.body_layout
{
	margin-left: 10%;
	margin-right: 30%;
}

/* Fonts */

* { color: #000000; font-family: Arial,Verdana,sans-serif,Helvetica;}

a:link { color: #1E90FF; font-weight:bold; text-decoration: none; }
a:visited {color: #1874CD; font-weight:bold; text-decoration: none; }
a:active {color: #1E90FF; font-weight:bold; text-decoration: none; }
a:hover {color: #1E90FF; font-weight:bold; text-decoration: Underline; }

.body_text
{
	font-size: 10pt;
	line-height: 1.2;
}

.bar_text
{
	padding: 8px;
	font-size: 10pt;
}

.table_text
{
	padding: 5px;
}

h2
{
	font-size: 100%;
	font-weight:bold;
	background-color: #C9D052;
	color: White;
	padding: 3px;
	padding-left: 8px;
}

h3
{
	font-size: 12pt;
	font-weight:bold;
	/* background-color: #BEC72E; */
	/* background-color: #D2D971; */
	background-color: #C9D052;
	color: White;
	padding: 3px;
	padding-left: 8px;
	margin-top: 48px;
	margin-bottom: 16px;
}

h4
{
	margin-top: 16px;
	margin-bottom: 8px;
}

ol, ul
{
	margin-left: 24px;
}

li
{
	margin-top: 8px;
}

table.bigdata {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: #ffffff;
	border-collapse: collapse;
	background-color: white;
}

table.bigdata th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: white;
	background-color: #355ea0;
	font-size: 11pt; 
	color: #ffffff;
	font-weight: bold;
	vertical-align: top;
}

table.bigdata td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: white;
	font-size: 10pt;
	vertical-align: top;
}

table.invisible {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	vertical-align: top;
}

table.invisible th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	vertical-align: top;
}

table.invisible td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	vertical-align: top;
}

/* iefix - der braucht ein eltern-element um die höhe zu bestimmen */
#overall
{
	height: 100%;
	width: 100%;
    margin-left: 10px;
}

#navbar
{
	float: right;
    position: absolute;
    display: block;
	width: 100%;
	height: 100%;
    padding-left: 10px;
    font-family: Arial,Verdana,sans-serif,Helvetica; font-size: 10pt;
    background-color: #dae4ee
}


#btnLogin
{
	display: block; width: 49px; height: 28px; text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	border: none;
	background: url(btnLogin.png) top no-repeat;
}
#btnLogin:hover { background-position: bottom; }

a.btnAls_Gast
{
	display: block; width: 92px; height: 28px; text-decoration: none;
	background: url(btnAls_Gast.png) top no-repeat;
}
a.btnAls_Gast:hover { background-position: bottom; }
a.btnAls_Gast span { visibility: hidden; }

a.btnRegistrieren
{
	display: block; width: 87px; height: 23px; text-decoration: none;
	background: url(btnRegistrieren.png) top no-repeat;
}
a.btnRegistrieren:hover { background-position: bottom; }
a.btnRegistrieren span { visibility: hidden; }

a.btnPasswort_Vergessen
{
	display: block; width: 136px; height: 23px; text-decoration: none;
	background: url(btnPasswort_Vergessen.png) top no-repeat;
}
a.btnPasswort_Vergessen:hover { background-position: bottom; }
a.btnPasswort_Vergessen span { visibility: hidden; }

a.btnWer_ist_Brain
{
	display: block; width: 126px; height: 28px; text-decoration: none;
	background: url(btnWer_ist_Brain.png) top no-repeat;
}
a.btnWer_ist_Brain:hover { background-position: bottom; }
a.btnWer_ist_Brain span { visibility: hidden; }

a.btnFanshop
{
	display: block; width: 74px; height: 28px; text-decoration: none;
	background: url(btnFanshop.png) top no-repeat;
}
a.btnFanshop:hover { background-position: bottom; }
a.btnFanshop span { visibility: hidden; }

a.btnNews
{
	display: block; width: 51px; height: 28px; text-decoration: none;
	background: url(btnNews.png) top no-repeat;
}
a.btnNews:hover { background-position: bottom; }
a.btnNews span { visibility: hidden; }

a.btnBest_Of
{
	display: block; width: 65px; height: 28px; text-decoration: none;
	background: url(btnBest_Of.png) top no-repeat;
}
a.btnBest_Of:hover { background-position: bottom; }
a.btnBest_Of span { visibility: hidden; }

a.btnImpressum
{
	display: block; width: 81px; height: 23px; text-decoration: none;
	background: url(btnImpressum.png) top no-repeat;
}
a.btnImpressum:hover { background-position: bottom; }
a.btnImpressum span { visibility: hidden; }

a.btnChat_beenden
{
	display: block; width: 108px; height: 23px; text-decoration: none;
	background: url(btnChat_beenden.png) top no-repeat;
}
a.btnChat_beenden:hover { background-position: bottom; }
a.btnChat_beenden span { visibility: hidden; }

a.btnWer_ist_BrainSmall
{
	display: block; width: 114px; height: 23px; text-decoration: none;
	background: url(btnWer_ist_BrainSmall.png) top no-repeat;
}
a.btnWer_ist_BrainSmall:hover { background-position: bottom; }
a.btnWer_ist_BrainSmall span { visibility: hidden; }

a.btnUnterrichtenSmall
{
	display: block; width: 103px; height: 23px; text-decoration: none;
	background: url(btnUnterrichtenSmall.png) top no-repeat;
}
a.btnUnterrichtenSmall:hover { background-position: bottom; }
a.btnUnterrichtenSmall span { visibility: hidden; }

a.btnBefehleSmall
{
	display: block; width: 65px; height: 23px; text-decoration: none;
	background: url(btnBefehleSmall.png) top no-repeat;
}
a.btnBefehleSmall:hover { background-position: bottom; }
a.btnBefehleSmall span { visibility: hidden; }

a.btnRanglistenSmall
{
	display: block; width: 88px; height: 23px; text-decoration: none;
	background: url(btnRanglistenSmall.png) top no-repeat;
}
a.btnRanglistenSmall:hover { background-position: bottom; }
a.btnRanglistenSmall span { visibility: hidden; }

a.btnBest_OfSmall
{
	display: block; width: 64px; height: 23px; text-decoration: none;
	background: url(btnBest_OfSmall.png) top no-repeat;
}
a.btnBest_OfSmall:hover { background-position: bottom; }
a.btnBest_OfSmall span { visibility: hidden; }