* {
margin: 0;
padding: 0;
}

html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #000;
height: 100%;
background-color: #fff;
}
body {
margin: 0;
padding: 0;
}
#wrapper {
width: 1004px;
min-height: 670px;
}
.clear {
clear: both;
}

/* ------- header ------- */
#header {
width: 1004px;
height: 88px;
}
#logoBox {
width: 233px;
height: 88px;
float: left;
}
#logoBox a {
display: block;
width: 180px;
height: 58px;
margin-left: 53px;
margin-top: 17px;
}
#layout {
width: 380px;
height: 88px;
background-color: #fff;
float: left;
}
#hsponsorBox {
width: 391px;
height: 88px;
float: left;
}
#hs {
width: 166px;
height: 88px;
margin-left: 178px;
margin-top: 5px;
font-size: 80%;
text-align: right;
color: #ccc;
}

/* ------- oberer Layout-Bereich - Foto + 4 Sparten Bild-Navigation ------- */

#layoutMiddleBox {
width: 1004px;
height: 292px;
}
#layoutMiddleL {
width: 167px;
height: 292px;
margin-left: 60px;
margin-right: 6px;
float: left;
}
#photoBox {
width: 380px;
height: 292px;
float: left;
}
#naviPicBox {
width: 391px;
height: 292px;
float: left;
}
#naviPic1,
#naviPic2,
#naviPic3,
#naviPic4 {
width: 86px;
height: 292px;
float: left;
}

/* ------- Hauptmen� ME1 ------- */

#bottomBox {
width: 1004px;
min-height: 290px;
}

#menuBox {
width: 233px;
min-height: 290px;
float: left;
}
#menu {
width: 167px;
min-height: 250px;
margin-left: 60px;
}
#menu ul {
list-style-type: none;
}
#menu li {
line-height: 20px;
text-align: right;
font-weight: bold;
font-size: 100%;
}
#menu a {
display: block;
text-decoration: none;
}
#menu a.menu_on {
background-position: left 50%;
padding-right: 10px;
}
#menu a.menu_off {
color: #929191;
padding-right: 10px;
border-right: 3px double #fff;
}
#menu a.menu_off:hover {
color: #dc0078;
background: url(../img/menuBG_4.gif) no-repeat;
background-position: left 50%;
}

/* ------- ME 2 ------- */

#menu a.menuE2_on {
color: #dc0078;
padding-right: 10px;
}
#menu a.menuE2_off {
color: #929191;
padding-right: 10px;
}
#menu a.menuE2_off:hover {
color: #dc0078;
}

/* ------- ME 3 ------- */

#menu a.menuE3_on {
background-position: left 50%;
padding-right: 10px;
}
#menu a.menuE3_off {
color: #929191;
background-color: #fff;
font-weight: normal;
padding-right: 10px;
}
#menu a.menuE3_off:hover {
color: #dc0078;
background-position: left 50%;
font-weight: normal;
border-right: 3px double #dc0078;
padding-right: 10px;
}


/* ------- Contentbereich ------- */

#contentBox {
width: 350px;
min-height: 260px;
float: left;
padding: 0 15px 15px 15px;
color: #666;
}
#contentBox h2 {
font-size: 100%;
font-weight: bold;
padding: 3px 0 15px 0;
color: #666;
}
#contentBox .h3 {
 margin: 10px 0 6px 0; 
 font-weight: bold;
}
#contentBox table {
 width: 360px;
}
#contentBox td {
 vertical-align: top;
}
#contentBox .time {
 padding-right: 6px;
 font-weight: bold;
 white-space: nowrap;
}
#contentBox .title {
 font-weight: bold;
}
#contentBox .fatred {
 font-weight: bold;
 color: #f00;
}
#contentBox .location {
 padding-top: 4px;
}
#contentBox .trenner {
 height: 12px;
}
#contentBox_big h2,
#contentBox_bigSP h2,
#contentBox_bigR h2 {
color: #666;
font-size: 110%;
font-weight: bold;
padding: 3px 0 15px 0;
}
#contentBox a,
#contentBox_big a {
color: #dc0078;
text-decoration: none;
}
#contentBox a:hover,
#contentBox_big a:hover {
text-decoration: underline;
}

#contentBox_big {
width: 537px;
min-height: 260px;
float: left;
padding: 0 0 15px 15px;
color: #666;
}

#contentBox_bigSP {
width: 750px;
min-height: 260px;
float: left;
padding: 0 0 15px 15px;
color: #666;
}
div.sponsorenlist {
 margin-bottom: 10px;
}

td.partnerbanner {
 padding: 10px 0 40px 60px;
}

div.spielstart {
 padding: 10px 0 12px 0;
}

/* ------- gutscheinformular ------- */

.line {
height: 25px;
}
.groupheading {
padding-top: 25px;
padding-bottom: 15px;
text-align: left;
}
.withlabel, td {
vertical-align: top;
text-align: left;
}

/* ------- News Startseite ------- */

#newsBox {
width: 321px;
min-height: 250px;
float: left;
padding: 0 20px 20px 20px;
}
#newsBox h2 {
color: #666;
font-weight: bold;
font-size: 95%;
padding-top: 3px;
}

#newsBox .newsTitle {
font-size: 85%;
color: #666;
margin-bottom: 4px;
}
#newsBox .newsText {
font-size: 85%;
color: #929191;
border-bottom: 1px dotted #ccc;
}
#newsBox .newsBold {
font-weight: bold;
}
#newsBox a {
color: #dc0078;
text-decoration: none;
margin-left: 290px;
}
#newsBox a:hover {
text-decoration: underline;
}


/* ------- Spielplan ------- */

#months {
width: 547px;
height: 40px;
}

#months a {
color: #dc0078;
text-decoration: none;
font-weight: bold;
padding: 5px;
}
#months a.SP_on {
background-color: #efefef;
padding: 5px;
}
#months a.SP_off:hover {
text-decoration: underline;
}
.dateBox {
margin-left: -2px;
}
.day {
font-size: 70%;
}
#contentBox_bigSP .tableSP {
border: 0;
border-collapse: collapse;
}
#contentBox_bigSP .tableSPdate {
border: 0;
}
#contentBox_bigSP .tdSPdate {
background-color: #dc0078;
vertical-align: top;
color: #fff;
font-size: 280%;
font-weight: bold;
background: #dc0078;
line-height: 25px;
height: 30px;
							width: 80px;
}
#contentBox_bigSP .tdSPmonth {
background-color: #dc0078;
vertical-align: top;
height: 100px;
color: #fff;
font-size: 150%;
font-weight: bold;
border-bottom: 3px solid #fff;
}
#contentBox_bigSP .tdSPcontent {
background-color: #efefef;
vertical-align: top;
							width: 345px;
padding: 10px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
font-size: 95%;
}
#contentBox_bigSP h3 {
color: #dc0078;
font-weight: bold;
font-size: 115%;
padding: 5px 5px 15px 0;
}
div.untertitel {
  min-height: 12px;
  margin-bottom: 2px;
}
div.spLocation {
  font-weight: bold;
  margin-bottom: 4px;
}
a.spLocation {
  color: #000;
  text-decoration: none;
}
#contentBox_bigSP .tdSPtix {
background-color: #efefef;
width: 82px;
vertical-align: top;
padding-top: 8px;
padding-left: 5px;
border-bottom: 3px solid #fff;
font-weight: bold;
font-size: 95%;
color: #f00;
}
#contentBox_bigSP a.h3 {
color: #dc0078;
text-decoration: none;
}
#contentBox_bigSP a:hover {
text-decoration: underline;
}
#contentBox_bigSP li,
#contentBox_big li,
#contentBox li {
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

/* ------- SP sponsor ------- */

.SPsponsor {
width: 120px;
padding: 20px 0 20px 31px;
}

/* ------- Repertoire ------- */

#contentBox_bigR {
width: 537px;
float: left;
padding: 0 0 15px 15px;
color: #666;
}
#contentBox_bigR a {
color: #dc0078;
text-decoration: none;
}
#contentBox_bigR a:hover {
text-decoration: underline;
}
#contentBox_bigR .tableR {
border: 0;
border-collapse: collapse;
}
#contentBox_bigR .tdRLayout {
width: 34px;
height: 34px;
background: #dc0078;
border-bottom: 1px solid #fff;
}
#contentBox_bigR h3 {
font-weight: bold;
color: #dc0078;
font-size: 110%;
}
#contentBox_bigR .tdRText {
width: 503px;
min-height: 34px;
background: #efefef;
border-bottom: 1px solid #fff;
color: #666;
padding: 10px;
}
.spacer {
height: 30px;
}



/* ------- Stadt Bremerhaven Logo ------- */
#bremerhaven {
width: 90px;
height: 45px;
margin-left: 60px;
margin-top: 8px;
background: url(../img/img_bremerhaven_logo.gif) no-repeat;
float: left;
}
#bremerhaven a {
display: block;
width: 90px;
height: 45px;
}

 /* ------- footer ------- */
#footer {
width: 300px;
height: 20px;
color: #666;
font-size: 75%;
padding-top: 4px;
margin-left: 250px;
margin-top: 8px;
border-top: 1px dotted #ccc;
}
#footer a {
text-decoration: none;
color: #666;
}
#footer a:hover {
text-decoration: underline;
}

/* ------- workflow ------- */
.wkf_menu {
height: 20px;
font-size: 11pt;
margin-left: 60px;
/* visibility: hidden; */
}
.wkf_content,
.wkf_news,
.wkf_sp {
height: 20px;
font-size: 11pt;
/* visibility: hidden; */
}
.wkf_export {
height: 20px;
font-size: 11pt;
margin-top: 20px;
margin-left: 100px;
}


/* ------- formular ------- */

.form h3 {
font-size: 95%;
padding-bottom: 10px;
padding-top: 15px;
}
textarea {
width: 290px;
height: 110px;
}
#kontaktdaten label,
#kontaktdaten input {
 display: block;
 float: left;
}
#kontaktdaten label {
 width: 150px;
}
.c {
 height: 10px;
 clear: left;
}




/*========*/
.invis, hr {
display: none;
}
img {
border: 0 none;
}