/* all the magic is in the following imported stylesheets. nn4 and ie4 won't see those, sorry ;) */
/* this is the basic stylesheet for old browser, pda, textbrowsers and such. not very much indeed. */
a img {border-width:0; border-style:none; border-color:#fff; color:#fff}
img{border:none;margin:0;padding:0;}
#skiplinks {display:none;}
.wrong {color: White;background-color: Red;}
/* reset */
div,p,th,td,h1,h2,h3,h4,h5,h6,span,ul,ol,li,dl,a{text-align: left; margin: 0; padding: 0}

/* headings */
p{margin: 0 auto;	padding: 5px 5px 10px 0;}

/* positioning */
#kopfleiste{height: 120px;}
#menue{position: absolute; top: 120px; left: 0px; height: 38px; width: 100%;}
#logo{position: absolute; right: 0; top: 0}

/* navigation */
#menue td{padding: 0; margin: 0; width: 14.29%}
#menue a{display: block; text-align: center; margin: 0; width: 100%; padding: 8px 0;}

/* subnavigation forms and offers*/
.jump{width: 100%;padding: 1.2em 0 1.2em; text-align:center; margin: 0 auto;}
.jump li {display: inline; }
.jump h2{display: inline;}
.jump a{padding: 2px; margin-right: 1em;}

/* content */
div#content{position: absolute; left: 0; top: 135px; padding-top: 20px; width: 100%; text-align: center;}
div#contenttwo{position: absolute; left: 0; top: 155px; padding-top: 20px; width: 100%; margin:0 auto; }

/* home */
table.index td{vertical-align: top;}
table.index td#leistungenli{width: 25%;padding: 30px 25px 10px 25px;}
table.index td#leistungenmi{width: 36%;padding: 30px 25px 10px 25px;}
table.index td#leistungenre{width: 39%;padding: 30px 25px 10px 25px;}
table.index td#leistungenmi img{margin: 15px 25px 0px 0;}

#news{margin-top: 20px; padding-bottom: 80px; border-top: 1px solid #fff;}

.artikel{position: absolute; top: 4.5em; width: 88%; left: 6%; padding-top:4.5em; padding-bottom: 3em; margin: 0 auto;}
.artikel h1{padding: 5px 30px 15px 30px;}
.artikel h3{padding: 10px 30px 5px 30px;}

/* icons, buttons and text (buttonreihe=Angebote und Formulare)(buttonreihetwo=Produkte) for forms  */
table.buttonreihe{position: relative; width: 88%; top: -3em; margin-bottom: 15px;}
table.buttonreihe tr td{width: 29%;vertical-align: bottom; padding: 7px; margin: 0 auto;}
table.buttonreihe .first{padding-top: 70px;}
table.buttonreihe a{padding: 0 10px 0 10px;}
table.buttonreihe .icon{position: relative; z-index: 80; display: block; top: 15px; width: 40%;	}
table.buttonreihe .icon img{display: block; padding: 5px;}

/*head text from "products"*/
.einleitung{position: relative; margin: 0 auto; top: -3.0em; text-align: center; width: 60%; z-index: 20; padding-top: 4em}
.einleitung h1, .einleitung h3{margin: 5px 0 5px 10px;}
.einleitung h3{text-align: center;}

/*products*/
table.buttonreihetwo{position: relative; width: 88%; top: -8em; z-index: 10; vertical-align: bottom;}
table.buttonreihetwo td{vertical-align: bottom; margin: 0 auto;}
table.buttonreihetwo h1{padding: 10px 0 5px 35px;}
table.buttonreihetwo h3{padding: 0 0 5px 35px;}
.erster{padding: 0 0 5px 35px; margin-top:9em;}
.letzter{border-bottom: 1px solid #fff; padding-bottom: 20px!important}
.allerletzter{margin-bottom: 20px; vertical-align: bottom;}

/* offerings (right and left column) */
table.buttonreihe .second{padding-top: 70px;}
.rechts a.lnknoborder{margin:0; padding: 0 !important}
table.buttonreihe .links {text-align: right; vertical-align:top;}
table.buttonreihe .firstangebote{vertical-align:bottom;}

/* contact */
#kontaktformular{border: 1px solid #fff; margin: 0 auto; width: 520px; padding: 20px;}
#kontaktformular .input, #kontaktformular .textarea{padding: 0;margin: 0; width: 240px;}
#kontaktformular td{width: auto;}
#kontaktformular .lbl{margin-left: 0; padding-left:0;} 
#kontaktformular .err{padding: 0; margin: 0;vertical-align: middle;}
#kontaktformular .button {width: 150px;}
#kontaktformular .right {text-align:center !important}
#kontaktformular .checkbox{width: auto;}

/* links to www.hexatex.de */
.hexatexindex, .hexatexindex p{text-align: center;}
.hexatex {position: absolute; right: 0; top: 3.6em;}
.hexatex a img, .hexatexzwei a img{padding-left: 10px;}
.hexatexzwei{position: absolute; right: 0; top: 5.15em;}

/* general */
a img{margin: 10px;}
.hoch{position: absolute; left: 0; margin-left: 80%;}
.totop{position: absolute; left: 0; margin-left: 80%; margin-top:-7em;}
.abstand{padding-top: 50px; text-align: center;}
.icon{position: relative; width: 330px; z-index:80 ;margin-top: 50px; text-align: center ; margin: 0 auto;}
.icon h3{text-align: center;}
.tooltip{width: 220px;	padding: 5px; z-index:90;}
/* here are some generic rules, which are usually quite useful */
.none {display:none;}
.hide {visibility:hidden;}
.nowrap {white-space:nowrap;}
.block {display:block;}
.clear {clear:both;}
.clearR {clear:right;}
.clearL {clear:left;}
.buffer {font-size:0; height:1px; width:1px;}
.fl {float:left;}
.fr {float:right;}
.nofloat {float:none; display:inline;}
.noborder{border: none !important;}
.center{text-align: center; }
.right{text-align: right;}
.left{text-align: left;}
.ml{vertical-align:middle !important;text-align:left;}
.mr{vertical-align:middle !important;text-align:right;}
.smallfont{font-size:0.8em;}
.w100{width:100%;}
.asterik{color:red;}
.pr{margin-right:20px;}
.pl{margin-left:20px;}
html>body{font-size:small;}
html>body td{font-size: small;}
body{color: #222222; background-color: #f0f0f0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;	f\ont-size: small; text-align: center; }
td{font-size: x-small; f\ont-size: small;}
body,html{margin: 0; padding: 0;}

/* headings */
h1 {font-size: 0.9em; font-weight: normal;}
h2 {font-size: 0.8em; font-weight: normal;}
h3 {font-size: 1em}

/* links */
a {text-decoration: none; color: white ; border-left: 1px dotted #ffffff; border-right: 1px dotted #000000;}
a:hover{color: #000000;	border-right: 1px dotted #000000; border-left: 1px dotted #000000;}
a.lnknoborder{color: #000000;	border: none;}
a.lnknoborder:hover{color: #000000; border: none !important;}

/* positioning */
#kopfleiste {height: 120px;background:  url(file:///C|/Dokumente%20und%20Einstellungen/administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/Content.IE5/http://www.tecwiz.de/mwm/images/kopfleiste.jpg);}

/* navigation */
#menue td{background-color: #ffffff}
#menue a{font-size: 1.0em; font-weight: bold ; color: #888888; background: #ffffff; border:solid #000080; border-width: 1px 0px 1px;}
#menue a:hover{background-color: #F0F0F0; color: #000080;}

/* content */
div#content, div#contenttwo{background-color: #f0f0f0;}

/*leistungen*/
.artikel{border: 1px solid; border-color: #888888;background-color:#ffffff}
.artikel h1{border-bottom: 1px dotted #fff;}

/* subnavigation forms */
.jump a{color: #000080; border-right: 1px solid #888888; border-left: 1px solid #888888; width: 1px;}
.jump a:hover{color: #990033;	border-right: 1px dotted #000000; border-left: 1px dotted #888888;width: 1px;}

/*head text from "products"*/
.einleitung{background-color: #ffffff; border: 1px solid; border-color: #888888;}

/* icons, buttons and text (buttonreihe=Angebote und Formulare)(buttonreihetwo=Produkte) for forms  */
table.buttonreihe, table.buttonreihetwo{margin: 0 auto; text-align: center; background-color: #ffffff; border: 1px solid; border-color: #888888;}
table.buttonreihe h3{text-align: center;}
table.buttonreihe td{margin: 0 auto;}
table.buttonreihe a{color: #000080;}
table.buttonreihe a:hover{text-align: center; margin: 0 auto; color: #990033;}
table.buttonreihe .firstangebote{text-align: right;}

/*"products"*/
table.buttonreihetwo h1{font-size: 0.7em; font-weight:normal;}
table.buttonreihetwo h3{font-size: 0.9em}
.sparten li{border: 1px solid #888888;}
.sparten li h1 a{font-size: 0.8em;}
.sparten li h3 a{font-size: 0.8em;}
.sparten a:hover{	color: #fff;}

/* offerings (right and left column) */
td.links{text-align: right !important;}
td.rechts{text-align: left !important;}
td.rechts a.lnknoborder{color: #ffffff;}
.rechts a.lnknoborder:hover{margin:0; color: #FFF;}

/* services */
table.index {font-size: 1em; font-weight: normal}
table.index td#leistungenli{background-color: #f0f0f0; font-weight: bold; border: 1px solid; border-color: #fff #fff #888888 #fff;}
table.index td#leistungenmi{background-color: #ffffff; border: 1px solid; border-color: #888888;}
table.index td#leistungenmi .header, table.index td#leistungenre .header{font-weight: bold; padding-bottom: 0px;}
table.index td#leistungenre{background-color: #ffffff; border: 1px solid; border-color: #fff #fff #888888 #fff;}

/* contact */
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {color: #000;background-color: #ffffff;}
#kontaktformular .lbl{text-align: right; vertical-align: middle;}
#kontaktformular .message{text-align: right; vertical-align: top;}
#kontaktformular .err{ color: #ccc; text-align: left !important}
#kontaktformular .button{border:1px solid #fff;color: #fff;background-color: #000080;}

/* general */
p {line-height: 1.3em;}
.icon{background-color: #f0f0f0; border: 1px solid; border-color: #888888;}
.tooltip{color: #eee; background-color: #000080;  font-size: 0.8em; border: 1px solid; border-color: #888888;}
.over{background-color: #F0F0F0 !important; color: #990033 !important;}
.abstand{margin: 0 auto;}
.abstand h3{text-align:center;}