/*** Homepage: http://www.montom.de *** CMS: voiTEC.WEB 2.0 - http://www.voitec.de ***/

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% arial,tahoma,helvetica,sans-serif; color: #000; background-color: #FFF; }
img { border: 0; }
form { display: inline; }
.killer { height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }

/* Fehlermarkierung */
.error { padding: 10px 0; font-weight: bold; color: #FF0000; background-color:#FFFFFF; }
input.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
textarea.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
.error-check { padding: 0 2px 2px 2px; background: #FF0000; }
select.error { padding: 0; font-weight: bold; color: #FF0000; }

/* Layout */
.box { position: relative; width: 990px; margin: 0px auto; background-position: -990px 0px; background-repeat: repeat-y; }
.boxx { position: relative; width: 990px;background-position: 0px 0px; background-repeat: no-repeat; }
#kopf { float: left; width: 100%; height: 105px; }
#koerper { position: relative; left: 20px; top: 13px; float: left; width: 950px; }
* html #koerper { top: 7px; }
#fuss { clear: both; width: 100%; height: 165px; background-position: -1980px bottom; background-repeat: no-repeat; }

/* Grafiken */
.bg { background-image: url(../de,thememontom,images/bg.jpg); }

/* Kopfzeile */
#kopf { }

/* Navigationsmenue (im Kopf) */
#nav { position: relative; top: 1px; width: 530px; padding: 0px 20px; }
* html #nav { top: 0px; }
#nav ul { padding: 6px 0px 0px 10px; list-style: none; }
#nav ul li { float: left; /*margin-right: 10px;*/ color: #FFF; font-size: 0.8em; font-weight: normal; }
#nav a { display: block; padding: 5px 5px 7px 5px; color: #FFF; text-decoration: none; }
#nav a:hover { color: #E1051E; background-color: #FFF; }
#nav .aktiv { display: block; margin: -5px -5px 0px -5px; padding: 5px 5px 7px 5px; color: #E1051E; background-color: #FFF; }

/* Pfad */
.siesindhier { position: relative; padding: 10px; }
.siesindhier p { float: left; width: 506px; padding-bottom: 5px; text-align: right; font: normal 0.7em verdana; color: #666; }

/* Inhalt */
.inhalt { float: left; width: 650px; min-height: 250px; margin-left: 20px; padding: 0px 20px 10px 30px; font-size: 0.8em; color: #000; background-color: #FFF; border: 1px solid #e2001a; }
* html .inhalt { margin-left: 10px; }
.inhalt h1 { height: 16px; margin: 0px -10px 15px -30px; padding: 10px 0px 0px 30px; color: #e2001a; font-size: 1.2em; font-weight: bold; text-decoration: underline; background-position: -2990px 0px; background-repeat: no-repeat; }
.inhalt h2 { clear: both; margin: 15px 0px 10px 0px; color: #555; font-weight: bold; font-size: 1.1em; }
.inhalt p { margin-bottom: 15px; line-height: 1.5em; }
.inhalt ul { margin: 10px 20px 15px 28px; }
.inhalt ol { margin: 10px 20px 15px 35px; }
.inhalt li { padding: 3px; }
.inhalt dl { margin: 5px 0px 10px 0px; font-size: 1em; }
.inhalt .spalten {  }
.inhalt .spalten dt { float: left; width: 12.5em; padding: 3px; }
.inhalt .spalten dd { margin-left: 12.5em; padding: 3px; }
.inhalt .zeilen dt { float: left; padding: 3px; }
.inhalt fieldset { padding: 10px; font-size: 0.85em; }
.inhalt fieldset legend { padding: 5px; }
.inhalt fieldset label { display: block; font-size: 12px; }
.inhalt fieldset p { font-size: 1em; }
.inhalt address { margin-bottom: 15px; padding: 3px; font-weight: normal; font-size: 0.9em; }
.inhalt a { text-decoration: none; border-bottom: 1px dotted darkblue; }
.inhalt a:hover { border-bottom: 1px solid #e2001a; }
.inhalt .seitemitbild { float: right; margin: 0px 0px 15px 15px; }
.inhalt .ul177 dl dt { height: auto; }

/* Inhalt - Startseite - aktuelle Projekte */
.box-news { }
.box-news dl { float: left; width: 200px; margin: 0px 10px 10px 0px; text-align: center; border: 1px dotted #666; }
.box-news dl:hover { color: #DDD; background: #333; border: 1px solid #000; }
.box-news dl:hover a { color: #FFF; }
.box-news dl dt { height: 60px; padding: 10px; font-weight: bold; }
.box-news dl dt  img { margin-top: 10px; }
.box-news dl dd { padding-bottom: 7px; }

/* Inhalt - animierte Galerie */
#myGallery { float: right; margin: 0px 0px 15px 25px; }

/* Inhalt - Themenrubriken */
.nav-rubrikstart dl { float: left; width: 200px; height: 205px; margin: 0px 10px 10px 0px; text-align: center; border: 1px dotted #666; }
.nav-rubrikstart dl:hover { color: #DDD; background: #333; border: 1px solid #000; }
.nav-rubrikstart dl:hover a { color: #FFF; }
.nav-rubrikstart dl dt { height: 30px; padding: 10px; font-weight: bold; }
.nav-rubrikstart dl dd { padding-bottom: 7px; font-size: 0.9em; }
.nav-rubrikstart dl dd span { display: block; margin-top: 10px; }

/* Inhalt - Themenrubrik-Bilder */
.nav-rubrik dl { float: left; width: 200px; margin: 0px 10px 10px 0px; text-align: center; border: 1px dotted #666; }
.nav-rubrik dl:hover { color: #DDD; background: #333; border: 1px solid #000; }
.nav-rubrik dl:hover a { color: #FFF; }
.nav-rubrik dl dt { height: 30px; padding: 10px; font-weight: bold; }
.nav-rubrik dl dd { padding-bottom: 7px; }
.nav-rubrik dl dd span { display: block; margin-top: 10px; }

/* Inhalt - Aktuelles */
.nav2 dl { float: left; width: 200px; margin: 0px 10px 10px 0px; text-align: center; border: 1px dotted #666; }
.nav2 dl:hover { color: #DDD; background: #333; border: 1px solid #000; }
.nav2 dl:hover a { color: #FFF; }
.nav2 dl dt { height: 60px; padding: 10px; font-weight: bold; }
.nav2 dl dt  img { margin-top: 10px; }
.nav2 dl dd { padding-bottom: 7px; }

.ul177 dl { float: none; width: 95%; text-align: left; }
.ul177 dl dd { padding: 10px; }

/* Inhalt - Bild */
.blaettern .weiter { float: right; }
.blaettern .zurueck { float: left; }
.blaettern ul { clear: both; margin: 0px auto; list-style: none; }
.blaettern ul li { display: inline; }

/* Inhalt - Callback-Formular */
#formulartabelle2 { width: 525px; }
#formulartabelle2 td { padding: 5px; }
#formulartabelle2 .f_headline { font-weight: bold; }

/* INFO-Spalte */
#infospalte { position: absolute; right: 20px; width: 200px; }
#infospalte dl { float: left; padding: 10px; font-size: 0.8em; }
#infospalte dl dt { font-weight: bold; line-height: 1.5em; }
#infospalte dl dt img { float: left; margin: -3px 5px 0px 0px; }
#infospalte dl dd { clear: left; padding: 10px 0px; text-align: center; font-weight: bold; font-size: 1.5em; letter-spacing: 0.1em; }
#infospalte dl .callback { padding: 0px; font-size: 1em; color: #FFF; background-color: #e2001a; }
#infospalte dl .callback a { display: block; padding: 5px 0px; color: #FFF; background-color: #e2001a; text-decoration: none; border: 2px solid #FFF; }
#infospalte dl .callback a:hover { color: #e2001a; background-color: #FFF; border: 2px solid #e2001a; }

/* INFO-Spalte Jobs */
#infospalte .jobs { position: absolute; top: 150px; width: 155px; margin: 0px 10px; padding: 10px; font-size: 1em; border: 1px dotted #666; }
#infospalte .jobs h2 { margin-bottom: 10px; color: #666; font-weight: bold; font-size: 1em; border-bottom: 1px dotted #666; }
#infospalte .jobs dl { padding: 0px; border: 0; }
#infospalte .jobs dt dt { text-align: left; }
#infospalte .jobs dl dt a { padding: 0px; color: #CC0000; text-decoration: none; border-bottom: 1px dotted #CC0000; }
#infospalte .jobs dl dt a:hover { color: #000; border-bottom: 1px solid #000; }
#infospalte .jobs dl dd { margin-top: 10px; padding: 0px; font-weight: normal; font-size: 0.9em; text-align: left; }

/* Fußzeile */
#fuss { position: relative; top: 13px; width: 950px; padding: 0px 20px; }
* html #fuss { top: 7px; }
#fuss ul { padding: 20px 0px 0px 10px; list-style: none; }
#fuss ul li { float: left; margin-right: 10px; color: #FFF; font-size: 0.8em; font-weight: normal; }
#fuss a { display: block; color: #FFF; text-decoration: none; }
#fuss a:hover { color: #CC0000; text-decoration: underline; }