﻿/* DATEI: basis.css

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* { background-color: transparent; }

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1.5em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */

/* F�r Browserprobleme mit relativen Schriftgr��en und permanenten Scrollbalken rechts: */
html { font-size: 100.01%; height: 101%; }

body {; text-align: left; background-color: #fff; }

/* Zum Aufl�sen von float: */
.breaker { clear: both; height: 1px; overflow: hidden;  }


hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p { line-height: 150%; }
input, textarea, option { padding-left: 2px; }
/*table { border-collapse:collapse; }*/
td { vertical-align : top; }
pre { font-family: monospace;  }
strong { font-weight: bold; }

a { color:#0E508A; text-decoration:none; }
a:hover { color:#0E508A; text-decoration:underline; }
a:visited { color:#000; } 
a:active { color:#000; }
a:focus { color:#000; outline: 0; }

/* Headers */
h1 { font-size: 24px; font-weight: normal; color: #000; margin: 0 0 5px 0; padding:0; text-transform: uppercase; }
h2 { font-size: 13px; font-weight: bold; color: #000; }
h3 { font-size: 12px; font-weight: bold; color: #000; }
h4 { font-size: 14px;  font-weight: bold; color: #2e70a7;}
h5 { font-size: 12px; font-weight: bold; color: #000; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */

#main { width: 975px; margin: 0 auto; text-align: left; background: url(../img/bg_body.gif)  left top; }
#contentwrap {background: url(../img/header_bg2.jpg) no-repeat left top; width: 975px;}
#col1 { float: left; width: 333px; margin: 0; padding: 0 0 25px 15px; color:#fff; overflow:hidden; }
#col2 { float: right; text-align:right; width: 490px; padding: 10px 90px 0 0; margin: 0; overflow:hidden; }
#footer { background: #fff url(../img/foot.gif) no-repeat left top; height: 35px; padding: 20px 2px 0 0;}



#news h1 {text-transform: none; font-size: 12px; font-weight: bold; color: #fff; padding: 10px 0 5px 0;}
#news br{height: 0; margin: 0; padding:0; line-height:0;}
#news p{margin: 0; padding: 0;}
#news .newsheader {padding:10px 0 0 0; background: url(../img/dot-line.jpg) no-repeat top;}
#news .bodytext{padding: 0 0 10px 0; margin: 0;}

#news a:link,#news a:visited{color: #fff; text-decoration: underline;}
.bluetowhite {background: url(../img/bluetowhite.gif) repeat-x top; padding: 1px 10px 40px 10px;}

/* col1
--------------------------------------------------------------------------------------- */
#logo {margin:0 0 65px 45px;}

#kundenlogin {position:relative; color:#2e70a7; font-weight: bold; height: 60px; width: 333px; }
.login, #searchinput {border: 1px #2e70a7 solid; font-size: 11px;}
#searchinput {position: absolute; right: 25px; background-color:#fff;}
.searchbutton {position: absoulute; right: -10px;}

#login {height: 32px; width: 333px; position: relative;}
#loginnr {left: 10px; position: absolute;}
#loginpw {left: 150px; position: absolute;}
#loginbutton {left: 285px; position: absolute;}
p.loginheader{padding: 0 0 0 10px; margin: 0 0 5px 0;} 



#navWrap {width: 333px; padding: 10px 0 0 0;}
#navigation {float:left; margin: 0; width:165px;}
#subnavi {float:right; width: 165px; margin: 0;}
#news{width: 333px; margin:0; overflow:hidden; font-size:11px;}

#contact {margin: 10px 0 0 0; }
#contact a:link,#contact a:visited{color: #fff; text-decoration: underline;}

/* col2
--------------------------------------------------------------------------------------- */

#headerSearch {position: relative; height: 30px; width: 525px; }

.login, #searchinput {border: 1px #2e70a7 solid; font-size: 11px;}
#searchinput {position: absolute; right: 25px; background-color:#fff;}

#content {padding: 25px 0 0 0; text-align:left;}


/* Navigation
--------------------------------------------------------------------------------------- */
#navigation li{font-size: 11px; text-transform: uppercase; list-style:none; margin: 0 0 0 0; padding: 4px;}
#navigation li.act{background-color: #193c59; padding: 4px;}
#navigation li.ro{background-color: #C8272F; padding: 4px;}
#navigation li.ro a:link,#navigation li.ro a:visited {color: #fff; font-weight: bold; text-decoration:none; }
#navigation a:link,#navigation a:visited{color:#000; font-weight: bold;}
#navigation a#act:link, #navigation a#act:visited, #navigation a#ro:link, #navigation a#ro:visited {color: #fff; font-weight: bold;}

#subnavi li{font-size: 11px; list-style:none; margin: 0 0 0 0; padding: 4px;}
#subnavi li.act_2{background-color: #fff; padding: 4px;}
#subnavi li.ro_2{background-color: #2e70a7; padding: 4px;}
#subnavi a:link,#subnavi a:visited{color:#000; text-decoration: none;}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {color: #c8272f; font-size: 11px;}
#footer a:link, a:visited{text-decoration: none; color: #c8272f;}

/* Guestbook config 
---------------------------------------------------------------------------------------- */

.tx-srfreecap-pi2-image { margin-left: 0; }

.tx-veguestbook-pi1 h2.tx-guestbook-header {
	color:#000;
	background:#99CC66;
  	font-size:100%;
   	font-weight:bold;
   	padding: 1em;
   	width: auto;
}
.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment{
	color:#669933;
	font-size: 90%;
	font-style: normal;
}
	
.tx-veguestbook-pi1 .tx-guestbook-right {
	width: 430px;
	padding: 0px;
}
.tx-veguestbook-pi1 .tx-guestbook-right h4{color:#669933;}

.tx-guestbook-field label{
	margin-right: 5px;
	padding-right: 15px;
}
.tx-guestbook-field input, .tx-guestbook-field textarea{
	border: 1px solid #ccc;
}
.tx-veguestbook-pi1 input.tx-guestbook-submit {
	background-color:#99CC66;
	margin-left: 140px;
	border: 1px solid; 
	border-color: #99CC66; 
	font-weight: bold;
}

.tx-guestbook-result{
	display:none;
}
.tx-veguestbook-pi1 .tx-guestbook-pagination {
	width: 100%;
	float:left;
	font-size: 11px;
}
.tx-veguestbook-pi1 .tx-guestbook-left{
	font-size: 11px;
	padding: 0px;
	height: auto;
	background: none;

	width: 170px;
}
.tx-veguestbook-pi1 .tx-guestbook-clear {
	background: url(../img/dotline.gif) repeat-x left bottom;
}

.tx-veguestbook-pi1 .tx-guestbook-username{
	font-weight: bold;
}
/* TYPO3:Content
--------------------------------------------------------------------------------------- */
/* First Header */
h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader {  margin-top: 0px; }

/* Header date */
p.csc-header-date { font-size: 90%; color: #186900; }

/* Subheader, general */
p.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
p.csc-subheader-0 { font-style: normal; }
p.csc-subheader-1 { color: #186900; }
p.csc-subheader-2 { color: #10007B; }
p.csc-subheader-3 { color: #8A0020;}

/**********/
/* Images */
/**********/

/* Images / Captions */
.csc-textpic-caption { 
	font-size: 90%; 
}
/**********/
/* Images, Version 3.9.0 */
/**********/
/* 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 { }
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); 
}


/*********************/
/* Tables, generally */
/*********************/
  table.contenttable td { 
        padding: 0 2px 0 2px;
        margin: 0;
        height: 5px;
  }
  .contenttable p{height: 18px; margin: 0; padding: 0;}

table.contenttable tr td p { }
table.contenttable tr {  }


table.contenttable p { }

/* Tables, specifically */
table.contenttable-0 p { }

table.contenttable-1 p { 
	color: #186900; 
}
table.contenttable-1 tr.tr-0 td p { 
	font-weight: bold; 
}
table.contenttable-1 tr.tr-0 td { 
	background-color: #D1D2E4;
}

table.contenttable-2 p { 
	color: #10007B; 
}
table.contenttable-2 tr td.td-0 { 
	background-color: #F5FFAA;
}
table.contenttable-2 tr td.td-0 p { 
	font-weight: bold; 
}

table.contenttable-3 p { 
	color: #8A0020; 
}
table.contenttable-3 tr td.td-0, 
table.contenttable-3 tr.tr-0 td { 
	background-color: #D1D2E4;
}
table.contenttable-3 tr td.td-0 p, 
table.contenttable-3 tr.tr-0 td p { 
	font-weight: bold; 
}

/************************/
/* Filelinks, generally */
/************************/
table.csc-uploads { 
	border: 0px; 
}
table.csc-uploads tr td p { }
table.csc-uploads tr.tr-even td { 
	background-color: #EDEBF1; 
}
table.csc-uploads tr.tr-odd td { 
	background-color: #D8D7DC; 
}
table.csc-uploads tr td.csc-uploads-icon { 
	padding: 0 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: 0 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, Version 3.9.0 */
/*****************/

/* Email, Login and Search forms generally: */
form table tr td { padding-left: 5px; padding-right: 20px; }
form table tr td.csc-form-labelcell, form table tr td.csc-form-commentcell { background-color: #D8D7DC; }
form table tr td.csc-form-fieldcell { background-color: #EDEBF1; }
form table tr td.csc-form-fieldcell input, form table tr td.csc-form-fieldcell select, form table tr td.csc-form-fieldcell textarea { border: 1px solid #333333; }
form table tr td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
form table.csc-mailform tr td.csc-form-labelcell  { }

/* Search form, specifically */
form table.csc-searchform { width: 100%; }
form table.csc-searchform tr td { padding: 5px 5px 5px 5px; }
form table.csc-searchform tr td.csc-form-labelcell, form table.csc-searchform tr td.csc-form-commentcell { font-weight: bold; }
form table.csc-searchform tr td.csc-form-fieldcell input, form table.csc-searchform tr td.csc-form-fieldcell select { width: 100%; }

/* Login form, specifically */
form table.csc-loginform { width: 70%; }

/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */

fieldset {
	border:0px;
}
.csc-mailform-field {
	margin: 5px 0;
	clear:both;
}
.csc-mailform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select,
.csc-mailform-radio fieldset {
	width:50%;
	background-color:#fff;
	border: #2E70A7 1px solid;
}
input.csc-mailform-submit,
input.csc-mailform-check,
.csc-mailform-radio input {
	width:auto;
}
input.csc-mailform-submit {
        margin-left: 35% !important;/* see label width + margin*/
        background: #2E70A7;
        color: #fff;
        font-weight: bold;
}
.csc-mailform-radio legend {
	display:none;
}

.csc-mailform-radio fieldset input {
	float:none;
}
.csc-mailform-radio fieldset label {
        text-align:left;
        float:none;
        width:auto;
        margin: 0;
}

.csc-loginform {
	padding: 5px;
	background-color: #EDEBF1;
}
.csc-loginform-field {
	margin: 5px 0;
}
.csc-loginform-field label { 
	float:left;
	text-align:right;
	margin-right: 5%;
	width:30%;
}
.csc-loginform-field input {
	width:50%;
	background-color:#fff;
}
input.csc-loginform-submit {
	width:auto;
        margin-left: 35% !important;/* see label width + margin*/
}



/*****************/
/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo {  
	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; 
	font-size: 14px; 
	padding-left: 5px; 
}
p.csc-searchResult { 
	font-style: italic; 
	margin-left: 20px;
}

/* Search word markup */
span.csc-sword { 
	font-weight: bold; 
	color: red; 
}


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
div.csc-menu { 
	margin-left: 10px; 
}
div.csc-menu p { 
	font-weight: bold;
	margin: 1px 0px 0px 0px; 
	padding: 2px 2px 2px 10px; 
	background-color: #EDEBF1; 
}
div.csc-menu p a { 
	color: #000000; 
	text-decoration: none; 
}
div.csc-menu p a:hover { 
	color: #660000; 
	text-decoration: underline; 
}
div.csc-menu p.csc-section { 
	font-weight: normal; 
	margin-left: 20px; 
	font-style: italic; 
}

/* Menu / Sitemap, "Menu of these pages" */
div.csc-menu-def p {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
div.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-sitemap { }
div.csc-menu-2 p.csc-sitemap-level1 { 
	margin-left: 20px; 
}
div.csc-menu-2 p.csc-sitemap-level2 { 
	margin-left: 40px; 
}
div.csc-menu-2 p.csc-sitemap-level3 { 
	margin-left: 60px; 
}
div.csc-menu-2 p.csc-sitemap-level4 { 
	margin-left: 80px; 
}
div.csc-menu-2 p.csc-sitemap-level1 a { 
	color: #000000; 
}
div.csc-menu-2 p.csc-sitemap-level2 a { 
	color: #186900; 
}
div.csc-menu-2 p.csc-sitemap-level3 a { 
	color: #10007B; 
}
div.csc-menu-2 p.csc-sitemap-level4 a { 
	color: #8A0020; 
}

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
div.csc-menu-3 { }
div.csc-menu-3 p.csc-section { 
	margin-left: 0px; 
}
div.csc-menu-3 p.csc-section a { 
	color: #186900; 
}

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
div.csc-menu-4 { }
div.csc-menu-4 p { 
	margin-top: 2px; 
}
div.csc-menu-4 p.csc-abstract { 
	font-weight: normal; 
	font-style: italic; 
	margin-top: 0px; 
	padding: 0px 2px 2px 20px; 
}

/* Menu / Sitemap, "Recently updated pages" */
div.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
div.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
div.csc-menu-7 { }
div.csc-menu-7 p { 
	font-weight: bold; 
}
div.csc-menu-7 p.csc-section a { 
	color: #186900; 
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { 
	text-align: right; 
}
p.csc-linkToTop a { 
	font-weight: bold; 
}

div.csc-frame { 
	border: 0px; 
}
div.csc-frame-invisible {}
div.csc-frame-rulerBefore { 
	border-top: 1px solid #333333; 
	margin: 20px 0 10px 0;
}
div.csc-frame-rulerAfter { 
	border-bottom: 1px solid #333333; 
	margin: 10px 0 20px 0;
}
div.csc-frame-indent { 
	padding-left: 100px; 
}
div.csc-frame-indent3366 { 
	padding-left: 33%; 
}
div.csc-frame-indent6633 { 
	padding-right: 33%; 
}
div.csc-frame-frame1 { 
	background-color: #EDEBF1; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid #333; 
	margin-bottom: 20px;
}
div.csc-frame-frame2 { 
	background-color: #F5FFAA; 
	padding: 2px 4px 2px 4px; 
	border: 1px solid #333; 
	margin-bottom: 20px;
}

div.csc-frame-frame1 h1, 
div.csc-frame-frame1 h2, 
div.csc-frame-frame1 h3, 
div.csc-frame-frame1 h4, 
div.csc-frame-frame1 h5 { 
	margin-top: 2px; 
}
div.csc-frame-frame2 h1, 
div.csc-frame-frame2 h2, 
div.csc-frame-frame2 h3, 
div.csc-frame-frame2 h4, 
div.csc-frame-frame2 h5 {
	margin-top: 2px; 
}


/****************************************/
/* 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 { 
	font-family: verdana; font-size: 10px; color: black; 
}
table.typo3-adminPanel td a font { 
	font-family: verdana; 
	font-size: 10px; 
	color: black; 
}
table.typo3-editPanel { 
	border: 1px solid black; 
	background-color: #F6F2E6; 
}
table.typo3-editPanel td { 
border: 0px; 
}


/* TYPO3:Ext mailformplus
--------------------------------------------------------------------------------------- */

/* inputs
------------------------------------ */



/* tt-News 
---------------------------------------------------------------------------------------- */
.news-list-item {font-size: 11px; width: 135px; background: url(../img/bluetowhite.gif) repeat-x top; padding: 1px 10px 0 10px; float:left; margin: 0 10px 0 0; font-size: 11px;color:#0E508A;}
.news-list-item h4 a:link, .news-list-item h4 a:visited{text-decoration: none; font-size: 14px;  font-weight: lighter; color:#0E508A;}
.news-latest-item {border-top: 1px #8cb0ce solid; padding: 10px 0 0 0;}
.news-latest-item h3 a:link, .news-latest-item h3 a:visited{text-decoration: none; font-size: 14px;  font-weight: lighter; color:#0E508A;}
.news-latest-date a:link, .news-latest-date a:visited {text-decoration: none; font-size: 12px;  font-weight: bold; color: #000;}
.news-list-container {width:500px; overflow:hidden;}
.clearer {background-color: #fff; color:#fff;}
.cutter {width: 490px;}
.news-list-item a:visited { color:#0E508A;}
.news-latest-morelink a:visited { color:#0E508A;}
.news-single-item a:visited { color:#0E508A;}
.news-single-item h1 { margin-top: 15px; }
