/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
*/

/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */

* {  }

html, body {height:100%;background-color: #d5ecec}

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Verdana; 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: 1em; }

/* 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: 100.01%; }

/* Zum Aufl?sen von float: */
.breaker { clear: both; height: 0; overflow: hidden; }

hr { background: #83c7c7; border: none; color: #83c7c7; height: 1px; }
img { border: none; }
.align-center{text-align: center;}
.align-justify{text-align: justify;}
.align-right{text-align: right;}
.align-left{text-align: left;}
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:#0000ee; text-decoration:none; }
a:hover { color:#0000ee; text-decoration:none; }
a:visited {color: #551a8b;}
a:active {}
a:focus { outline: 0; }

/* Headers */
h1 { font-size: 17px; font-weight: bold; color: #000; }
h2 { font-size: 16px; font-weight: normal; 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
--------------------------------------------------------------------------------------- */
#header {height: 100px; background-color: #a8c2f4;}
#header img {position: relative; top:0; left:10px;}
#secondnavi {position: relative; left:300px; text-align:justify; top:-100px; width: 700px; padding: 15px 0 0 0;}

#contentWrap{ background: transparent url(../grafics/bg.jpg) repeat-y left top; width:1060px;}
#navigation {float:left; width: 190px; height: 100%; padding: 10px 0 0 20px; font-size: 10px; }
#content{float: left; width: 680px; margin: 0px; padding: 5px 25px 5px 100px;}


.wrap {background: #d5ecec url(../grafics/bg.jpg) repeat-y left top; height:100%;}

.navi2 {margin: 0; padding:0; line-height: 0; font-size: 12px;}

/* Navigation 
--------------------------------------------------------------------------------------- */
#navigation ul { margin: 0 0 0 0; padding: 0; width: 180px; }
#navigation li {list-style-type: none; padding: 0; margin: 5px 0 0 0;}
.title {font-weight: bold; font-size: 14px;}
.activlink {font-weight: bold; margin: 5px 0 5px 0;}
.notactivlink {margin: 5px 0 5px 0;}

/* Typo3- spezifische Anpassungen
--------------------------------------------------------------------------------------- */
.contactform input, textarea{margin:5px 0 0 5px;}
.clabel {width: 140px; float:left; margin:5px 0 0 5px;}
.ctext {width: 500px; float:left; }
.cbutton {clear:left;}
.tx_freemp3player_id_155{float:left; margin: 0 95px 0 150px;}
.tx_freemp3player_id_156{float:left;}
.tx_freemp3player_id_158{text-align:center;}
.tx_freemp3player{text-align:center;}
.csc-textpic-caption {font-size: 10px;}
.csc-textpic-text {margin: 0; padding: 0;}
.halfhr {width: 50%;}
.twentyfive {width: 25%;}