/* General */

body {
  background: url(bg.jpg) darkred fixed;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family:Arial, sans-serif;
  font-size: 0.73em;
  line-height:1.6em;
  color: #000000;
}

h1, h2, h3, h4, h5, 
p, 
td, th, 
ul, ol, blockquote, input, textarea, select { 
  font-family: Arial, helvetica; 
}
pre {
  font-family: monospace; 
}
a:link,
a:visited { 
  color: #003399; 
}
a:active,
a:hover { 
  color: black; 
  text-decoration: underline;
}
form { 
  margin: 0px 0px 0px 0px;
}
p, pre { 
  margin: 0px 0px 0px 0px; 
}
p, td, ul, ol { 
  line-height:1.4em; 
}
p
{
  line-height:1.6em;
}
input, 
textarea, 
select { 
  padding-left: 1px; 
}

.c
{
  clear:both;
  height:1px;
  line-height:1px;
}


ol
{
  margin:0px;
  list-style:none;
  padding:10px 0px;
}

div.intLink a:link,
div.intLink a:visited,
a.intLink:link,
a.intLink:visited,
ol li a:link,
ol li a:visited 
{
  padding-left:14px;
  background:url(#) no-repeat 0px 3px;
}

ol li a:link,
ol li a:visited
{
  line-height:2em;
}

a img
{
  border:0px;
}


/* Layout */
#base {
  margin:0px auto;
  width:943px;
  text-align:left;
  overflow:hidden;
  background:white;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
}
#base div.topLinks
{
  background:darkred;
  height:19px;
  padding:1px 0px 0px 10px;
}
#base div.topLinks a:link,
#base div.topLinks a:visited
{
  float:left;
}

#base div.topLinks a:link img,
#base div.topLinks a:visited img
{
  margin:4px 0px 0px 5px;
}

#base div.topLinks ul
{
  list-style:none;
  margin:0px 0px 0px 262px;
  padding:0px;
}
#base div.topLinks li
{
  float:left;
  list-style:none;
  padding:0px;
}

#base div.topLinks li a:link,
#base div.topLinks li a:visited
{
  color:#cccccc;
  font-size:.95em;
  display:block;
  padding:1px 18px 0px 12px;
  text-decoration:none;
}

#base div.topLinks a:active,
#base div.topLinks a:hover
{
  text-decoration:underline;
}


#base div.topLinks a.pr:link,
#base div.topLinks a.pr:visited
{
  background:url(#) no-repeat;
  padding-left:15px;
}
#base div.topLinks a.hv:link,
#base div.topLinks a.hv:visited
{
  background:url(#) no-repeat;
  padding-left:22px;
}
#base div.topLinks a.tz:link,
#base div.topLinks a.tz:visited
{
  background:url(#) no-repeat;
  padding-left:20px;
}
#base div.topLinks a.bg:link,
#base div.topLinks a.bg:visited
{
  background:url(#) no-repeat;
  padding-left:21px;
}
#base div.topLinks a.mg:link,
#base div.topLinks a.mg:visited
{
  background:url(#) no-repeat;
  padding-left:29px;
}
#base div.topLinks a.nl:link,
#base div.topLinks a.nl:visited
{
  background:url(#) no-repeat;
  padding-left:14px;
}
#base div.topLinks a.mm:link,
#base div.topLinks a.mm:visited
{
  background:url(#) no-repeat;
  padding-left:14px;
}


ul.menu,
div.level2 ul, 
div.level3 ul
{
  list-style:none;
  margin:0px;
  padding:0px;
  width:943px;
  height:25px;
  clear:left;
}

ul.menu
{
  border-top:1px solid #4969a7;
  background:url(#);
}

div.level2 ul
{
  padding-left:10px;
  background:url(#) #e7e7e7;
}
div.level3
{
  height:25px;
  background:#f5f5f5;
}

ul.menu li,
div.level2 ul li,
div.level3 ul li
{
  float:left;
  font-weight:bold;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
ul.menu li a:link,
ul.menu li a:visited
{
  color:#cccccc;
  width:95px;
  text-align:center;
  padding:4px;
  display:block;
  border-bottom:1px solid #4969a7;
  border-right:1px solid #4969a7;
  text-decoration:none;
}
#link_ml398:link,
#link_ml398:visited
{
  width:103px;
  border-right:0px;
  text-decoration:none;
}
ul.menu li a.act:link,
ul.menu li a.act:visited 
{
  border-bottom:1px solid #e4e4e5;
  background:#4969a7 url(#);
  color:#023493;
  text-decoration:none;
}
ul.menu li a:active,
ul.menu li a:hover
{
  color:white;
  text-decoration:none;
}

div.level2 ul li a:link,
div.level2 ul li a:visited
{
  display:block;
  font-weight:normal;
  padding:5px 8px 3px 8px;
  font-size:.95em;
  color:black;
  text-decoration:none;
}

div.level2 ul li a:active,
div.level2 ul li a:hover
{
  text-decoration:none;
  color:red;
}

div.level2 ul li.act a:link,
div.level2 ul li.act a:visited
{
  border-left: 1px dotted red;
  border-right: 1px dotted red;
  background:url(menu.lvl2.bg.act.png) red;
  color:red;
}

div.level2 ul li.actsub a:link,
div.level2 ul li.actsub a:visited
{
  border-left: 1px dotted red;
  border-right: 1px dotted red;
  background-image:none !important;
  background:#f5f5f5;
  color:red;
}

div.level3 ul
{
  background: url(#);
  padding-left:10px;
}

div.level3 ul li a:link,
div.level3 ul li a:visited 
{
  font-weight:bold;
  font-size:.95em;
  color:black;
  display:block;
  padding:4px 8px 4px 8px;
  margin:0px px 0px 18px;
  font-weight:normal;
  text-decoration:none;
  border-right:1px dotted #a4b4d3;
}

div.level3 ul li.act a:link,
div.level3 ul li.act a:visited
{
  color:red;
}

div.level3 ul li a:hover,
div.level3 ul li a:active
{
  color:red;
  text-decoration:none;
} 

#mainContent
{
  background:url(mainContent.bg.png) repeat-y;
}


/* left */
#left
{
  float:left;
  width:102px;
  overflow:hidden;
  border-top:1px solid white;
}


/* Content */
#content {
  float:left;
  width:558px;
  margin:0px;
  padding:20px 36px 20px 35px;
  line-height:1.8em;
}

#content .article
{
  line-height:1.5em;
}

#content .articleImg
{
  float:left;
  margin:0px 10px 0px 0px;
}
#content .articleList
{
  padding:5px 0px 5px 0px;
  border-bottom:1px solid #cccccc;
}


#content div.werCont
{
  background:red;
  border-top:1px solid #e7e7e7;
  border-bottom:1px solid #e7e7e7;
  padding:0px 0px 10px 45px;
  font-size:.8em;
  color:red;
  margin:0px 0px 10px 0px;
}
#content div.werCont div
{
  padding-left:4px;
}

#content .date
{
  font-size:.95em;
  color:#999999;
  padding:4px 0px 0px 0px;
  margin:0px;
  height:13px;
}

#content h1
{
  background:url(#) no-repeat 0px 2px;
  font-size:.95em;
  padding:0px 0px 2px 6px;
  text-transform:uppercase;
  letter-spacing:0.1em;
}
#content h1 a:link,
#content h1 a:visited
{
  float:right;
  color:red;
  text-transform:none ;
  background:url(#) no-repeat 0px 6px;
  padding-left:12px;
  letter-spacing:0em;
  font-weight:normal;
}

#content h2
{
  font-size:1.3em;
  margin:4px 0px 2px 0px;
  padding:0px;
}

#content h3
{
  background:url(#) no-repeat 0px 6px;
  padding-left:14px;
  font-size:1em;
}


#content img
{
  margin:0px 0px 5px 0px;
}
#content .dates
{
  float:left;
  width:249px;
  background:#f5f5f5;
  padding:6px 10px 10px 10px;
  line-height:1.4em;
  font-size:.95em;
}
#content .dates div.head
{
  color:#666666;
}
#content .dates div.sub strong
{
  color:#003366;
}
#content .dateLeft
{
  margin-right:20px;
}
#content .portrait
{
  width:320px; 
  height:75px;
}
#content .portrait span.jersey
{
  color:#003399;
  font-size:4em;
  font-weight:bold;
  display:block;
  float:left;
  padding:20px 0px 10px 75px;
  width:60px;
}
#content .portrait span.profileName
{
  display:block;
  float:left;
  font-size:1.6em;;
  padding:29px 0px 0px 0px;
  width:184px;
  overflow:hidden;
}
#content .profilePicture
{
  padding-left:15px;
}
#content .teamPosition
{
  color:#003399;
  font-weight:bold;
}
#content .teamName
{
  font-size:1.8em;
  display:block;
  padding-top:6px;
}

table.profile td
{
  font-size:.95em;
  padding:4px 6px;
  vertical-align:top;
  color:#003399;
}

table.gray td
{
  background:#f5f5f5;
  padding:2px 4px;
  color:#003399;
  width:100%;
}



/* right */
#right
{
  float:left;
  width:187px;
  padding:0px 12px;
  overflow:hidden;
  border-top:1px solid white;
}

#right h1
{
  font-size:.95em;
  font-weight:normal;
  text-transform:uppercase;
  color:#cccccc;
  padding:0px 6px;
  background:url(head.jpg);
  border-bottom:1px solid white;
  width:176px;
  margin:0px;
}
#right div.featureContent
{
  padding:0px 6px;
  color:#ffffff;
  font-size:.95em;
  width:176px;
  background:#990000 url(#);
  overflow:hidden;
}
#right div p,
#right div p div
{
  width:167px !important;
  padding:10px 6px;
}

#right div p a:link,
#right div p a:visited
{
  background:url(#) no-repeat 0px 3px;
  padding-left:14px;
  color:#cccccc;
}



.tableSettings
{
  background:#f5f5f5;
  padding:10px;
  margin:15px 0px 0px 0px;
  color:#003366;
  font-weight:bold;
 
}

.tableSettings select
{
  margin-left:5px;
  font-weight:normal;
  font-size:.95em;
}

.seasonTable
{
  width:558px;
}

.seasonTable th,
.seasonTable td
{
  background:#f5f5f5;
  border-top:1px solid white;
  color:#003399;
  padding:3px 2px;
}

.seasonTable th
{
  background:#013494;
  color:white;
  text-transform:uppercase;
  font-weight:normal;
  font-size:.9em;
}
.seasonTable td
{
  font-size:.98em;
}

div.articleLogo
{
  width:279px;
  float:left;
  font-size:1.3em;
  font-weight:bold;
  color:#003399;
  text-align:center;
  margin-bottom:10px;
}

div.articleLogo img
{
  margin-bottom:10px;
}

div.result
{
  background:#003399 url(#);
  font-size:2.2em;
  font-weight:bold;
  color:white;
  padding:8px 0px;
  text-align:center;
}
div.result span
{
  font-size:.6em;
}
.headGray
{
  background:#cccccc url(#) !important;
  padding:1px 6px;
  font-weight:bold;
  color:#003399;
  border-top:1px solid white;
}
div.gamereport
{
  float:left;
  width:267px;
  padding:1px 6px;
  background:#f5f5f5;
  font-size:.98em;
  color:#003399;
}
div.full
{
  width:546px;
}

div.left
{
  width:266px;
  border-right:1px solid white;
}

div.additionalInfos ul
{
  margin:4px 0px;
  list-style:none;
}
div.additionalInfos ul li
{
  
}





/* Footer */
div.footer {
  background:#990000;
  color:#cccccc;
  margin-left:102px;
  padding:6px 35px;
  height:21px;
  font-size:.95em;
}
div.footer ul
{
  padding:0px;
  margin:0px:
}
div.footer div,
div.footer ul,
div.footer ul li
{
  float:left;
  display:block;
}

div.footer li.copy
{
  margin-right:50px;
}
div.footer li.networker
{
  margin-left:260px;
  width:140px;
}
/* Footer Links */
div.footer a:link,
div.footer a:visited {
  color:#cccccc;
  text-decoration:none;
  padding:0px 4px;
}


/******************/
/* Headers, plain */
/******************/
h1, h2, h3, h4 { color: red; }
h1, h2, h3, h4, H5, H6 { margin: 0px 0px 6px 0px; }
h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Headers, with link */
h1 a:link, h1 a:visited, 
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited, 
h4 a:link, h4 a:visited, 
h5 a:link, h5 a:visited { 
  color: red;
  text-decoration: none; 
}

h1 a:hover, h1 a:active, 
h2 a:hover, h2 a:active, 
h3 a:hover, h3 a:active, 
h4 a:hover, h4 a:active, 
h5 a:hover, h5 a:active { 
  text-decoration: underline; 
}

/* Header date */
p.csc-header-date { color: #666; }

/* Subheader, general */
p.csc-subheader {  }

/* Subheader, specific */
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: red; }
p.csc-subheader-2 { color: red; }
p.csc-subheader-3 { color: red; }

/*******************/
/* RTE / Bodytext: */
/*******************/
p.bodytext { color: #000000; }
p.bodytext a:link,
p.bodytext a:visited { font-weight: normal; }
p.bodytext img { margin:2px 10px !important }

/* RTE / Bulletlists */
ul { margin-top: 0px;  }
ul ul li {  }
ol { margin-top: 0px; }
li { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/**********/
/* Images */
/**********/

/* Images / Captions */
p.csc-caption { font-style: italic; }

/* Images / Tables / Floating text */
table.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
table.imgtext-nowrap { border: 0px; }
table.imgtext-nowrap h1, table.imgtext-nowrap h2, table.imgtext-nowrap h3, table.imgtext-nowrap h4, table.imgtext-nowrap H5 { margin-top: 0px; }

/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
ul.csc-bulletlist li {  }

/* Bulletlists, specifically */
ul.csc-bulletlist-0 { color: #000000; }
ul.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
ul.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
ul.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }


/************************/
/* filelinks, generally */
/************************/
table.csc-uploads { border: 0px; }
table.csc-uploads tr td p { background-color : transparent;  }
table.csc-uploads tr td { vertical-align : top; }
table.csc-uploads tr.tr-even { background-color: #edebf1; }
table.csc-uploads tr.tr-odd { background-color: #d8d7dc; }
table.csc-uploads tr td.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
table.csc-uploads tr td.csc-uploads-filename { width: 80%; padding-left: 5px; }
table.csc-uploads tr td.csc-uploads-filename p a { font-weight: bold; }
table.csc-uploads tr td.csc-uploads-filename p.csc-uploads-description { font-style: italic; }
table.csc-uploads tr td.csc-uploads-filesize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* filelinks, specifically */
table.csc-uploads-1 { border-color: #186900; }
table.csc-uploads-2 { border-color: #10007b; }
table.csc-uploads-3 { border-color: #8a0020; }
table.csc-uploads-3 tr td { vertical-align: middle; }
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { border: 2px solid #333333; }
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { border: 2px solid #333333; }
				


/*****************/
/* various forms */
/*****************/

/* email, login and search forms generally: */
form table tr td { padding-left: 5px; padding-right: 20px; }
form table tr td.csc-img-labelcell, form table tr td.csc-img-commentcell { background-color: red; }
form table tr td.csc-img-fieldcell { background-color: #edebf1; }
form table tr td.csc-img-fieldcell input, form table tr td.csc-img-fieldcell select, form table tr td.csc-img-fieldcell textarea { border: 1px solid #333333; }
form table tr td.csc-img-labelcell p.csc-img-label-req { font-weight: bold; }

/* email img, specifically */
form table.csc-mailimg tr td.csc-img-labelcell  { }

/* search img, specifically */
form table.csc-searchimg { width: 100%; }
form table.csc-searchimg tr td { padding: 5px 5px 5px 5px; }
form table.csc-searchimg tr td.csc-img-labelcell, form table.csc-searchimg tr td.csc-img-commentcell { font-weight: bold; }
form table.csc-searchimg tr td.csc-img-fieldcell input, form table.csc-searchimg tr td.csc-img-fieldcell select { width: 100%; }

/* login img, specifically */
form table.csc-loginimg { width: 70%; }


/*****************/
/* Search result */
/*****************/

/* Search Result, result inimgation box: */
table.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
table.csc-searchResultInfo TR { background-color: #EDEBF1; }
table.csc-searchResultInfo TR TD p { padding: 0px 5px 0px 5px;}
table.csc-searchResultInfo TR TD.csc-searchResultRange p { font-weight: bold; }
table.csc-searchResultInfo TR TD.csc-searchResultprevNext { text-align: right; }

/* Search Result, header + abstract: */
h3.csc-searchResultHeader A { color: #186900; }
h3.csc-searchResultHeader { background-color: #EDEBF1; padding-left: 5px; }
p.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
span.csc-sword { font-weight: bold; color: red; }

/****************************************/
/* Frontend editing / TYpO3 Admin panel */
/****************************************/
img.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin panel */
table.typo3-adminpanel { border: 1px solid black; background-color: #F6F2E6; }
table.typo3-adminpanel TR.typo3-adminpanel-hRow TD { background-color: #9BA1A8; }
table.typo3-adminpanel TR.typo3-adminpanel-itemHRow TD { background-color: #ABBBB4; }
table.typo3-adminpanel table, table.typo3-adminpanel TD { border: 0px; }
table.typo3-adminpanel TD FONT {  color: black; }
table.typo3-adminpanel TD A FONT {  color: black; }			
table.typo3-editpanel { border: 1px solid black; background-color: #F6F2E6; }
table.typo3-editpanel TD { border: 0px; }


.csi-intext-right img {
  float:right;
  border-left:5px solid white;
}
.csi-intext-left img {
  float:left;
  border-right:5px solid white;
}
.csi-intext-right-nowrap .csi-text {
  /*margin-right: 215px; will have to be an inline style - controlled by TS*/
}

*html .csi-intext-right-nowrap .csi-text {
  height: 1%;
}

.csi-intext-right-nowrap .csi-image {
  float: right;
  clear: both;
}

.csi-intext-left-nowrap .csi-text {
  /*margin-left: 215px;will have to be an inline style - controlled by TS*/
}

.csi-intext-left-nowrap .csi-text div.textpic
{
  display:block;
  float:left;
  width:55%;
}

*html .csi-intext-left-nowrap .csi-text {
  height: 1%;
}

.csi-intext-left-nowrap .csi-image {
  float: left;
  clear: both;
  margin: 0px 10px 0px 0px;
}

.csi-center .csi-image {
  text-align:center;
}
.csi-right .csi-image {
  text-align:right;
}
.csi-left .csi-image {
  text-align:left;
}


#content > p > a[target="_blank"] {
  font-weight:normal;
}


table,
td
{
  border:1px solid white;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
}


form.register label
{
  float:left;
  width:120px;
  padding:0px 0px;
  font-weight:bold;
}

form.register input,
form.register textarea
{
  margin:2px 0px;
  width:200px;
}


/**
 * formmailer
 **/ 
form.contactForm {
  margin-bottom:20px;
} 

form.contactForm div.formField {
  clear:left;
  margin:0px;
  padding:2px 0px;
}

form.contactForm label,
form.contactForm div.label {
  font-size:.9em;
  font-weight:bold;
  float:left;
  color:black;
  width:40%;
  display:block;
  margin-top:12px;
}

form.contactForm div.label {
  margin-top:10px;
  font-size:.9em;
}

form.contactForm label span,
form.contactForm div.label span {
  font-size:.8em;
  font-weight:normal;
  color:#666;
}

form.contactForm div.input {
  float:left;
  width:55%;
  margin:0px;
  padding:12px 0px 0px 5px;
}

form.contactForm input.box,
form.contactForm input.radio {
  clear:left;
  float:left;
  padding:0px;
}

form.contactForm div.input label {
  float:left;
  font-weight:normal;
  font-size:.9em !important;
  margin:2px 0px 0px 5px;
}


form.contactForm input.text,
form.contactForm textarea
{
  width:100%;
  font-size:.9em;
  border:1px solid #aaa;
  padding:2px 3px;
  font-family:Arial, Verdana, sans-serif;
}

form.contactForm textarea
{
  height:80px;
}

form.contactForm p.submit
{
  clear:left;
  padding-top:10px;
}

form.contactForm p.submit input
{
  font-size:.9em;
}

form.contactForm p.info
{
  padding-top:10px;
  font-size:.7em !important;
}

.formError {
  border:1px solid #ff0000;
  background:#fff0f0;
  padding:2px 4px;
  text-align:center;
  font-weight:bold;
  font-size:.9em;
}

div.picture_gallery img
{
  border-right:10px solid white;
}

div.article img
{
  border-right:10px solid #ffffff;
}

a.speziell:link {
   background-color: #990000;
   color:            #ffffff;
}

a.speziell:visited {
   background-color: #990000;
   color:            #ffffff;
}

a.speziell:hover {
   background-color: #990000;
   color:            #ffffff;
}

a.speziell:active {
   background-color: #990000;
   color:            #ffffff;
}