body {
margin:0; 
padding:0;
font-size:12px;
font-family:Arial, Verdana;
line-height:16px;
background:#000000 url(/viomatrix/imgs/gfx/background_image.png) no-repeat fixed center top;
border:0px solid black;
display:block;
text-align:center;
color:#444444;
}
img#aluform_logo { margin:30px; }
img#foto_ansprechpartner {
display:block;
float:right;
margin-top:7px;
width:100px;
}
h1, h2 {
font-size:14px;
color:#004B9B;
}
h1 {
margin:0; 
padding:0;
line-height:14px;
}
h2 { line-height:15px; }
ul {
list-style:none;
margin:0; 
padding:0
}
li ul {
font-size:12px;
float:none;
display:block;
line-height:18px;
}
img, a img { border:none }
a {
color:#444444;
text-decoration:none;
}
a:hover {
color:#004B9B;
text-decoration:underline;
}
#page {
text-align:left;
width:1024px;
margin: 50px auto 0px;
}
#header {
height:160px;
background-image: url(/viomatrix/imgs/gfx/background_header.jpg);
border-bottom:1px solid #FFFFFF;
margin:0;
padding:0;
}
#header.start { height:250px; }
ul#productNavigation {
height:70px;
background-color:#FFFFFF;
}
ul#productNavigation li strong a { color:#FFFFFF; }
ul#productNavigation a:hover { text-decoration:none; }
ul#productNavigation.start {
min-height:160px;
background-color:#FFFFFF;
}
li#products, li#service, li#projects {
font-size:15px;
width:279px;
height:35px;
line-height:30px;
padding:5px 30px;
border-left:1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
li#products a, li#service a, li#projects a { display:block; }
li#products.start, li#service.start, li#projects.start { height:140px; }
li#products.start ul li a, li#service.start ul li a, li#projects.start ul li a { color:#444444; }
li#products { border-top: 10px solid #4891DC; }
li#products a, li#products.start, li#products a strong { color:#004B9B; }
li#service { border-top: 10px solid #627D79; }
li#service a, li#service.start, li#service a strong { color:#627D79; }
li#projects { border-top: 10px solid #8B8078; }
li#projects a, li#projects.start, li#projects a strong { color:#8B8078; }
li#products.active, li#products:hover.active { background-color:#4891DC; }
li#service.active, li#service:hover.active { background-color:#627D79; }
li#projects.active, li#projects:hover.active { background-color:#8B8078; }
li#products:hover, li#products.start:hover { background-color:#EBF5FF; }
li#service:hover, li#service.start:hover { background-color:#E4ECEE; }
li#projects:hover, li#projects.start:hover { background-color:#F0F0F0; }
ul#mainNavigation {
background-color:#E5E5E5;
cursor:pointer;
clear:both;
overflow:hidden;
height:45px;
}
ul#mainNavigation a:hover {text-decoration:none;}
ul#mainNavigation li ul.sub {display:none; margin-left:2px; margin-top:4px}
ul#mainNavigation li, ul#productNavigation li { float:left; }
ul#mainNavigation li ul li, ul#productNavigation li ul li { float:none; display:block;}
ul#mainNavigation li ul li a:hover, ul#productNavigation li ul li a:hover { color:#004B9B; text-decoration:none;}
ul#mainNavigation li.topic {
background-image:url(/viomatrix/imgs/gfx/arrow_right.png);
background-repeat:no-repeat;
background-position:0 10px;
font-size:15px;
width:150px;
padding-left:20px;
margin:10px 0 10px 30px;
line-height:30px;
}
ul#mainNavigation li.topic:hover {
background-image:url(/viomatrix/imgs/gfx/arrow_down.png);
color:#004B9B;
}
ul#mainNavigation li.topic ul li.blue {
color:#004B9B;
}
#footer {
background-image:url(/viomatrix/imgs/gfx/background_footer.jpg);
background-repeat:repeat-x;
padding:8px 0 8px 30px;
color:#87BDF0;
font-size:11px;
height:12px;
}
#footer a { color:#87BDF0; }
#footer a:hover { text-decoration:none; }
ul#languages {
float:left;
}
ul#right_footer {
min-width:200px;
float:right;
text-align:right;
}
ul#right_footer li {
float:left; 
padding-left:4px;
}
option { font-size:12px; }
fieldset { border:none; }
fieldset.search {
margin-top:-5px;
padding:0;
min-width:195px;
border:none;
}
fieldset.search label {
background-image:url(/viomatrix/imgs/gfx/search.png);
background-repeat:no-repeat;
background-position:center right;
padding-right:15px;
margin-top:5px;
float:left;
}
fieldset.plz { padding:0px; }
fieldset.plz label {
margin: 3px 15px 0px 0px;
float: left;
}
textarea { font-family:Arial,Verdana; font-size:13px; }
ul#secondNavigation {
text-align:center;
margin:20px auto 20px;
width:1024px;
color:#BBBBBB;
font-size:11px;
}
ul#secondNavigation a {color:#BBBBBB;}
ul#secondNavigation a:hover { text-decoration:none; }
ul#secondNavigation li, ul#languages li, ul#right_footer li {display:inline;}
#content { 
background-color:#FFFFFF; 
float:left; 
width:1024px;
}
div.navigationpath { width:950px; }
#leftContent {
padding:0px 30px 40px 0 ;
width:650px;
min-height:100px;
float:left;
}
#leftContent h1 {
margin: 0 120px 0 30px; 
line-height:35px;
clear:both;
}
#leftContent a { text-decoration:underline; }
#leftContent p.unterkonstruktion { margin-left:30px }
#leftContent p.blue, #leftContent p.blue a { color:#004B9B; }
#pdf_datenblatt ul li div span .blue { color:#004B9B; }
#leftContent p { margin: 0 45px 10px 30px; }
#leftContent ul { list-style-type:disc; margin-left:45px; list-style-position:outside; }
#leftContent #images { 
margin:0px;
padding:0px;
}
#leftContent #images img { 
float:left;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#leftContent #aufsicht { float:left; margin:0 0 0px 30px;}
#leftContent #querschnitt { margin:52px 0 30px 320px;}
#leftContent #aufsicht .aufsichten { margin-top:10px; margin-bottom:30px; }
#leftContent #querschnitt .queransichten { margin-top:38px; }
#leftContent #querschnitt .queransichten img { margin:8px 0 15px 0; }
#leftContent #querschnitt .queransichten p, #leftContent #aufsicht .aufsichten p { width:200px; }
#leftContent #querschnitt .queransichten p, 
#leftContent #aufsicht .aufsichten p, 
#leftContent #aufsicht .aufsichten strong,
#leftContent #aufsicht .aufsichten img { margin:5px 0; }
#leftContent ul.withhover { list-style-type:none; margin:30px 0 80px; }
#leftContent ul.withhover li img { float:left; margin:0 20px 1px 0;}
#leftContent ul.withhover li img { float:left; margin:0 20px 1px 0; opacity:0.40; filter:alpha(opacity=40); }
#leftContent ul.withhover li:hover img { opacity:1.0; filter:alpha(opacity=100); }
#leftContent ul li { clear:both; }
#leftContent ul.jobs { margin:0 0 30px 30px; list-style-type:none; width:300px;}
#leftContent ul.jobs li { width:300px; }
#leftContent ul.jobs li:hover a { color:#444444; }
#leftContent ul li:hover a { color:#004B9B; }
#leftContent h2 { 
color:#444444;
}
#leftContent .vergroessern {
text-align:right; 
margin:0 0 3px 0px;
font-size:11px;
width:601px;
}
#leftContent .unterkonstruktion { font-size:11px; margin-bottom:20px;}
#leftContent .mitarbeiter {
float:left;
margin:15px 0 15px 30px;
width:290px;
}
#leftContent form { 
margin:0 0 20px 30px;
}
#leftContent select#mitarbeiterauswahl { width:225px; }
#leftContent .fotoplatzhalter { 
height:130px;
border:1px solid gray;
float:left;
margin-right:10px;
}
#leftContent .kontaktdaten p { margin-right:0; margin-left:0; }
#leftContent .tel_und_mail, #leftContent .tel_und_mail a { font-size:11px; }
#leftContent div.colours div { 
background-color:#VAR_farbwert*hex!;
height:20px;
width:20px;
float:left;
margin:7px;
border-bottom:2px solid #444444;
border-right:2px solid #444444;
}
#leftContent div.colours div:hover { height:25px; width:25px; margin:5px 4px 4px 5px; cursor:pointer; }
.farben span { margin-left:5px; }
#smallPictures img { height:43px; margin-right:1px; }
#smallPictures img:hover { cursor:pointer; }
.referenzen a img { width:240px; }
#leftContent div.downloads { margin-left:30px; padding-top:20px;}
#leftContent div.downloads p { margin:0 0 5px; }
#leftContent div.downloads p.blue { font-weight:bold; }
#leftContent div.downloads p.blue a { text-decoration:none; }
#leftContent div.downloads div {float:left;}
#leftContent div.downloads div ul { list-style-type:none; margin:0; list-style-position:inside;}
#leftContent div.downloads div.left ul { float:left; width:270px;}
#leftContent div.downloads div ul li { margin:0px; width:350px; }
#leftContent div.downloads div ul li a { color:#444444; margin-right:10px; text-decoration:none;}
#leftContent div.downloads div ul li img.pdfvorschau { opacity:1; filter:alpha(opacity=100); }
#leftContent div.downloads div ul li img { opacity:1; filter:alpha(opacity=100); margin-right:0px 20px 1px 0; float:left; }
#leftContent div.downloads div ul li:hover img { opacity:1; filter:alpha(opacity=100); }
#standortkarte {margin-left:30px;}
#standortkarte_popup {}
#resultsNumbers {
width:600px;
background-color:#E5E5E5; 
padding:5px 30px 0; 
height:25px; 
margin:10px 0 20px;
}
#resultsNumbers a, #resultsNumbers strong { margin:3px 15px 0;}
#resultsNumbers strong.info {
margin:0 15px 0 0;
float:left;
}
#resultsNumbers span { margin:2px 15px 0; }
div.feedback {
min-height: 130px;
margin-bottom: 30px;
}
div.feedback img {
margin: 0 0 0 30px;
float: left;
width: 130px;
}
div.feedback div.feedback_text {
width:400px;
margin-left:160px;
}
div.handelspartner { 
margin-bottom:25px;
clear:both;
}
div.handelspartner div { margin:0 30px; }
#projectnavigation-prev-next {
margin:0 0 5px;
width:660px;
text-align:right;
font-size:11px;
}
#projectnavigation-prev-next a { padding:3px 0 0 }
#projectnavigation-prev-next a img { margin: 0 3px 0; }
#seitenlinks {
background-color:#E5E5E5;
text-align:right;
padding:10px;
width:660px;
}
#seitenlinks a, #seitenlinks strong { margin:0 2px; }
#seitenlinks a img { margin:0 }
div.referenzen, div.news { clear:both; margin-bottom:20px; }
div.referenzen a, div.news a { float:left; }
div.referenzen a img, div.news a img {
height:120px;
width:240px;
float:left;
margin:10px 0;
}
div.referenzen table { margin:5px 0 0 260px; width:380px; table-layout:fixed; height:120px;}
div.referenzen table tr td.leftColumn {font-weight:bold; width:90px; }
table.referenzendetails tr td.leftColumn { font-weight:bold; padding-right:20px; }
table.referenzendetails { margin:20px 30px 20px; }
#projectPictureGallery { 
width:600px;
background-color:#E4E4E4;
padding:30px;
min-height:300px;
}
img.bigPicture {
width:600px;
height:300px;
}
#smallPictures { margin-top:15px; }
#leftContent p.newsdetails_newsdate { margin-bottom:0; }
div.newstext { padding-top:10px; margin-left:260px; width:380px; }
#callback { margin-top:30px; background-color:#E5E5E5; padding:10px; }
#callback fieldset {margin:0; padding:0;}
#callback input { width:280px; margin:2px 0 5px;}
#callback input#callback_message { height:50px; }
#callback input#callback_send { width:150px; }
#callback label { clear:both; margin-right:5px; float:none;}
#callback textarea { width:280px; margin:2px 0 5px; }
#rightContent {
width:310px;
padding:25px 0px 35px;
float:right;
}
#rightContent a { text-decoration:none }
#rightContent a:hover { text-decoration:none; color:#004B9B; }
#rightContent #beschichtungsvarianten ul li:before, #technologien ul li:before { content: "- "; }
#rightContent img { display: block; }
#rightContent div ul li img { float:left; }
#rightContent #pdf_datenblatt ul li {clear:both;margin-bottom:25px;}
#rightContent #pdf_datenblatt ul li a { line-height:24px; padding-right:10px; }
#rightContent #pdf_datenblatt ul li img,
#rightContent #pdf_datenblatt ul li div a img,
#rightContent #pdf_datenblatt ul li div a { float:left; text-decoration:none; }
#rightContent #pdf_datenblatt ul li div { min-height:25px; margin-bottom:0px; margin-left:40px; padding-top:2px; }
#rightContent #pdf_datenblatt ul li div span.blue { font-weight:bold; color:#004B9B; }
div.pdfelement { 
width:270px;
float:left;
margin:2px 0 5px 3px;
}
div.pdfelement a, #pdfelement a img { float:left; }
div.pdfelement span.blue { font-weight:bold; color:#004B9B; }
#rightContent h2 a { 
color:#004B9B; 
text-decoration:none; 
}
#rightContent div { margin-bottom:40px;}
#rightContent div.vcard, #rightContent div.adr, #rightContent #ansprechpartner_vkarte_speichern, #rightContent #ansprechpartner_callback { margin-bottom:0; }
#rightContent div.vcard p, #rightContent div.adr p { margin:0; padding:0 }
#ansprechpartner_vkarte_speichern { background:url(/viomatrix/imgs/gfx/button_vcard.png) no-repeat; } 
#rightContent #ansprechpartner_callback { background:url(/viomatrix/imgs/gfx/button_callback.png) no-repeat; }
div.button {
margin-top:5px;
background:url(/viomatrix/imgs/gfx/button.png) no-repeat;
padding:3px 30px 2px 12px;
font-size:11px;
width:159px;
text-align:center;
}
div.button:hover {color:#004B9B;}
#ansprechpartner_vkarte_speichern a img, #rightContent #ansprechpartner_callback a img { float:left; margin-right:10px }
#ansprechpartner #ansprechpartner_weltweit { 
margin: 20px 20px 40px 0pt;
clear:both;
overflow: hidden; 
width: 280px; 
height: 138px;
background-image: url(/viomatrix/imgs/gfx/aluform_weltkarte_klein.gif); 
background-position: 0px 0px;
}
#rightContent #ansprechpartner ul.ansprechpartner_links { list-style-position:inside; margin:10px 0px 15px 14px; font-size:12px; list-style:disc; padding:0; }
#rightContent #ansprechpartner ul.ansprechpartner_links li { margin:10px 0; }
#rightContent div #ansprechpartner_deutschland {
width:150px; 
height:200px; 
overflow:hidden; 
float:left;
margin:10px 20px 25px 0;
background-image:url(/viomatrix/imgs/gfx/ansprechpartner_bundesland.gif);
}
#ansprechpartner ul {
font-size: 10px;
line-height: 13px;
margin-top: 10px;
float: left;
}
#ansprechpartner ul li a:hover { color:#004B9B; }
#ansprechpartner ul.weltweit { margin-right:80px; margin-bottom:10px; }
#adresse { clear:both; }
.navigationpath { 
font-size:10px;
line-height:14px;
color:#444444;
margin:0 0 15px 30px;
}
#leftContent div.navigationpath a {
text-decoration:none;
color:#444444;
}
#leftContent div.navigationpath a:hover { text-decoration:none; color:#004B9B; }
table { font-size:12px }
.table_addpics { width:600px; }
.table_addpics tr { width:600px; }
.table_products {
clear:both;
border-collapse:collapse;
width:601px;
font-size:12px;
margin-bottom:3px;
border-bottom: 1px solid #7A7A7A;
border-right: 1px solid #7A7A7A;
}
.table_products thead {
background-color:#7A7A7A;
color:#FFFFFF;
}
.table_products thead tr td { padding:3px 0px; }
.table_products td.firstColumn { padding-left:30px; }
area:hover { cursor:pointer; }
ul.sitemap li ul {margin-left:30px;}
ul.sitemap { margin-left:30px; line-height:20px; padding:0 0 20px;}
ul.sitemap li { padding-top:10px; }
ul.sitemap li ul li { padding:0; }
ul.sitemap li a {font-weight:bold;font-size:11px;color:#004B9B;}
ul.sitemap li ul li a {color:#444444;}
#leftContent ul.sitemap li a {text-decoration:none;}
h1#products {color:#FFFFFF;background-color:#4891DC;line-height:20px;padding-left:30px;margin:0;}
h1#service {color:#FFFFFF;background-color:#627D79;line-height:20px;padding-left:30px;margin:0;}
h1#projects {color:#FFFFFF;background-color:#8B8078;line-height:20px;padding-left:30px;margin:0;}
#sitemap-products {margin-top:20px;background-color:#EBF5FF;}
#sitemap-products ul.sitemap li a { color:#4891DC }
#sitemap-products ul.sitemap li ul li a { color:#444444; }
#sitemap-service {margin-top:20px;background-color:#E4ECEE}
#sitemap-service ul.sitemap li a { color:#627D79 }
#sitemap-projects {margin-top:20px;background-color:#F0F0F0}
#sitemap-projects ul.sitemap li a { color:#8B8078 }
#sitemap-hauptnavigation {margin-top:20px;background-color:#E5E5E5}
#sitemap-hauptnavigation ul.sitemap li a { color:#004B9B; }
#sitemap-hauptnavigation ul.sitemap li ul li a {color:#444444;}
#leftContent.login {
margin:-60px 0 0 50px;
padding:0;
float:right;
width:715px;
}
#leftContent.login .contact h1, #leftContent.login h1 {margin:55px 0 25px 0; }
#leftContent.login h2, #leftContent.login .contact p strong h2 { margin-bottom:33px; color:#004B9B; }
#leftContent.login .contact p { margin-left:0;padding:0; }
#leftContent.login p { margin-left:0; }
#leftContent.login ul { margin-left:15px; }
.contact {
width: 750px !important;
margin-top:20px;
}
.lgTeaser {
padding: 0px 10px 0px 30px;
margin: 0 0 30px;
background-color: #E8EFF6;
width: 210px;
overflow: hidden;
float: left;
clear: both;
background-image: url(/viomatrix/imgs/gfx/background_footer.jpg); 
background-repeat: repeat-x;
}
.lgTeaser .title {
margin: 0px;
padding: 5px 0px;
color: rgb(255, 255, 255);
}
.lgTeaser .title a { color: rgb(255, 255, 255); padding: 0px; }
.lgTeaser a {
display: block;
padding: 5px 0px;
}
.lgTeaser a.selected { color:#004B9B; }
.lgTeaser .title a.selected { color:#FFFFFF; }
.lgTeaser ul { padding:10px 0 }
.lgTeaser ul li ul {
list-style-type: disc;
list-style-position: inside;
padding:0;margin:0;
}
.lgTeaser ul li ul li a {
display: inline;
padding: 0px;
}
#lg_header {
padding: 0px 30px;
height: 25px;
display: block;
color: rgb(0,75,155);
text-align: right;
margin-top:-60px;
padding-bottom:90px;
}
#lg_header p {
display: inline;
}
#lg_header a {color: rgb(0,75,155);}
#lg_header a:hover {text-decoration: underline;}
#loginbox input#lg_login, #loginbox input#lg_passwd { clear: both; width: 190px !important; }
#loginbox fieldset { padding: 10px 30px !important; margin: 0px !important; }
#loginbox fieldset label { display: block; clear: both; width: 80px !important; }
#loginbox input.button { margin-top: 10px; }
#loginbox p {
margin: 20px 30px;
background-image: none;
color: rgb(68,68,68);
padding: 0px;
}
#loginbox p.title {
margin: 0px 30px;
padding: 5px 0px;
color: rgb(255,255,255);
}
#loginbox p a {
text-decoration: underline;
background-image: none;
color: rgb(68,68,68);
margin: 0px;
padding: 0px;
display: inline;
}
#leftContent.login div.contact form {margin-left:0;}
div.contact form label {
width: 105px;
margin: 5px 0px;
height: 19px !important;
overflow: hidden !important;
padding-top: 0px !important;
}
div.contact form input,div.contact form select {
width: 180px;
margin: 5px 30px 5px 0px;
}
div.contact form select {
width: 184px !important;
}
div.contact form input.plz { width: 40px !important; margin-right: 5px !important; }
div.contact form input.ort { width: 129px !important; }
#loginbox {
padding:0 0 30px;
width:255px;
overflow:hidden;
float:left;
}
div.login_menue { margin-bottom:30px; }
div.technikmappen_header { background-color:#E8EFF6; padding:3px 10px; line-height:24px; clear:both; }
div.technikmappen_header div.left { float:left; width:300px; }
div.technikmappen_header div.left a { color:#004B9B; }
div.technikmappen_header h3 { float:left; margin:0; font-weight:normal; font-size:12px; color:#004B9B; }
div.technikmappen_header a { padding:3px 0px 0 0; font-size:11px; }
div.technikmappen_header a img { margin: -5px 0; }
div.technikmappen_header span {margin-right:15px; font-size:11px; text-align:right;}
div.technikmappen_header div.downloadlinks { margin-right:0px; text-align:right;}
#technikmappen_list ul { padding:7px 0 7px 10px; list-style-type:none; margin:0 0 30px; float:left;}
#technikmappen_list ul li a { text-decoration:none; }
#technikmappen_list ul li:hover a { color:#444444; }
#technikmappen_list div.left ul { width:300px; margin-left:0;}