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

body {
	background: url('../hintergruende/hg_seite.gif') repeat-X;
	text-align: justify;
	font-size:14px;
	line-height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style1 {
	background-color: #FFFF00;
	font-weight:bold;
}

.style2 {
	color: #BD131D;
	font-weight: bold;
}



.titel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1.5em;
    text-align: center;
    font-weight:bold;
    color:#DE0F19;
}


.slogan_a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#DE0F19;
}

.slogan_b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#0033CC;
}


.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    text-align: center;
    color:#DE0F19;
}

/* Elemente zentrieren */

.mitte{
  margin: auto;
  padding: auto;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.zentriert{
text-align: center;
}
.blocksatz{
text-align: justify;
}
.bildabstand {
    margin: 10px;
}

a { 
   color:#97070b; 
   text-decoration:none;
}

a:hover { 
   text-decoration:underline;
}

p { 
   padding: 0 10px 5px 10px;
   text-align:justify;
}

h1 { 
   margin:0; 
   padding-left:10px;
   padding-top:0px;
   padding-right:20px;
   padding-bottom:0px;
   text-transform:uppercase;
   font-size:1.5em;
   color:#DE0F19;
   font-weight:bold;
   font-style: italic;
}

h2 { 
   margin:0; 
   padding:10px 0 0 10px;
   text-transform: none;
   font-size:1.4em;
   color:#DE0F19;
   font-weight:bold;
   font-style: italic;
}

h3 { 
   margin:0; 
   padding-left:10px;
   padding-top:0px;
   padding-right:20px;
   padding-bottom:0px;
   text-transform:upper;
   text-transform: none;
   font-size:1.3em;
   color:#0065CA;
   font-weight:bold;
   font-style: italic;
}

#inhalt strong {
	color:#BD131D;
	background:#FFCC66;
	padding:1px 4px 3px 4px;
}

/* Kopf */

#kopf {
	height: 271px;
	width: 980px;
	margin: 0 auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/* tableface */

#tableface { 
   width:75%;
   margin: auto;
   padding: auto;
   border-collapse: collapse;
   border: 1px solid #839E99;
   background: #FFFFCC;
   font: 0.85em Georgia, "Times New Roman", Times, serif;
   color: #000000;
   text-align:justify;
}

th { 
   padding: 3px 5px 5px 5px;
   line-height: 1.3em;
   border: 1px solid #000000;
}

#tableface td { 
   padding: 3px 5px 5px 5px;
   line-height: 1.3em;
   border: 1px solid #000000;
   height:25px;
}

#tableface th { 
   background: #839E99;
   height:25px;
}

tfoot {
   background: url('../images/menu_hg4.jpg');
   height:25px;
}

#tableface thead {
   background: url('../images/menu_hg4.jpg');
   height:25px;
}

#tableface .odd td {
    background: #D7EBFF;
    border: 1px solid #000000;
}

#tableface odd th {
    background: #6E8D88;
    height:25px;
}


/* Banner */

#banner_eins {
   height: 271px;
   background: url('../banner_bilder/banner_alster.jpg') no-repeat;
}

#banner_zwei {
   height: 271px;
   background: url('../banner_bilder/banner_binnenalster.jpg') no-repeat;
}

#banner_drei {
   height: 271px;
   background: url('../banner_bilder/banner_davids_wache.jpg') no-repeat;
}

#banner_vier {
   height: 271px;
   background: url('../banner_bilder/banner_rickmer-rickmers.jpg') no-repeat;;
}

#banner_fuenf {
   height: 271px;
   background: url('../banner_bilder/banner_skyline.jpg') no-repeat;
}

#banner_sechs {
   height: 271px;
   background: url('../banner_bilder/banner_spielcasino.jpg') no-repeat;
}

#banner_sieben {
   height: 271px;
   background: url('../banner_bilder/banner_stintfang.jpg') no-repeat;
}

#banner_acht {
   height: 271px;
   background: url('../banner_bilder/banner_elbe4.jpg') no-repeat;
}
#banner_neun {
   height: 271px;
   background: url('../banner_bilder/banner_herz.jpg') no-repeat;
}



/* Logo */

#logo1 h1 {
	margin: 0;
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 80px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo2 h1 {
	margin: 0;
	float: left;
	padding-top: 115px;
	padding-left: 140px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo3 h1 {
	margin: 0;
	float: right;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo4 h1 {
	margin: 0;
	float: left;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo5 h1 {
	margin: 0;
	float:right;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo6a h1 {
	margin: 0;
	float: left;
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo6b h1 {
	margin: 0;
	float: right;
	padding-top: 120px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo7 h1 {
	margin: 0;
	float: left;
	padding-top: 120px;
	padding-left: 270px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo8 h1 {
	margin: 0;
	float: right;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 150px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo9 h1 {
	margin: 0;
	float: right;
	padding-top: 60px;
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	text-transform: none;
	letter-spacing: -2px;
	font-size: 4em;
	font-weight: normal;
	color: #FFFFFF;
}



    /* Navigation */
    
#navigation {
    height: 30px;
	width: 980px;
	margin: 0 auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/* Sidebar */

#sidebar {
    float:left;
    width:183px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 0px;
    font-size:13px;
}

#sidebar h1 {
    margin:0;
    text-transform:uppercase;   
    font-size:13px;
    color:#000000;
    font-weight:bold; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px
}

.item img {
   background:#BD131D;
   padding:4px;
   border:1px solid #d0d0d0;
}

.item a {
   display:block;
   float:left;
   font-size:15px;
   color:#DE0F19;
}

.description {
   display:block; 
   float:right; 
   width:180px; 
   padding: 0 0 20px 0; 
   line-height:12px;
   font-size:1.0em;
   font-weight:bold;
   text-align: left;
   color:#0033CC;
}

/* Start Mouseover Images */

.template_thumb img {
    display:block;
    padding:0px;
    border: 6px solid #DE0F19;
}


/* inhalt */

#inhalt {
	width: 980px;
	margin: 0 auto;
}

#spalte_links  {
	float: left;
	width: 198px;
	line-height: 25px;
	font-size: 15px;
	color: #0033CC;
	border-left: 1px solid #000000;
	background: url('../sidebar/arrowgreen.gif');
}

#spalte_rechts {
	float: right;
	width: 779px;
	line-height: 25px;
	font-size: 15px;
	color:#0033CC;
	border-right: 1px solid #000000;
	background: url('../hg_noten/hg_noten7.gif');
}


/* Fuss */

#fuss {
   width: 980px;
   margin: 0 auto;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   background:#000 url('../hintergruende/hg_fuss.gif') repeat-x;
   height:57px;
   clear:both
}

#left_fuss {
   float:left;
   color:#F8E653; font-size:10px; padding-left:30px; padding-right:0; padding-top:20px; padding-bottom:0
}

#left_fuss a {
   color:#F8E653;
}


#right_fuss {
   float:right;
   padding:20px 30px 0 0;
   color:#F8E653;
   font-size:10px;
   text-align:right;
}
