/* DATEI: basis.css
--------------------------------------------------------------------------------------- 
Hauptfarben:
Dark grey (text): #333333
Dark Blue (headings, links): #000066
Mid Blue (header): #333399
Light blue (top navigation): #CCCCFF
Mid grey: #666666
*/

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

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

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 10px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */

/* Für permanenten Scrollbalken rechts: */
html { height: 101%; }

body { 
background-color: #9D9B8A;
color: #333;
text-align: center; 
padding-top: 20px;
}

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

a { color:#0055AA; text-decoration:none; }
a:hover { color:#0055AA; text-decoration:underline; }
a:visited {}
a:active {}

h1 { margin: 0 0 20px 0; font-size: 18px; font-weight: normal; color: #333; }
h2 { margin: 20px 0 10px 0; font-size: 16px; font-weight: normal; border-bottom: #ccc 1px solid; color: #333; }
h3 { margin: 10px 0 10px 0; font-size: 14px; font-weight: bold; color: #333; }
h4 { margin: 10px 0 10px 0; font-size: 12px; font-weight: bold; color: #333; }
h5 {}
h6 {}

/* Seitenstruktur / Container
--------------------------------------------------------------------------------------- */

#main { width: 985px; margin: 0 auto; padding-bottom: 30px; text-align: left; background: #fff url(../img/bg_bottom.gif) no-repeat bottom left; }
#headerContainer { position: relative; margin: 0 0 20px 0; height: 155px; overflow: hidden; background: #fff url(../img/bg_top.gif) no-repeat top left; }
#contentContainer { background: #fff url(../img/bg_content.gif) repeat-y top left; width: 925px; padding: 0 30px; }
#contentContainer #col1 { float: left; width: 200px; }
#contentContainer #col2 { float: right; width: 695px; }
#contentContainerFull { background: #fff url(../img/bg_content.gif) repeat-y top left; width: 925px; padding: 0 30px; }
#contentContainerFull #col2 {  }
#footer { margin:0 auto; padding: 10px 30px 30px 30px; text-align: left; width: 925px; font-size: 11px; color:#fff; }

/* Header
--------------------------------------------------------------------------------------- */

#headerLogo { position: absolute; top: 30px; left: 30px; width: 285px; height: 70px; overflow: hidden; }

/* Hauptmenu
--------------------------------------------------------------------------------------- */

#menu { position: absolute; top: 125px; left: 30px; width: 925px; padding: 0; height: 30px; overflow:hidden; background: #fff url(../img/bg_menu.gif) no-repeat top left; }

#menu ul { margin: 0; padding: 0; list-style-type:none; }
#menu li { height: 30px; margin: 0; line-height: 30px; font-size: 16px; float: left; border-right: #fff 1px solid; }
#menu li.act { }
#menu li a	{ padding: 0 20px 0 20px; color: #fff; font-weight: normal; display: block; }
#menu li a:hover	{ color: #FFFF00; font-weight: normal; text-decoration: none; }
#menu li a.act	{ font-weight: bold; color: #FFFF00; }
#menu li a.act:hover	{ font-weight: bold; }

/* Inhalte links
--------------------------------------------------------------------------------------- */

#nav { }

#nav ul { margin: 0; padding: 0; list-style-type:none; border-bottom: #9D9B8A 1px solid; }
#nav li	{ margin: 0; padding: 0; border-top: #9D9B8A 1px solid; }
#nav li.act { }
#nav li a	{ background: #fff url(../img/dot_2.gif) no-repeat top left; padding: 4px 0 4px 15px; color: #333; font-weight: bold; display: block; width: 180px; /* width: wichtig f�r IE6 in Verbindung mit display:block; */ }
#nav li a:hover	{ color: #F49E00; text-decoration: none; background: #fff url(../img/dot_1.gif) no-repeat top left; }
#nav li a.act	{ color: #F49E00; background: #fff url(../img/dot_1.gif) no-repeat top left; }
#nav li a.act:hover	{ color: #F49E00; background: #fff url(../img/dot_1.gif) no-repeat top left; }

#nav ul ul { border:none; }
#nav ul li ul { border:none; }
#nav ul ul li	{ border:none;  } 
#nav ul ul li.act { }
#nav ul ul li a	{ background:none; padding: 0px 0 4px 15px; font-weight: normal; width: 170px; /* width: wichtig für IE6 in Verbindung mit display:block; */ }
#nav ul ul li a:hover	{ background:none; }
#nav ul ul li a.act 	{  background:none;  }
#nav ul ul li a.act:hover	{ background:none; }


/* Inhalt mitte
--------------------------------------------------------------------------------------- */
#titel h1 {  margin:0 0 20px 0; font-weight:bold; }

#col2 a { color:#F49E00; text-decoration:none; }
#col2 a:hover { color:#F49E00; text-decoration:underline; }


/* Footer
--------------------------------------------------------------------------------------- */

#footer a { color:#fff; }
#footer a:hover { color:#fff; }


/* Sitemap
--------------------------------------------------------------------------------------- */

div.csc-sitemap a { color:#000; }
div.csc-sitemap a:hover	{ text-decoration: none; color: #F49E00; }


/* TYPO3:Content
--------------------------------------------------------------------------------------- */

/* TYPO3:Ext mailformplus
--------------------------------------------------------------------------------------- */
#col2 table.kontaktform td { width:250px; }
#col2 div#kontaktart { margin: 10px 0 10px 0; font-weight:bold; font-size:13px; }
#col2 div#kontaktart table.info td { width:200px; font-weight:400; font-size:12px; }

/* TYPO3:Ext tt_news
--------------------------------------------------------------------------------------- */

/* TYPO3:Ext newsletter_subscription
--------------------------------------------------------------------------------------- */
form.mailsubscription { margin: 20px 0 0 20px; font: 12px Arial, Helvetica, sans-serif;}
form.mailsubscription a { color: #F49E00; }

/* TYPO3:Dateiverweise
--------------------------------------------------------------------------------------- */
.csc-uploads-fileName { width:200px; }
.csc-uploads-fileSize { width:100px; }
.csc-uploads-icon { width:200px; }