/* stylesheet svharkebruegge.de
 * (c) kelsaka.de
 */
 
@import "news.css";
@import "other.css"; 

body {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-image:url(../images/background-grey-left-large.jpg);
  background-repeat:no-repeat;
  background-position:top left;  
}

h1 {
  font-size:large;
  padding-top:35px;
  padding-bottom:10px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#E10101;
  clear:left;
}

h2 {
  font-size:large;
  font-weight:200;
  padding-top:25px;
  padding-bottom:5px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#DDDDDD;  
  clear:left;
}

a {
  text-decoration: none;
  color:#E10101;
}

a:hover {
  text-decoration: underline;
  color:#E10101;
}

/* HEADER */
#header {
  height:247px;
}

#logo-top-left {
  left:0px;
  top:0px;
  width:307px;
  height:247px;
}

#logo-top-left a, #logo-top-left a img {
  text-decoration:none;
  border-style:none;
}

#header-right {
  position:absolute;
  left:307px;
  right:0;
  top:0;
  height:247px;
  width:auto;
  background-image:url(../images/header-right.png);
  background-repeat:no-repeat;
}

#header-navigation-path {
  position:absolute;
  left:265px;
  right:0;
  top:215px;
  height:15px;
  color:#000000;
}

#header-navigation-path a {
  color:#000000;
  text-decoration: underline;
}

#header-navigation-path a:hover {
  text-decoration: none;
}

#header-writing-svharkebruegge {
  position:absolute;
  right:0;
  
  /*top:140px;
  width:751px;
  height:58px;  
  background-image:url(../images/header-writing-svharkebruegge.gif); */

  top:90px;
  width:700px;
  height:100px;  
  background-image:url(../images/header-writing-svh-90-jahre.gif);   
  
  background-repeat:no-repeat;
  background-position:right;
}

#header-sporticons {
  position:absolute;
  right:0;
  top:0;
  width:205px;
  height:33px;
  /*background-image:url(../images/m-rt-sporticons.gif);*/
  background-repeat:no-repeat;
  background-position:right;  
}

/* MAIN */
#main {
  margin-top:-12px;
}

#left-menu {
  width: 205px;
  float: left;
}

#left-menu-main {
  padding-top:20px;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}

#left-menu-main a {
  background-image:url(../images/m-arrow-red.gif);
  background-position:left;
  background-repeat:no-repeat;
  margin-left:0px;
  padding-left:15px;
  color:#000000;
}

.left-menu-main-header {
  padding-left:10px;
  margin-left:-5px;
  padding-top:10px;
  margin-top:5px;  
  padding-bottom:0px;
  margin-bottom:-10px;
  width:205px;
  height:36px;
  background-image:url(../images/m-heading.gif);  
  background-position:top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  font-weight:bold;
}

.left-menu-main-level-1 {
  padding-left:10px;
  margin-left:-5px;
  padding-top:5px;
  margin-top:0px;  
  padding-bottom:5px;
  margin-bottom:0px;
  width:205px;
  
  background-image:url(../images/m-back-l1.gif);
  background-position:top;
  background-repeat:no-repeat;
}

.left-menu-main-level-1-act {
  padding-left:10px;
  margin-left:-5px;
  padding-top:5px;
  margin-top:0px;  
  padding-bottom:5px;
  margin-bottom:0px;
  width:205px;
  
  background-image:url(../images/m-back-l1-hover.gif);
  background-position:top;
  background-repeat:no-repeat;  
  font-weight:bold;
}

.left-menu-main-level-1:hover {
  background-image:url(../images/m-back-l1-hover.gif);
}

.left-menu-main-level-2 {
  padding-left:40px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:-20px;
  margin-right:5px;
  margin-top:0px;  
  margin-bottom:0px;
  width:185px;
  
  background-image:url(../images/m-back-l2.gif);
  background-position:top;
  background-repeat:no-repeat;
}

.left-menu-main-level-2-act {
  padding-left:40px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:-20px;
  margin-right:5px;
  margin-top:0px;  
  margin-bottom:0px;
  width:185px;
  
  background-image:url(../images/m-back-l2-hover.gif);
  background-position:top;
  background-repeat:no-repeat;  
  font-weight:bold;
}

.left-menu-main-level-2:hover {
  background-image:url(../images/m-back-l2-hover.gif);
}

.left-menu-main-level-3 {
  padding-left:70px;
  padding-right:35px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:-35px;
  margin-right:5px;
  margin-top:0;  
  margin-bottom:0;
  width:170px;
  
  background-image:url(../images/m-back-l3.gif);
  background-position:top;
  background-repeat:no-repeat;
}

.left-menu-main-level-3-act {
  padding-left:70px;
  padding-right:35px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:-35px;
  margin-right:5px;
  margin-top:0;  
  margin-bottom:0;
  width:170px;
  
  background-image:url(../images/m-back-l3-hover.gif);
  background-position:top;
  background-repeat:no-repeat;  
  font-weight:bold;
}

.left-menu-main-level-3:hover {
  background-image:url(../images/m-back-l3-hover.gif);
}

.left-menu-main-footer {
  width:205px;
  height: 7px;
  background-image:url(../images/m-footer.gif);  
  background-position:top;
  background-repeat:no-repeat;
}

.left-menu-general {
  background-image:url(../images/m-back-general.gif);  
}

.left-menu-general h1, .left-menu-general p {
  font-size:12px;
  padding:0;
  margin:0;
  margin-left:5px;

}

/* RIGHT MENU */
#right-menu {
  float:right;
  /*padding-left:35px;  required for IE */
  padding-right:0;
  padding-top:35px;  
  margin-right:0;
  margin-top:0;
  width:205px;
  font-size:10px;
}

#right-menu h1, #right-menu h2, #right-menu h3 {
  padding-top:0;
  padding-bottom:0;
  
  /* IE Hack: */
  font-size:11px;
  font-weight:bold;
}

#right-menu hr {
  border-top-style:solid;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
  border-top-width:1px;
  border-bottom-width:0;
  border-top-color:#FFFFFF;
  border-bottom-color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
}

#right-menu li, #right-menu ul {
  margin-left:8px;
  padding-left:0;
}

.right-menu-entry {
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  margin-bottom:5px;

  padding-left:10px;
  padding-right:0px;
  margin-left:0px;
  margin-right:0px;
  width:auto;
  background-color:#E0E0E0;
  background-image:url(../images/m-r-back-general.gif);  
  background-position:top;
  background-repeat:no-repeat;
  
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#000000;
}

.right-menu-footer {
  padding:0;
  margin:0;
  margin-top:-5px;
  width:205px;
  height:7px;
  background-image:url(../images/m-r-footer.gif);  
  background-position:top;
  background-repeat:no-repeat;
}

/* CONTENT */
#content-area {
  margin-top:0;
  /*margin-left: 240px;
  margin-right: 240px;*/
  /* variable columns gaps */
  margin-left:150px;
  margin-right:150px;
  padding-left:10%;
  padding-right:10%;
}

#content-area-inner {
  float:left;
  width:100%; /* keep floating div at 100% width of middle column; additionally required for IE: fixes "too wide bug" */
}

/* FOOTER */
#footer {
  margin-top:40px;
  margin-left: 240px;
  padding-top:5px;
  font-size: x-small;
  border-top-style:solid;
  border-top-width:1px;
  vertical-align:top;
  clear:both;
}

#footer-text, #footer-text2 {
  margin:10px;
  vertical-align: top;
}

/* ========= TYPO3 ========= */

.bodytext a {
  background-image:url(../images/a-link-arrow-red.gif);
  background-position:left;
  background-repeat:no-repeat;
  margin-left:0px;
  padding-left:10px;
}

/* TABLES */

tr:nth-child(1n+2) {
  border-left-style:solid;
  border-width:1px;
  border-color:#000000;
}

td {
  padding:10px;
  margin:0px;
}

tr:nth-child(2n+3), tbody tr:nth-child(1) {
  background-color:#EEEEEE;
}

tr:nth-child(2n+2) {
  background-color:#FFFFFF;
}

/* first row */
.tr-0 {
  color:#FFFFFF;
  padding:7px;
  margin:0px;
  font-weight: bold;
}

th {
  margin:0px;
  color:#FFFFFF;
  padding:7px;
  margin:0px;
  font-weight: bold;
  background-color:transparent;  
  border-left-style:none;
}

.tr-0 .td-0 {
  padding-left:30px;
}

.td-0 {
  border-left-style:solid;
  border-right-style:none;
  border-left-width:1px;
  border-top-style:none;
  border-bottom-style:none;
}

.tr-0 td-0 {
  border-left-style:solid;
  border-right-style:none;
  border-left-width:1px;
  border-top-style:none;
  border-bottom-style:none;
}

.contenttable  {
  background-image:url(../images/t_heading.png);
  background-position:top left;
  background-repeat:no-repeat;
  border-left-style:none;
  border-right-style:solid;
  border-bottom-style:solid;  
  border-top-style:none;    
  border-width:1px;
  border-color:#000000;
  padding:0px;
  margin:0px;
  border-collapse:collapse;
}

/* EMBEDDED IMAGEs */
/* single line of images */
.csc-textpic-imagerow {
  padding-top:10px;
  padding-bottom:10px;
}

/* image wrap */
.csc-textpic-image {
  /*padding:3px;
  background-color:#EEEEEE;*/
}

/* caption wrap */
.csc-textpic-caption {
  padding:5px;
  background-color:#EEEEEE;
  border-width:1px;
  border-color:#CCCCCC;
  border-top-style:none;
  border-bottom-style:solid;
  border-left-style:solid;
  border-right-style:solid;
  background-image:url(../images/news-grey-shade-back.gif);
  background-position:bottom;
  background-repeat:repeat-x;
}

.csc-textpic-clear {
  clear:none;
}

.csc-header {

}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border-top-style:solid;
  border-left-style:solid;
  border-right-style:solid;
  border-bottom-style:none;
    border-width: 1px;
    border-color: #CCCCCC;
  margin-left:1px;
  margin-right:1px;
  margin-top:0px;
  margin-bottom:0px;
}

/* TODO: fix indentation for left images with UL at right 
.csc-textpic-image  {
  padding-right:0px;
  margin-right:0px;
}*/

.csc-textpic-text ul {
  padding-left:10px;
  margin-left:30px;
}

/* RIGHT MENU SEARCH */
#search-right {

}

#search-input-right {
  border-style:solid;
  border-width:1px;
  width:auto;
  border-color:#CCCCCC;
  color:#666666;
}

#search-input-right:hover, #search-input-right:active {
  border-color:#000000;
  color:#000000;
}

#search-submit-right {
  border-style:solid;
  border-width:1px;
  border-color:#CCCCCC;  
  color:#666666;
}

#search-submit-right:hover, #search-submit-right:active {
  border-color:#000000;
  color:#000000;
}