/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

html, body { background-color: #cfcfcf; }

/* 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, ul, ol { margin-left: 2em; }

/* 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 { color: #333; text-align: center; background-color: #ffffff; }

/* Zum Aufl?sen von float: */
.breaker { clear: both; height: 0; overflow: hidden;  }

hr { background: #ccc; border: none; color: #ccc; height: 1px; }
img { border: none; }
p { line-height: 140%; }
input, textarea, option { padding-left: 2px; }
table { border-collapse:collapse; }
td { vertical-align : top; }
pre { font-family: monospace;  }
strong { font-weight: bold; }

a { color:#000; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }
a:visited {}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 30px; font-weight: normal; color: #000; }
h2 { font-size: 16px; font-weight: bold; color: #000; }
h3 { font-size: 13px; font-weight: bold; color: #000; }
h4 { font-size: 12px;  font-weight: bold; color: #000; }
h5 { font-size: 11px; 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
--------------------------------------------------------------------------------------- */
body{width: 835px; margin: 20px auto 0 auto;}
#wrap { width: 835px; padding: 0; margin: 20px auto 15px auto; background: #ffffff; }
#header {background-color: #ffffff; height: 84px; }
#navigation {height: 20px; background-color: #969696; overflow: hidden; }
#innerNav { width: 750px; margin: 0 auto; }
#cont { padding: 10px 20px 20px 0; background-color: #ffffff; text-align:left; margin: 0 0 50px 0;}
#footermenu {height: 15px; background-color: #969696; text-align: right; padding: 5px 0 5px 0;}
#spacer{height: 15px; background-color: #cfcfcf; width: 100%;}

/* Header
--------------------------------------------------------------------------------------- */
#header{ padding-top: 14px; background-image:url(../img/logo.png); }
#headerImg { height: 58px; width: 513px; overflow:hidden; }


/* Navigation
--------------------------------------------------------------------------------------- */
#navigation ul, li{padding:0; margin: 0;}
#footermenu ul, li{padding:0; margin: 0;}
#navigation {font-weight: bold; font-size: 12px; padding: 10px 0 5px 0;}
#footermenu {font-weight: bold; font-size: 12px;}
#navigation a.activlink:link, #footermenu a.activlink:link, .layermenu a.activlink:link{color: #fff;}
#navigation a.activlink:active, #footermenu a.activlink:active, .layermenu a.activlink:active{color: #fff;}
#navigation a.activlink:visited, #footermenu a.activlink:visited, .layermenu a.activlink:visited{color: #fff;}
#navigation a:link, #footermenu a:link, .layermenu a:link{text-decoration: none;}
#navigation a:active, #footermenu a:active, .layermenu a:active{text-decoration: none;}
#navigation a:visited, #footermenu a:visited, .layermenu a:visited{text-decoration: none;}
#navigation a:hover, #footermenu a:hover, .layermenu a:hover{text-decoration: none; color: #fff;}
#navigation ul{list-style-type: none; text-align:center;}
#navigation li{float:left; width: 150px;}
.layermenu {list-style-type: none; text-align: left; font-weight: bold; padding: 0; margin:0;}
.layermenu li {margin: 0; padding: 4px 0 0 0; height: 18px; border-bottom: 1px solid #969696;} 
.layermenu ul {margin: 0; padding: 0;}
.layermenu a{padding: 0 0 0 5px; margin: 0;}

/* Forms 
---------------------------------------------------------------------------------------- */

form { margin:0px; padding: 0px;}
label{width: 125px; float: left; text-align: right; margin: 5px 15px 0 0; }
input {margin: 5px 0px 0 0;}
.editMeFormbutton {clear: both; }
.editbutton {clear: both; margin-left: 140px;}

/* Typo3 Spezielle Angaben
--------------------------------------------------------------------------------------- */
.csc-textpic-text{margin-left: 20px; padding-left: 20px;}
.csc-sitemap { margin-left: 300px; }