/* 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:0px;	
	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;
}