body {background-color:#ffffff; margin: 0; padding: 0}
/* forces Firefox to display a scrollbar always, thus preventing the horizontal jumping due to pages with different height */
body {overflow: -moz-scrollbars-vertical;}
.content-bg { background-color:#000000; }
#holeSite {width: 800px;margin: 0px auto;}

/* Head */
#kontaktImpressum { height:17px; background-color:#FFFFCC; text-align:right; padding-right:27px; height:20px; margin: 0px; padding-bottom:2px; border-bottom:solid 1px #FFFFFF; padding-left:25px; }
#shortMenu { background-color:#1b6bae;  height:20px; margin: 0px; border-bottom:solid 1px #FFFFFF; font-size:10px; }
#shortMenuLeft { padding-top: 3px; padding-left: 25px; text-align: left; }
#shortMenuRight { float: right; padding-top: 1px; padding-right: 29px; }
.link-shortMenu { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; }
.link-shortMenu:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#B3BFCB; text-decoration:none; }

/*Mitarbeiter*/
#mitarbeiter { width:557px; height: 200px; left: 120px; background-color:1b6bae; align: left; font: 600 9 verdana; color: grey; font-weight:normal;}
#mitbalken { width:660px; height: 1px; left: 120px ;background-color:black; }
.mitbild { width: 100 px; height: 200px; background-color: 1b6bae; align: center;}


/* Hauptmenü */
.tbl-menu {width:100%; border: none; border-collapse: collapse; margin-top: 2px}
.tbl-menu td {width:20%; height:15px; padding:0 0 0 3px;}
.tbl-menu a {font:600 10px verdana; color:#ffffff; display: block; text-decoration:none;}
.tbl-menu a:hover {text-decoration: underline;}
.td-menu1 {background-color:#1b6bae;}
.td-menu2 {background-color:#336633;}
.td-menu3 {background-color:#993333;}
.td-menu4 {background-color:#cc9933;}
.td-menu5 {background-color:#663366;}

.menu-strich2 { color:#000000; border-top:solid 1px #ffffff; align: right; background-color: #ffffff; border-bottom:solid 1px #ffffff}
.menu-strich { border-right:solid 1px #ffffff; border-top:solid 1px #ffffff; }


/* links */
.links-start-bg { background-color:#FFFFFF; }

/* rechts */
.balken-rechts { background-color:#1b6bae; padding-left:1px; padding-right:1px; padding-top:1px; }
.menu-headline-rechts { font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color: black; font-weight:bold; height:15px; width:100px; padding-left:5px; margin:0px; }
.menu-headline-mitte { font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color: white; font-weight:bold; height:15px; width:400px; padding-left:5px; margin:0px; position:left; }
.td-rechts-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:9px; font-weight:bold; padding-bottom:5px; }
.link-news-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000000; text-decoration:none; }
.link-news-menu:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:none; }
.link-news-menu-akt { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:none; }
.link-crechts-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; }
.link-crechts-menu:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.link-crechts-menu-akt { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.link-doks-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:9px; font-weight:bold; color:#000000; text-decoration:none; }
.link-doks-menu:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:9px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.link-doks-menu-akt { font-family:verdana,arial,helvetica,sans-serif; font-size:9px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.link-site-menu { color: #663366; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: left;} 
.link-site-menu:hover { color: #E0D6DF; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }
.link-site-menu-akt { color: #E0D6DF; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }


/* Content */
.p-content-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#005298; margin:6px; padding-right:3px; }
.link-content-menu { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; }
.link-content-menu:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#005298; text-decoration:none; }

.fuss-balken { height:6px; background-color:#00284E; }

.standard-links { width:120px; }
.standard-mitte { width:360px; }
.standard-txt-bild, .bild-txt { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; color:#000000; padding-top:3px; }
.standard-abstand-bild { height:15px; }
.dok-padding { padding-left:20px; padding-right:20px; }
.element-padding { height:10px; }
.td-img { border:solid 1px #666666; }

.txt { font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:normal; color:#000000; }
.txtb { font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#000000; }
.txt-kl { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000000; }
.gtxt { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#515151; }
.bold { font-weight:bold; }
.fehler { font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#cc6600; letter-spacing:1px; }

.club-link { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; text-decoration:none; }
.club-link:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; text-decoration:underline; }
.club-link-akt { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.club-link-akt:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:underline; }

/**/
.login-submit { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000; width:80px; height:20px; }
.login-fehler { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#ff6633; }

/* Pre-Page */
.pre-headline { font-family:verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; width:450px; margin:0px; padding-bottom:5px; }
.pre-teaser { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000000; padding-right:25px; margin:0px; }
.pre-weiter { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.pre-weiter:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#8094A6; text-decoration:none; }

/* Kontakt */
.kontakt-bez { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000; }
.kontakt-links { width:115px; }
.kontakt-rechts { padding-bottom:2px; }
.kontakt-input { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; border:solid 1px #666666; width:230px; height:18px; }
.kontakt-select { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; width:230px; height:18px; }
.kontakt-textarea { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; border:solid 1px #666666; width:300px; height:110px; }
.kontakt-submit { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; line-height:11px; color:#000000; border:solid 1px #666666; width:80px; height:18px; background-color:#CCCCCC; }

.kontakt-fehler-txt { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; }
.kontakt-fehler-input { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; border:solid 1px #666666; width:230px; height:18px; background-color:#F5BFA2; }
.kontakt-fehler-textarea { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; border:solid 1px #666666; width:300px; height:110px; background-color:#F5BFA2; }

/* Kalender */
.td-tag { width:29px; text-align:center; border:solid 1px #F7B634; }
.link-tag { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000000; text-decoration:none; }
.link-tag:hover, .link-tag-aktiv { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.TagAktiv { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000000; background-color:#F7B634; color: #ffffff; }
.TagInaktiv { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000000; background-color:#FADB9A; }
.TagTermin { background-color:#F7965C; }
.MonatJahr { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; margin:0px; padding-top:5px; }
.Monate { color: #; font-size: 10px; font-weight: bold; margin:0px; text-align:center; padding-top:5px; }
.Wochentage { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:bold; letter-spacing:2px; text-align:center; padding-top:5px; padding-bottom:5px; }

.projekt-head { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000; margin-bottom:10px; }

.patenClubLink { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#000000; text-decoration:underline; }
.patenClubLink:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#666666; text-decoration:underline; }

.link-vz { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#775E29; text-decoration:none; }
.link-vz:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#775E29; text-decoration:underline; }
.link-vzOff { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:normal; color:#967736; text-decoration:none; }
.link-vzMark { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#775E29; text-decoration:none; }

.marked-search-word { background:#FFCC33; }

.wobon { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#9E5D00; text-align:right; text-decoration:none; }
.wobon:hover { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#9E5D00; text-align:right; text-decoration:underline overline; }
.woboff { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#C67D16; text-align:right; text-decoration:line-through; }
td.wobon, td.woboff { width:40px; height:14px; }
.wobTableYear { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#9E5D00; 
				position:absolute; left:0px; margin-top:-14px; padding-left:41px; }
.wichtig { font: 600 10 verdana; left: 120px; position:absolute; z-index:3; width:660px; height:100%; top:180;  background-color:#FFFFff; }
                
                
/* content und seitenlayout */
#head { position:absolute; z-index:5; top:0px; left:0px; }
#himmelImg { position:absolute; z-index:4; top:79px; left:0px; border-top:solid 1px #FFFFFF; }
#content { position:absolute; top:0px; left:0px; text-align:left; z-index:0; width:500px; height:100%; background-color:#B3BFCA; }
#content-dok { padding-top:140px; padding-left:20px;background-color:#B3BFCA; }
#contentMenu { position:absolute; z-index:1; width:250px; top:163px; left:0px; padding-top:22px; padding-left:22px; }
#contentImg { position:absolute; z-index:2; top:163px; left:275px; padding-top:49px; }

#mitte { font: 600 10 verdana; left: 120px; position:absolute; z-index:3; width:660px; height:100%; top:150;  background-color:#FFFFFF; }
#mittetext { font: 600 9 verdana; color: grey; font-weight:normal; left: 10px ; text-align: left; position:absolute; z-index:3; width:500px; height:100%; top:50px;  background-color:#FFFFFF; }

.datum { align:left; text-align:left; font: 600 10 verdana;}
#datum1 { padding-left:2px; padding-right:5px; padding-top:5px; }


/*Division Box2,Box4 und left gilt für alle*/
.box2 { float:left;width:120px;height:100px;text-align:left;font-weight:bold;}
.box4 { text-align:left; padding-bottom:5px; padding-left:0px; width:120px;}
.box41 { text-align:left; padding-bottom:0px; padding-left:10px; width:120px;}
.box6 { text-align:left; padding-bottom:0px; width:325px;}
.box7 { text-align:left; padding-bottom:0px; width:225px;}     
.box5 { text-align:right; padding-bottom:0px; width:120px;}
.left { text-align:left; align:left;}
.leisteunten { top:375px;height:15px; color: ffffff; background-color:#1b6bae; width:120px;}

/*Unternehmen*/
.boxblau {font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#B9D2E6;}
.leisteobenblau {background-color:#1b6bae;}
.leisteobenblau2 {text-align:center;height:30px; color: #ffffff; background-color:#1b6bae; width:120px;}
.box3blau {margin:0 3em 0 120px;padding:2em; background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 
/*Software*/
.boxgrun {font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#D6E0D7;}
.leisteobengrun {background-color:#336633;}
.box3grun {margin:0 3em 0 120px;padding:2em;background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 
/*Hardware*/
.boxrot {font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#EBD5D7;}
.leisteobenrot {background-color:#993333;}
.box3rot {margin:0 3em 0 120px;padding:2em;background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 
/*Partner/Kunden*/
.boxgelb{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#F6EBD7;}
.leisteobengelb {background-color:#CC9933;}
.leisteobengelb2 { text-align:left;font-weight:bold;height:15px; color: #ffffff; background-color:#CC9933; width:120px;}
.box3gelb{margin:0 3em 0 120px;padding:2em;background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 
/*Support*/
.boxvio{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#E0D6DF;}
.leisteobenvio {background-color:#663366;}
.box3vio{margin:0 3em 0 120px;padding:2em;background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 
/*Reserve*/
.boxbraun{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:black;min-height:300px;margin:auto;background:#EAE0D6;}
.leisteobenbraun {background-color:#996633;}
.box3braun{margin:0 3em 0 120px;padding:2em;background-color: white;background-image: url(../bilder/nord.jpg);background-repeat:no-repeat; min-height:300px} 

.leisteobenblau, .leisteobengrun, .leisteobenrot, .leisteobengelb, .leisteobenvio, .leisteobenbraun
{font-weight:bold;height:15px; color: #ffffff; padding-left: 3px;}

/*Links*/

.link a,.menu a:link,.menu a:visited,.menu a:active{ color: #993333; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: left;}
.link a:hover{ color: #EBD5D7; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }

.linkb a,.menu a:link,.menu a:visited,.menu a:active{ color: #1b6bae; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: left;}
.linkb a:hover{ color: #1b6bae; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }


.linkr a,.menu a:link,.menu a:visited,.menu a:active{ color: #993333; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: left;}
.linkr a:hover{ color: #EBD5D7; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }

.linkr2 a,.menu a:link,.menu a:visited,.menu a:active{ color: #993333; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: center; align: center;}
.linkr2 a:hover{ color: #EBD5D7; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: center; cursor: hand; align: center;  }

.linkg a,.menu a:link,.menu a:visited,.menu a:active{ color: #CC9933; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: left;}
.linkg a:hover{ color: #EAE0D6; font: bold 11px Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; text-align: left; cursor: hand  }



/*Tabelle für Produkte*/

#tab1 {border-collapse:collapse;border:1px solid #000000;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;}
#tab1 td {border:1px solid #000000;padding:5px 10px;}
#tab1 td.vspaced {padding: 1em; 10px;}
#tab1 tr.blau td {background:#B9D2E6;}
#tab1 tr.grun td {background:#D6E0D7;}
#tab1 tr.rot td {background:#EBD5D7;}
#tab1 tr.gelb td {background:#F6EBD7;}
#tab1 tr.vio td {background:#E0D6DF;}
#tab1 tr.braun td {background:#EAE0D6;}

#tab2{border-collapse:collapse;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;}
#tab2 td{padding:5px 10px 5px 10px;}
#tab2 tr.blau td{background:#B9D2E6;}
#tab2 tr.grun td{background:#D6E0D7;}
#tab2 tr.rot td{background:#EBD5D7;}
#tab2 tr.gelb td{background:#F6EBD7;}
#tab2 tr.vio td{background:#E0D6DF;}
#tab2 tr.braun td{background:#EAE0D6;}


div.color1 #rechtsMenu { background-color: #99A9B8; }
div.color2 #content, div.color2 #content-dok { background-color: #FADB9A; }
div.color2 #rechtsMenu { background-color: #FACD72; }

a img {border: none;}
div .image {text-align: center;}
div .leftimage {width: 50%; float: left;}
