@charset "utf-8";
/* CSS Document */

a {outline:0;}


body { padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF; }
.fleft {float:left;}
.fright {float:right;}
.fclear{clear:both;}

.header { height:131px; background-color:#171717;  text-align:center; background-image:url(Bilder/header_bg.jpg);}

.header_index {height:382px; background-color:#171717;  text-align:center; background-image:url(Bilder/header_bg_index.jpg);}
.headerbg { width:1000px; margin:auto; background-image:url(Bilder/logo_bg.jpg); background-repeat:no-repeat; height:131px; text-align:left;}
.headerbg_index { width:1000px; margin:auto;  background-repeat:no-repeat; height:382px; text-align:left;}

/*.logo { padding:31px 0px 0px 142px;}*/
.logo { padding:31px 0px 0px 132px;}

.navi { margin:28px 0px 0px 111px;}
.navi_index { margin-top:279px;}
.navi a { margin-left:1px;}
.navi div { margin:0px 0px 0px 2px; float:left;}
.navi div .naviaktiv { margin-bottom:0px;}

.content { width:730px;  margin:25px auto 0px auto;}
.content h1 { margin:30px 0px 10px 0px;}
.content a { text-decoration:none; border-bottom:1px dotted #000000; color:#000000; display:inline-block;}
.content a:hover { text-decoration:none; border-bottom:1px dotted #7b7b7b; color:#7b7b7b; display:inline-block;}

.contentref a { border:0px solid #fff;}
.contentref a:hover { border:0px solid #fff;}
 
h1 { margin:33px 0px 18px 0px; font-size:16px;}
h2 { margin:20px 0px 22px 0px; padding:0px; font-size:14px; font-weight:bold;}
h2.referenzen { margin:20px 0px 12px 0px; padding:0px 0px 10px 0px; font-size:14px; font-weight:bold; display:block; border-bottom:1px dotted #929292; }
h6 { text-indent:-200px; display:block; float:left; overflow:hidden; font-size:10px;}
.refcon { width:243px; background-image:url(Bilder/ref_hintergrund.jpg); background-repeat:no-repeat; position:relative; height:200px; overflow:hidden;}
.refcon img { margin:8px 0px 0px 7px;}
a.lupe { display:block; width:220px; height:97px; position:absolute; top:8px; left:7px; background-image:url(Bilder/lupe.gif); background-position:top;}
a.lupe:hover  { background-position:bottom; }
a.lupe:focus {border:0px solid #fff; outline:none;}
.ref_back { margin:28px 0px 29px 0px;}
.ref_back a { display:block; background-image:url(Bilder/zuruck.jpg); background-position:top left; text-decoration:none; color:#1B1B1B; background-repeat:no-repeat; font-weight:bold; font-size:11px; padding-left:14px; height:12px; width:200px; border:0px solid #fff;}
.ref_back a:hover { background-position:bottom left; color:#626262; border:0px solid #fff;}



.refabastand { margin:44px 10px 30px 10px;}
.ref_l_spalte { width:100px; font-weight:bold; margin-top:3px;}
.ref_r_spalte { width:590px; margin-top:3px;}
.abstandextra { margin-top:17px;}
a.reflink_spezial { border-bottom:1px dotted #1B1B1B; color:#1b1b1b; text-decoration:none; }
a.reflink_spezial:hover { border-bottom:1px dotted #CCCCCC; color:#626262; }
a.zudenref, a.zudenref:hover { display:block; background-image:url(Bilder/zu_den_referenzen.jpg); width:163px; height:26px; text-indent:-600px; overflow:hidden; border:0px solid #fff; margin-left:550px;  }

h5 { font-size:11px; margin:15px 0px 5px 0px; padding:0px; font-style:normal; }
h5 a { color:#1B1B1B; text-decoration:none;}
h5 a:hover { color:#626262;}
div .subinfo { color:#a9a9a9; font-style:italic; margin:0px 15px 0px 15px;}

.content li { list-style:url(Bilder/aufzaehlung.jpg);   height:20px; }

.tababstand {padding:9px 0px 3px 0px;}

.spalten { width:210px; }
.spalten p { margin:0px; padding:0px;}
.spaltenabst {margin:0px 50px 0px 0px;}
.footer { border-top:1px solid #E4E4E4; margin:37px 0px 5px 0px; padding:14px 0px 0px 0px; text-align:center;}
.footerbox { width:725px; text-align:left; margin:auto;}
.trennlinie { margin-top:4px; color:#666666;}
.footerlogo { margin-top:1px;}
.footer a { padding:4px; color:#666666; text-decoration:none; display:block; float:left;}
.footer a:hover { background-color:#F2F2F2;}
.iconklein { margin:5px 5px -6px 0px;}

.augabentop { margin-top:20px;}

/*News*/

.newstext { width:135px;}
.newstext h4 a, .newstext h4 a:hover {border:0px solid #ff0; }
.newsbild { width:70px;}
.newsbild a, .newsbild a:hover  {border:0px solid #fff;}
.newstext h4 { font-size:12px; font-weight:bold; margin:0px 0px 9px 0px; padding:0px;}
.newsabtrennung { margin:10px 0px 10px 0px; border-bottom:1px dotted #c5c5c5;}


/*Partner*/
.abtrennung { border-bottom:1px solid #cfcfcf; margin:15px 0px 15px 0px; display:block;}
.partnerlogo { margin-top:40px; width:265px;}
.partnertext { width:440px;}
h3 { padding:0px; margin:10px 0px 10px 0px; font-size:12px; font-weight:bold;}

/*mailformular*/
#mailform fieldset.csc-mailform { border: 0px; padding: 10px 10px 10px 0px; width: 540px;}
#mailform fieldset.csc-mailform .csc-mailform-field {padding: 5px 0px;}
#mailform fieldset.csc-mailform .csc-mailform-field label {color: #4a4a4a; width: 120px; display:block; float:left; vertical-align:top; padding-left:0px; }
#mailform fieldset.csc-mailform .csc-mailform-field input {border:1px solid #626262; color:#626262; padding:0px 3px 0px 3px;}
#mailform fieldset.csc-mailform .csc-mailform-field textarea {border:1px solid #626262; color:#626262; padding:0px 3px 0px 3px;}
#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {float:left; margin-left:120px;}





/* -------------- overwrite TYPO3 styles -------------------- */
.news-list-container {

	border:0px;
	background-color:#FFF;
}