/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/
/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in Ã¤lteren Opera Versionen */
html { font-size:100.01%; height:100%; }

/* Allgemeine Formatierungen */
body { height:100%; background:url(../../gfx/basis/bg_body.gif) repeat-x; color:#333; font-size:70.00%; }
body, td, th, p, div, form { font-family:Arial, Helvetica, sans-serif; }
body, form, p { margin:0; padding:0; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border:none; }

/* Überschriften deklarieren */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
h1 { font-size:1.6em; margin-bottom:12px; }
h2 { font-size:1.4em; margin-bottom:8px; }
h3 { font-size:1.2em;margin-bottom:6px;  }
h4 { font-size:1.1em; margin-bottom:6px; }
h5 { font-size:0.9em; margin-bottom:4px; }
h6 { font-size:0.8em; margin-bottom:4px; }


/* Weitere HTML-Tags */
a { color:#000;  text-decoration:none; }
a:hover { color:#014593; }
p { margin-bottom:10px; }


/*-- Deklarierung von IDs ----------------------------------------*/

/*-- Page --*/
#page { width:954px; min-height:100%; height:auto !important; height:100%; background:url(../../gfx/basis/bg_page.png) repeat-y; margin:0 auto; }

/*-- Head --*/
#head .adr_lang { position:absolute; width:350px; left:600px; top:15px; }
#head .adr { float:left; width:240px; }
#head .adr_1 { float:left; width:110px; }
#head .adr_2 { width:110px; margin-left:120px; }
#head .lang { float:right; width:100px; }
#head .lang img { vertical-align:top; padding:1px 10px 0 0; }

/*--- abc-bruns.de --------------------------------------------------------*/
#head.client_1 { position:relative; height:267px; margin:0 2px 30px 2px; background:url(../../gfx/basis/bg_head-abc.jpg) no-repeat; }
#head.client_1 #logo { float:left; width:130px; padding:15px 0 0 40px; }
#head.client_1 #slogan { position:absolute; top:179px; left:43px; }

/*--- maschinen.de --------------------------------------------------------*/
#head.client_2 { position:relative; height:276px;  margin:0 2px 21px 2px; background:url(../../gfx/basis/bg_head-maschinen.jpg) 0 71px no-repeat; }
#head.client_2 #logo { float:left; width:284px; padding:15px 0 0 40px; }

/*--- wohnwagen.de --------------------------------------------------------*/
#head.client_3 { position:relative; height:263px;  margin:0 2px 34px 2px; background:url(../../gfx/basis/bg_head-wohnwagen.jpg) 0 61px no-repeat; }
#head.client_3 .adr_lang { width:250px; left:700px; top:15px; }
#head.client_3 #logo { float:left; width:533px; padding:6px 0 0 20px; }
#head.client_3 #slogan { position:absolute; top:95px; left:385px; }

/*--- abc-bruns.com --------------------------------------------------------*/
#head.client_4 { position:relative; height:267px; margin:0 2px 30px 2px; background:url(../../gfx/basis/bg_head-abc.jpg) no-repeat; }
#head.client_4 #logo { float:left; width:130px; padding:15px 0 0 40px; }
#head.client_4 #slogan { position:absolute; top:179px; left:43px; }

/*--- maschinen.com --------------------------------------------------------*/
#head.client_5 { position:relative; height:276px;  margin:0 2px 21px 2px; background:url(../../gfx/basis/bg_head-maschinen.jpg) 0 71px no-repeat; }
#head.client_5 #logo { float:left; width:284px; padding:15px 0 0 40px; }


/*-- Content --*/
#content { width:950px; margin:0 2px; overflow:hidden; }
#col_1 { float:left; width:190px; display:inline; margin-bottom:30px; }
#col_2 { width:510px; margin:0 250px 0 190px; margin-bottom:30px; overflow:hidden; }
#col_2_nobox_right { width:760px; margin:0 0 0 190px; margin-bottom:30px; overflow:hidden; }
#col_3 { float:right; width:250px; display:inline; margin-bottom:30px; }
* html #content #col_1 { margin-right:-3px; }
* html #content #col_2 { margin:0px; width:500px; }
* html #content #col_2_nobox_right { margin:0px; width:754px; }
* html #content #col_3 { margin-left:-3px; }


/* --- Deklarierung von Navigation ------------------------------------*/

/* --- Ebene 1 --- */
ul#mainnav { margin:0 0 0 15px; padding:0; list-style:none; }
#mainnav li { display:block; width:174px; }
#mainnav li a { padding:5px 0 0 43px; display:block; height:25px; font-weight:bold; font-size:1.1em;  background:url(../../gfx/basis/navigation/mainnav.gif) no-repeat; }
#mainnav li a:hover { background:url(../../gfx/basis/navigation/mainnav.gif) no-repeat left -35px; color:#fff; }
#mainnav li a.active { background:url(../../gfx/basis/navigation/mainnav.gif) no-repeat left -35px; color:#fff; }

/* --- Wohnwagen ---*/
#mainnav.client_3 li a { padding:5px 0 0 20px; display:block; height:25px; font-weight:bold; font-size:1.1em;  background:url(../../gfx/basis/navigation/mainnav_wohnwagen.gif) no-repeat; }
#mainnav.client_3 li a:hover { background:url(../../gfx/basis/navigation/mainnav_wohnwagen.gif) no-repeat left -35px; color:#fff; }
#mainnav.client_3 li a.active { background:url(../../gfx/basis/navigation/mainnav_wohnwagen.gif) no-repeat left -35px; color:#fff; }

/* --- Ebene 2 --- */
#mainnav li ul { margin:0 0 10px 0; padding:0; list-style:none; }
#mainnav li ul li { padding:0; margin:1px 0; width:175px; }
#mainnav li ul li a, #mainnav.client_3 li ul li a { height:auto; padding:3px 0 3px 20px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 7px; font-weight:normal; font-size:1.0em; }
#mainnav li ul li a:hover, #mainnav.client_3 li ul li a:hover { font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 7px #ebeef6; text-decoration:underline; color:#014593; }
#mainnav li ul li a.active_u, #mainnav.client_3 li ul li a.active_u { font-weight:bold; background:url(../../gfx/symbole/icon_blue_v.gif) no-repeat 8px 7px #ebeef6; text-decoration:underline; color:#014593; }
#mainnav li ul li a.active, #mainnav.client_3 li ul li a.active { font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 7px #ebeef6; text-decoration:underline; color:#014593; }

/* --- Ebene 3 --- */
#mainnav li ul li ul { margin:0; padding:0; list-style:none; }
#mainnav li ul li ul li { padding:0; margin:1px 0; }
#mainnav li ul li ul li a, #mainnav.client_3 li ul li ul li a { height:auto; padding:3px 0 3px 30px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 18px 7px; font-weight:normal; font-size:1.0em; }
#mainnav li ul li ul li a:hover, #mainnav.client_3 li ul li ul li a:hover { font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 18px 7px #ebeef6; text-decoration:underline; color:#014593; }
#mainnav li ul li ul li a.active, #mainnav.client_3 li ul li ul li a.active { font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 18px 7px #ebeef6; text-decoration:underline; color:#014593; }


/* --- Deklarierung von Klassen ------------------------------------*/

/* seiteninhalt */
#col_2 .seiteninhalt, #col_2_nobox_right .seiteninhalt { padding:0 30px; line-height:1.4em; overflow:hidden;}
.seiteninhalt .img_border { border:1px solid #e2e3e5; }
.seiteninhalt .left .img_border { margin:0 20px 5px 0; }
.seiteninhalt .right .img_border { margin:0 0 5px 20px; }
.seiteninhalt img { border:1px solid #fff; }
.seiteninhalt .img_text { padding:4px; background:#F3F3F3; margin:0 1px 1px 1px; }
.seiteninhalt .img_bottom { margin-top:20px; }
.seiteninhalt .img_top { margin-bottom:20px; }
.seiteninhalt .aktuelles { width:450px; overflow:auto; }
.seiteninhalt .aktuelles h3 { font-size:1.0em; margin:0px; padding:0; }
.seiteninhalt .aktuelles .text_aktuelles { display:block; width:350px; float:right; }
.seiteninhalt .aktuelles .img_border { width:78px; }
.seiteninhalt .aktuelles .text_aktuelles a { padding:0 0 0 10px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; color:#014593; }
.seiteninhalt .aktuelles .text_aktuelles a:hover { text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; }
.seiteninhalt .files a { padding:0 0 0 10px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; color:#014593; }
.seiteninhalt .files a:hover { text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; }
.seiteninhalt .back { text-align:right; }
.seiteninhalt .back a { padding:0 0 0 10px; background:url(../../gfx/symbole/icon_blue_back.gif) no-repeat 0 4px; font-weight:bold; color:#014593; }
.seiteninhalt .back a:hover { text-decoration:underline;  background:url(../../gfx/symbole/icon_blue_back.gif) no-repeat 0 4px; }
.seiteninhalt a.text_link { padding:0 0 0 10px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; color:#014593; }
.seiteninhalt a:hover.text_link { text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 4px; }
/* Anprechpartner */
.seiteninhalt.asp h3 { margin:0 0 10px 0; padding:2px 6px; border-left:3px solid #014495; border-bottom:1px solid #014495; }
.seiteninhalt.asp td { vertical-align:top; }
.seiteninhalt.asp span { display:block; }
.seiteninhalt.asp a { padding:3px 0 3px 10px; font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }
.seiteninhalt.asp a:hover { color:#014593; text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }

/* Downloads */
.seiteninhalt.downloads ul { margin:0; padding:0; list-style:none; }
.seiteninhalt.downloads ul ul { margin:0; padding:10px 0 10px 20px; list-style:none; }
.seiteninhalt.downloads h1 { display:block; margin:0 0 6px 0; padding:0 6px; border-left:3px solid #014495; border-bottom:1px solid #014495; font-size:1.1em; font-weight:bold; }
.seiteninhalt.downloads h2 { display:block; margin:0 0 6px 0; font-size:1.0em }
.seiteninhalt.downloads span { display:block; margin:0 0 6px 0; font-size:1.0em }
.seiteninhalt.downloads a { padding:3px 0 3px 10px; font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }
.seiteninhalt.downloads a:hover { color:#014593; text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }

/* Boxen allgemein */
.infobox h1 { font-size:1.3em; }
.infobox img { border:1px solid #fff; }
.infobox a { font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 7px; }
.infobox .img_border a { background:none; padding:0; }
.infobox a:hover { color:#014593; text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 7px; }
.infobox fieldset { padding:6px; margin-top:12px; border:1px solid #333333; }
.infobox fieldset a { display:block; padding:2px 0 3px 20px; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 6px; }
.infobox fieldset a:hover { color:#014593; text-decoration:underline; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 8px 14px; }
.infobox legend { font-weight:bold; font-size:1.2em; }
.infobox .files_top { margin-bottom:12px; }
.infobox .img_border { border:1px solid #e2e3e5; }
.infobox .img_bottom { margin-top:12px; }
.infobox .img_top { margin-bottom:12px; }
.infobox span.text_link { display:block; text-align:right; margin-top:10px; }
.infobox span.text_link a { padding:3px 0 3px 10px; }
.infobox .img_trenner { height:12px; }
.infobox .files_trenner { height:6px; }

/* Boxen links */
#col_1 .infobox { width:174px; margin:0 0 0 15px; }
#col_1 .infobox .top { height:16px; background:url(../../gfx/infobox/ibox_left_top.gif) no-repeat; }
#col_1 .infobox .content { padding:0 10px; background:url(../../gfx/infobox/ibox_left_content.gif) repeat-y; }
#col_1 .infobox .bottom { height:16px; background:url(../../gfx/infobox/ibox_left_bottom.gif) no-repeat; }
#col_1 .infobox .img_left { display:block; float:left; padding:0 6px 6px 0; width:74px; }
#col_1 .infobox .img_right { display:block; float:right; padding:0 0 6px 6px; width:74px; }

/* Boxen rechts */
#col_3 .infobox { width:234px; margin:0 15px 0 0; }
#col_3 .infobox .top { height:16px; background:url(../../gfx/infobox/ibox_right_top.gif) no-repeat; }
#col_3 .infobox .content { padding:0 10px; background:url(../../gfx/infobox/ibox_right_content.gif) repeat-y; }
#col_3 .infobox .bottom { height:16px; background:url(../../gfx/infobox/ibox_right_bottom.gif) no-repeat; }
#col_3 .infobox .img_left { display:block; float:left; padding:0 6px 6px 0; width:94px; }
#col_3 .infobox .img_right { display:block; float:right; padding:0 0 6px 6px; width:94px; }

/* ASP Boxen rechts */
.infobox.asp .asp_img_left { display:block; float:left; padding:0 3px 0 0; width:86px; }
.infobox.asp .daten { width:200px; background:#FF0000;}
.infobox.asp .kd {  padding:6px 0 0 0; }
.infobox.asp span { display:block; }
.infobox .zusatz {  }
.infobox a { padding:3px 0 3px 10px; font-weight:bold; background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }
.infobox a:hover { color:#014593; text-decoration:underline;  background:url(../../gfx/symbole/icon_blue.gif) no-repeat 0 7px; }

/* Form-Elemente */
/* algemein */
form.formular { margin:0 0 30px 0; width:450px; }
.formular label { display:block; float:left; width:120px; margin:0 0 6px 0; font-weight:bold; }
.formular label.plz { display:inline; width:auto; }
.formular label.ort { display:inline; width:95px; }
.formular .form p { margin-bottom:10px; }
.formular .form_style { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border-top:solid 1px #EFEFEF; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #EFEFEF; background-color:#fff; }
.formular .form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #FF0000; background-color:#fff; }
.formular .form_bez { padding-top:4px; }
.formular .form_elem { padding:0px 0px 3px 10px; }
.formular p.button_form { padding:10px 0 0 390px; }

/* Login_box */
.login p { margin:3px 0; }
.login a { background:none; padding:0; margin:0; }
.login a:hover { background:none; }
.login .k2 { padding:4px 0; }
.login .button_login { margin:5px 0 0 0; text-align:right; }
.login .form_style { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:1px solid #fff; background-color:#fff; }
.login .form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #FF0000; background-color:#fff; }

/* --- Weitere Klassen ------------------------------------*/

/* Trenner und Abstände */
.trenner { height:1px; margin-top:8px; margin-bottom:8px; font-size:1px; }
.trenner_inhalte { height:25px; font-size:1px; }
.trenner_inhalte_asp { height:20px; }
.seiteninhalt_bilder_trenner { height:18px;}
.trenner_news { height:18px; font-size:1px; }
.trenner_asp { clear:left; height:18px; font-size:1px; }
.trenner_infoboxen { height:20px; font-size:1px; }
.trenner_infobox_bilder { margin-bottom:10px; }
.trenner_head_content { height:15px; font-size:1px; }
.trenner_liste { height:1px; font-size:1px; margin-top:5px; margin-bottom:5px; }
.abs_infobox_downloads_top { margin-bottom:15px; }
.abs_infobox_downloads_bottom { margin-top:15px; }

/* Float-Klassen */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.ta_right { text-align:right; }
/* Textgrößen definiern*/
.g1 { font-size:1.1em; } /* 12px */
.k1 { font-size:0.9em; } /* 10px */
.k2 { font-size:0.8em; } /* 9px */

/* Textfarben definiern*/
.c_red { color:#FF0000; }
.c_green { color:#009900; }
.c_blue { color:#004b93; }

/* Hintergrunfarben definiern*/
.bg_grau1 { background-color:#F0F0F0; }
.bg_grau2 { background-color:#E9E9E9; }

/* Absätze deklarieren */
.abs6 { margin-bottom:6px; }
.abs8 { margin-bottom:8px; }
.abs10 { margin-bottom:10px; }
.abs12 { margin-bottom:12px; }
.abs15 { margin-bottom:15px; }
.abs18 { margin-bottom:18px; }
.abs20 { margin-bottom:20px; }
.abs24 { margin-bottom:24px; }

