/*  Structures: Basic Site Structures (Global Elements)
    2007 / vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */

body {
    margin: 0; padding: 0;
    color: #40403d; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px;
    /*border-top: 2px solid #bdbfac;*/
    background: #FFF;
}
/* Blueprint Grid
------------------------------------------------------------------------------------------------------ */

.container {
  width: 912px;
  margin: 0 auto; padding: 0 0 12px 0 !important;
}

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, 
.span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, 
.span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
    float: left;
    margin-right: 12px;
    overflow: visible !important;
}
.last { margin-right: 0; }

.span-1  { width: 26px;}
.span-2  { width: 64px;}
.span-3  { width: 102px;}
.span-4  { width: 140px;}
.span-5  { width: 178px;}
.span-6  { width: 216px;}
.span-7  { width: 254px;}
.span-8  { width: 292px;}
.span-9  { width: 330px;}
.span-10 { width: 368px;}
.span-11 { width: 406px;}
.span-12 { width: 444px;}
.span-13 { width: 482px;}
.span-14 { width: 520px;}
.span-15 { width: 558px;}
.span-16 { width: 596px;}
.span-17 { width: 634px;}
.span-18 { width: 672px;}
.span-19 { width: 710px;}
.span-20 { width: 748px;}
.span-21 { width: 786px;}
.span-22 { width: 824px;}
.span-23 { width: 862px;}
.span-24, div.span-24 { width: 900px; margin: 0; }

.span-8:last-child {
    margin-right: 0 !important;
}


/*  Stretched Elements & Base Structure
------------------------------------------------------------------------------------------------------ */

.stretched {
    position: relative; float: left; clear: both;
    width: 100%;
}

#global.stretched {
    background: #333330 url('/media/site/img/border_45ers_menu.gif') 0 100% repeat-x;
}

#comments.stretched { display: none; } /* show comments only in blog-entry */
body.blog.detail #comments.stretched {
    display: block;
    padding-bottom: 48px;
    background: #ebebe6 url('/media/site/img/border_dashed_dark.gif') 0 0 repeat-x;
}

#footer {
    position: relative; float: none; clear: both;
    margin: 0; padding: 6px 0;
    width: 900px;
    background: url('/media/site/img/45ers_footer.gif') 0 top repeat-x;
}

#logo {
    position: absolute; z-index: 1000; top: 0; right: 10px;
    width: 121px; height: 102px;
    background: url('/media/site/img/va_logo_cut_menu.gif') 0 0 no-repeat;
}



/*	Menu
------------------------------------------------------------------------------------------------------ */
#menu {
    position: relative;
    margin: 0; padding: 18px 0 2px 0;
    width: 898px !important;
    overflow: hidden;
    /*border-bottom: 1px solid #98998a;
    background: transparent url('/media/site/img/45ers_h1.gif');*/
    background: url('/media/site/img/45ers_menu.gif') 0 bottom repeat-x;
}
#menu ul {
    position: relative; float: left;
    margin: 0; padding: 0; width: 100% !important;
    font-size: 10px; line-height: 12px; font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
}
#menu ul li ul { margin: 0; padding-left: 0; }
#menu ul li {
    position: relative; float: left;
    margin: 0 2px 0 0; padding: 0;
}
#menu ul li.title {
    margin: 0 2px 0 0; padding: 0 24px 5px 0;
    height: 13px;
}
#menu ul li.right {
    position: relative; _top: -12px; float: right;
    margin: 0 124px 0 0; _margin: 0 60px 0 0;
}

#menu a {
    margin: 0 9px 0 0; padding: 2px 0 1px 18px;
	font-size: 10px; font-weight: bold; text-transform: uppercase;
}
#menu ul li.right a {
    margin: 0 0 0 9px; padding: 2px 0 1px 0;
}

#menu a.portfolio:link, #menu a.portfolio:visited {
    padding-left: 0 !important; color: #c0c700;
}
#menu a.portfolio:hover, #menu a.portfolio:active {
    color: #3c3d27;
}

#menu a.category:link, #menu a.category:visited {
    color: #98998a; background: transparent url('/media/site/img/icon_category_0.gif') left center no-repeat;
}
#menu a.category:hover, #menu a.category:active {
    color: #65665c; background: transparent url('/media/site/img/icon_category_1.gif') left center no-repeat !important;
}

#menu a.set:link, #menu a.set:visited {
    color: #bdbfac; background: transparent url('/media/site/img/icon_set_0.gif') left center no-repeat;
}
#menu a.set:hover, #menu a.set:active {
    color: #65665c; background: transparent url('/media/site/img/icon_set_1.gif') left center no-repeat !important;
}