@charset "UTF-8";
/* CSS Document für www.vemac.de */
/* (c) 2010 / autor: johannes holl / holl designbüro - www.hollpage.de */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:0px; background-color:#cecece; margin-bottom:40px; color:#000000; }

a:link { font-weight:normal; color:#000000; text-decoration:none; border:0;  }
a:visited {  font-weight:normal; color:#000000; text-decoration:none; }
a:focus {  font-weight:normal; color:#000000; text-decoration:none; }
a:hover {  font-weight:normal; color:#000000; text-decoration:underline; }

img, div, a { behavior:url("../images/png_work/iepngfix.htc"); border:0; }
img.pfeil { margin-bottom:-3px; }
img.pfeil_rechts { margin: 0 5px -3px 0;  }

ul { padding-left:15px;  }

/* Download-IMGs */
.mime_icon { margin-bottom:-3px; }

/* SITE-CONSTRUKTION */
#wrapper { padding-top:20px; position:relative; width:894px; left:50%; margin:0 0 0 -447px;}
#container { width:874px; padding: 0 10px 0 10px; position:relative; top:0px; background:url(../images/container_bg.jpg) repeat-y; }
#header { position:absolute; top:20px; width:874px; height:115px; overflow:hidden; z-index:50; margin-left:10px; }
#footer { width:894px; height:41px; background: url(../images/container_bg.jpg); overflow:hidden; display:block; }
#left { height:400px; width:874px; overflow:hidden; z-index:0; float:none; }
#right { height:150px; width:874px; overflow:hidden; z-index:0;  margin:0px; padding:0px;}
#main { margin:0; background-color:#FEFEFE; width:871px; padding:3px 0 3px 3px; overflow:hidden; margin-top:-3px;}


/* MAIN */
.mod_breadcrumb { background:#DBDBDC; color:#000000; line-height:15px; height:27px; padding:0 24px 0 165px; margin: 0 3px 3px 0; }
.breadcrumb_inhalt { background:#ffffff; color:#000000; font-weight:normal; line-height:27px; height:27px; padding:0 15px 0 15px; display:inline-block; float:left; }
.breadcrumb_img { margin:5px 10px 0 5px; float:left;  }
.breadcrumb_text { margin:0; float:left;  }
.breadcrumb_text_active { color:#828282;  }
.slider_ersatz { margin:0px; padding:0; width:874px; height:150px; padding:0px; }


/* MENU - HEADER */
#logo { position:absolute; top:0px; left:0px; background:url(../images/logo_vemac_web.gif) no-repeat 0 0 ; margin:0; margin: 4px 0 0 0; width:237px; height:57px; float:left; }
#main_nav { z-index:1; position:absolute; top:0px; right:0px; }
#login_nav {z-index:50; position:absolute; top:0px; left:800px;}
#logout_nav {z-index:50; position:absolute; top:0px; left:800px;}

#menu { float:right; background-color:#1A1380; height:23px; width:624px; word-spacing:15px; color:#F1C724; padding: 1px 0 0 ; }
#login_menu { background-color:#1A1380; word-spacing:15px; padding: 1px 0 0 14px; height:23px; width:60px; overflow:hidden;}
#logout_menu { background-color:#800000; word-spacing:15px; padding: 1px 0 0 14px; height:23px; width:60px; overflow:hidden; border-left:1px solid #FFFFFF; }

#menu img { margin:0 0 0 15px; float:left;   }
.menubutton { float:left; margin: 0 15px 0 0; }
.menubuttonactive { font-size:1em; line-height:22px; color:#F1C724; font-weight:normal; text-decoration:none; margin: 0;   }

a.menu { font-size:1em; line-height:22px; color:#ffffff; font-weight:normal; text-decoration:none; margin: 0;  }
a.menu:visited { color:#ffffff; text-decoration:none; }
a.menu:foces { color:#ffffff;  text-decoration:none; }
a.menu:hover { color:#F1C724;  text-decoration:none; }

#login_menu a.menu { color:#AAA; }
#login_menu a.menu:hover { color:#F1C724; }

a.home { background:url(../images/home.png) no-repeat 0 0 ; width:20px; height:20px; display:block; margin: 0 15px; float:left; }
a.home:hover { background:url(../images/home_on.png) no-repeat 0 0 ;  width:20px; height:20px; }





/* STARTSEITE */
.deeplink_box { width:285px; margin-right:3px; float:left; border:1px solid #DBDBDC; background-color:#F9F9F9; }
.deeplink_head { background:#DBDBDC; height:45px; padding:11px 10px 11px 24px;; font-size:1.3em; line-height:1.35em; }
.deeplink_content { padding:20px 24px 24px; width: }
.deeplink_content_spalte { padding:20px 0px 24px 24px; width:118px; float:left; }
.deeplink_item, .deeplink_item_einspaltig { padding:0 0 15px 0; float:left; width:118px; color:#828282; }
.deeplink_item_einspaltig { float:none; clear:both; width:200px; }


/* ANWENDUNGSBEREICHE */
.anwendungsbereichseite { margin: 27px 0px 27px 173px;  } 
.listenspalte {width:321px;  padding: 0 27px 0 0; margin:0 0 20px 0; float:left;  }
.anwend_text { width:316px; margin: 0 0 54px 6px; clear:both; }
div.trenner { width:665px; height:20px;  clear:both; margin: 30px 0px 20px 0px; background-image:url(../images/trenner_line.gif); position:relative;  margin-left: 6px;  }
div.trenner_halb { width:316px; height:20px; margin: 30px 27px 20px 0px; background-image:url(../images/trenner_line.gif); position:relative;  margin-left: 6px; float:left; }
div.trenner_rechtespalte {  height:20px;  clear:both; margin: 10px 0px 10px 0px; background-image:url(../images/trenner_line.gif); margin-left: 6px;  }
span.trenner { color:#000000; background-color:#FFFFFF; padding-right:5px; }
span.trenner_rechtespalte { color:#000000; background-color:#F9F9F9; padding-right:5px; }

/* Listenseite */
.listenseite { margin: 54px 0px 27px 173px; }
.listitem { float:left; width:320px; padding: 0 27px 0 0; margin:0 0 20px 0; }
a.listitem_link:link { }
a.listitem_link:visited {  }
a.listitem_link:hover { text-decoration:underline; }

div.preview_icon_box { width:50px; height:100px; margin-right:10px; float:left; }
img.preview_icon { width:50px; height:50px; }

div.list_titel_box { }
div.list_titel { color:#000000; font-size:1.5em; height:30px; margin:9px 27px 0 0;  }
div.list_subtitel { color:#828282; font-size:1em; line-height:1.2em; }
span.zutitel { color:#828282; }

/* dyn */
div.preview_icon_box_dyn { width:43px; height:100px; margin-right:10px; float:left; background:url(../images/icon_pre_dyn.jpg) no-repeat; padding-left:7px; }
img.preview_icon { width:50px; height:50px; }




/* Inhaltsseite */
.inhaltsseite { margin: 27px 0 54px 0; float:left; width:573px; }

.content_spalte_links { width:142px; float:left; padding:0 15px 0 23px; }
.content_spalte_mitte { width:366px; float:left; padding:0 27px 0 0; }
.content_spalte_rechts { width:263px; float:right; padding:0; clear:none; }
.content_spalte_mitterechts { width:316px; float:left; padding:0 27px 0 0; }
.content_spalte_disclaimer { float:left; padding:0 81px 0 0; color:#AAAAAA; font-size:0.8em; line-height:1.3em; }

div.content_titel_box { float:left; margin-bottom:40px;  }
div.content_titel { color:#000000; font-size:2.1em; margin:17px 0 15px 0; }
div.content_subtitel { width:313px; clear:both; color:#828282; font-size:1.1em; line-height:1.3em; margin:15px 0 30px 0; }
div.content_langtext { clear:both; width:366px; }
div.content_bilder_box { margin: 27px 0 0 0;  }
div.content_bilder_box img { border:1px solid #828282;  }
span.image { margin-right:5px; }

img.icon {  }
img.icon_rel { width:25px; }

/* Rechte Spalte */
.side_item { margin:0 0 12px 0; border:1px solid #DBDBDC; clear:both; }
.side_item_head { background:#DBDBDC; height:22px; padding:12px 0 8px 27px; font-size:1.2em; }
.side_item_content { background:#F0F0F0; padding:15px 27px 15px 21px; background-color:#f9f9f9; display:block; }
.side_item_content_rel { height:25px; line-height:18px; margin: 0 0 5px 2px; background-color:#f9f9f9; }
.site_item_icon_box {  margin:0; width:25px; height:25px; margin-right:5px; float:left; margin-top:-2px;  }

.downloads { padding-left: 24px;  }
span.file img { margin-right:3px; float:left; }

p.back { line-height:0px; display:none; }
.noblock { overflow:visible; clear:none; }



/* Inhaltsseite dyn */
.content_spalte_links_dyn { width:152px; float:left; padding:0 5px 0 23px; }
.icon_dyn_shadow { width:100px; height:100px; float:right; background:url(../images/icon_dyn.jpg) no-repeat; }
.icon_dyn { width:80px; height:80px; padding-left:10px; }
.site_item_icon_box_dyn { padding:0; margin:0; width:25px; height:25px; padding-right:5px; float:left; margin-top:-2px; background:url(../images/icon_pre_dyn_small.jpg) no-repeat;  }
.site_item_icon_box_dyn a { width:18px; height:18px; padding-left:4px; display:block;}
.site_item_icon_box_dyn img { width:18px; height:18px; }


/* Inhaltsseite statisch */
.inhaltsseite_statisch { margin: 27px 0 54px 180px; }
.content_spalte_groß { width:656px; float:left; padding:15px 27px 54px 180px; }
.content_spalte_mitte_statisch { width:366px; float:left; padding:15px 27px 54px 180px; }
.content_spalte_rechts_statisch { width:263px; float:right; padding:27px 3px 27px 27px; }
.content_menu { width:213px; float:left; padding:27px 3px 27px 27px; }

h1 { font-size:2.1em; line-height:1.1em; font-weight:normal; margin:17px 0 40px 0;}
h2 { font-size:1.5em; font-weight:normal;  }
h3 {  color:#828282; font-size:1.1em; font-weight:normal; }

.rich_text_spalte { width:40%; padding-right:10px; float:left; }

/* FORMULAR */
td { vertical-align:top; margin:left:5px; height:30px; }

input { margin-bottom:5px; }
select { width:250px; }
.explanation { padding: 0 0 10px; }
.submit_container { margin: 27px 0;  }
.checkbox_container { margin: 10px 0; }

.row_1, .row_2, .row_3 { padding:0 0 10px; }
.formbody tr { padding-bottom:10px; }
.col_first { padding-right:10px;} 

/* FORMULAR - Kundenbereich */
#anmeldung table { width:550px; }
#anmeldung .row_3, .row_8, row_11  { height:50px;  }




/* PRESSE / NEWS */
.news_item { margin:0 0 27px 0; }
.news_item_archiv { margin:0 0 14px 0; }

.info { font-size:0.8em; color:#828282 }
h1.news { margin:0 0 10px 0; }
h2.news { margin:0 0 10px 0; line-height:1.2em; }
.teaser { color:#828282; margin:0px; }
.more { text-align:right; }


/* LIGHTBOX */

.image_container { margin: 0 10px 10px 0; }


/* FOOTER */
#footer_content { width:814px; height:25px; line-height:24px; background:#DBDBDC; margin: 0 13px 3px; padding: 3px 27px 3px 27px; text-align:right; font-size:0.8em; color:#626262; word-spacing:10px; }
a.footer { font-size:1em; color:#090909; }
a.footer:hover { color:#090909; text-decoration:underline; }
#footer_img {  }
img#footer_end { margin:0; }