/*  Styles: Layout of Content Elements & Contents
	2007 / vonautomatisch werkstaetten / vonautomatisch.at
------------------------------------------------------------------------------------------------------ */



/* 	Headings
------------------------------------------------------------------------------------------------------ */

h1, h2, h3, h4 {
    margin: 0; padding: 0;
    text-transform: uppercase;
}

h1 {
    font-size: 35px; line-height: 37px;
}

h1 { display: inline; font-size: 30px; line-height: 36px; background: #40403D; color: #fff; padding: 2px 20px 2px 0px; position: relative; top: 1px; font-weight:  normal; }

h2 {
    position: relative; clear: both;
    font-size: 15px; line-height: 17px;
}

h2.subtitle {
    margin: 10px 0 0;
    color: #98998a; font-size: 12px; line-height: 12px; font-weight: normal;
}

h3 {
    font-size: 14px;
}
h3.subtitle {
    margin: 10px 0 0 !important;
    color: #98998a; font-size: 10px; line-height: 10px; font-weight: normal;
}

h2.subtitle span, h3.subtitle span {
    color: #babfaa !important; text-transform: none !important;
}

h4 {
    font-size: 12px;
}



/* 	Links
------------------------------------------------------------------------------------------------------ */

a { text-decoration: none; outline: none !important; }
a:link, a:visited { color: #c0c700; }
a:hover, a:active { color: #40403d; }

a.internal:link, a.internal:visited { font-weight: bold; }
a.internal:hover, a.internal:active {  }

a.external:link, a.external:visited { padding: 1px 12px 1px 4px; color: #FFF; font-weight: bold; background: #c0c700;  }
a.external:hover, a.external:active { color: #c0c700; background: none; }

h2 a { background: #c0c700; color: #fff !important; padding: 3px 20px 3px 0px !important; font-weight: normal; line-height: 17px; }

h2 a:hover { background: #40403D; color: #fff; text-decoration: none; }
h1 a:hover { color: #fff; text-decoration: none; }

/*	Paragraphs & Other Typo Formats
------------------------------------------------------------------------------------------------------ */


p {
    margin: 12px 0;
}
p.small {
    padding: 0;
    font-size: 9px;
}
p.bigger {
    padding: 0;
    font-size: 11px;
}
p.data {
    font-size: 11px; line-height: 15px;
}
.description p {
    margin: 3px 0 0 0;
    font-size: 11px; line-height: 15px;
}

.large {
    font-size: 15px; line-height: 19px;
}

label { font-weight: bold; }
.right { text-align: right; }



/*	Images
------------------------------------------------------------------------------------------------------ */

img {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: none; border-right: none;
}
img.portfolio_img { margin-right: 0; padding: 0; }

img.img_left { float: left !important; margin: 18px 18px 18px 0; }
img.img_right { float: right !important; margin: 18px 0 18px 20px; }
img.img_block { display: block; float: none !important; clear: both !important; margin: 18px 0 18px 0 !important; }

img.img_left_nospacetop { float: left !important; margin: 0 18px 18px 0 !important; }
img.img_right_nospacetop { float: right !important; margin: 0 0 18px 18px; }
img.img_block_nospacetop { display: block; float: none !important; clear: both !important; margin: 0 0 18px 0 !important; }



/*	Listings
------------------------------------------------------------------------------------------------------ */

li.right {
    position: relative; float: right !important;
}


/* 	Flatpage Typo Formats
------------------------------------------------------------------------------------------------------ */

body.flatpage .box h2, body.flatpage .box p { background: url('/media/site/img/border_dashed_bright.gif') 0 0 repeat-x; }

body.flatpage .span-24 .box h2 { position: relative; float: left; top: 0; padding-top: 12px !important; font-size: 16px; width: 292px; }
body.flatpage .span-24 .box h3 { position: relative; float: left; top: 0; padding-top: 12px !important; font-size: 14px; width: 292px; }
body.flatpage .span-24 .box h4 { position: relative; float: left; top: 0; padding-top: 12px !important; font-size: 12px; width: 292px; }

body.flatpage .span-24 .box p {
    position: relative; float: left; margin: 0 0 18px 12px; padding-top: 10px !important; width: 584px;
    font-size: 13px; line-height: 19px;
}

.body div.h2:first-child, .body div.h3:first-child, .body div.h4:first-child, .body div.h5:first-child, 
.body p:first-child, .body ul:first-child, .body ol:first-child {
    margin-top: 12px !important;
}
.body h1 {
    padding: 12px 0 36px;
    font-size: 35px; line-height: 37px;
}
.body h2 {
    font-size: 25px; line-height: 27px;
    text-transform: none;
}
.body div.h2 {
    margin: 32px 0 12px !important;
}
.body h3 {
    font-size: 19px; line-height: 21px;
    text-transform: none;
}
.body div.h3 {
    margin: 24px 0 12px !important;
}
.body h4 {
    font-size: 15px; line-height: 17px;
    text-transform: none;
}
.body div.h4 {
    margin: 18px 0 12px !important;
}
.body h5 {
    display: inline;
    padding: 2px 32px 2px 12px;
    color: #fff; font-size: 12px; font-weight: bold;
    text-transform: none;
    background: #f7f8f1;
}
.body div.h5 {
    margin: 18px 0 12px !important;
}
.body p {
    margin: 12px 0 !important;
    font-size: 13px; line-height: 19px;
}

.body ul, .body ol {
    margin: 12px 0 !important; padding: 0 12px;
}
.body ul li, .body ol li {
    margin: 3px 24px !important; padding: 0;
    font-size: 13px; line-height: 16px;
}



/*  Boxes
------------------------------------------------------------------------------------------------------ */

.box {
    margin: 0; padding: 0;
}

/*#header.overview .box, #header.overview + #content .header .box {
    position: relative; float: none; clear: both;
    margin: 18px 0 48px 0; padding: 0;
}*/
.box.heading-overview {
    position: relative; float: none; clear: both;
    margin: 18px 0 48px 0; padding: 0;
}

/*#header.overview + #content .header .box {
    float: none;
}*/
#header.detail .box  {
    position: relative; clear: both;
    margin: 18px 0 32px 0; padding: 0 0 4px 0;
}

#content .box {
    position: relative; clear: both;
    padding-bottom: 36px;
}
#content .box.description {
    margin: 9px 0 24px; padding: 9px 0;
    background: url('/media/site/img/border_dotted_bright.gif') 0 0 repeat-x;
}

.cbox.col1, .cbox.col1_flatpage { width: 900px; }
.cbox.col2 { width: 444px; }
.cbox.col3 { width: 292px; }
.cbox.col4 { width: 216px; }

.margin-top-large { margin-top: 32px !important; }

.image {
    margin: 9px 0 0; padding: 5px 0 !important;
    background: url('/media/site/img/img_back.gif');
}
/*.cbox.image {
    margin-bottom: 24px; padding: 5px 0 !important;
}*/

.Column-Content .cbox.free {
    position: relative; float: left;
    margin: 0 12px 0 0; padding: 0 12px 0 0;
    width: 572px;
}



/*  Borders
------------------------------------------------------------------------------------------------------ */

.border-dotted-bright-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_dotted_bright.gif') 0 0 repeat-x;
}
.border-dotted-dark-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_dotted_dark.gif') 0 0 repeat-x;
}
.border-dotted-bright-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_dotted_bright.gif') 0 100% repeat-x;
}
.border-dotted-dark-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_dotted_dark.gif') 0 100% repeat-x;
}

.border-dashed-bright-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_dashed_bright.gif') 0 0 repeat-x;
}
.border-dashed-dark-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_dashed_dark.gif') 0 0 repeat-x;
}
.border-dashed-bright-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_dashed_bright.gif') 0 100% repeat-x;
}
.border-dashed-dark-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_dashed_dark.gif') 0 100% repeat-x;
}

.border-45ers-bright-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_45ers_bright.gif') 0 0 repeat-x;
}
.border-45ers-dark-top {
    margin-top: 9px; padding-top: 9px;
    background: url('/media/site/img/border_45ers_dark.gif') 0 0 repeat-x;
}
.border-45ers-bright-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_45ers_bright.gif') 0 100% repeat-x;
}
.border-45ers-dark-bottom {
    margin-bottom: 9px; padding-bottom: 9px;
    background: url('/media/site/img/border_45ers_dark.gif') 0 100% repeat-x;
}



/*	Data
------------------------------------------------------------------------------------------------------ */

ul.data {
    margin: 3px 0 0 0; padding: 0;
    font-size: 11px; line-height: 15px;
    list-style-type: none;
}
ul.data li {
    margin: 0 0 3px 0; padding: 0;
}



/*	Navigator
------------------------------------------------------------------------------------------------------ */

ul.navigator {
    position: relative; float: none; clear: both;
    width: 100%; height: 14px;
    margin: 0 0 18px 0 !important; padding: 0 0 4px 0;
    background: url('/media/site/img/border_dashed_bright.gif') 0 100% repeat-x;
    list-style-type: none;
}
ul.navigator li {
    position: relative; float: left;
    margin: 0 9px 0 0; padding: 0;
    color: #bdbfac; font-size: 10px; font-weight: bold; text-transform: uppercase;
}
ul.navigator li.right {
    margin: 0 0 0 9px;
}
ul.navigator li:last-child {
    margin: 0 !important;
}

ul.navigator span {
    padding: 2px 0 1px 0;
}

ul.navigator a {
    padding: 2px 0 1px 18px;
    font-size: 10px; font-weight: bold; text-transform: uppercase;
    background: transparent 0 50% no-repeat scroll;
}
ul.navigator a:link, ul.navigator a:visited {
    color: #b3b3a8;
}
ul.navigator a:hover, ul.navigator a:active {
    color: #65665c !important;
}

ul.navigator a.title, 
ul.navigator a.date {
    margin-right: 9px; padding-left: 0 !important;
}

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

ul.navigator a.category:link, ul.navigator a.category:visited {
    color: #98998a;
    background-image: url('/media/site/img/icon_category_0.gif');
}
ul.navigator a.category:hover, ul.navigator a.category:active {
    background-image: url('/media/site/img/icon_category_1.gif');
}

ul.navigator a.set:link, ul.navigator a.set:visited {
    background-image: url('/media/site/img/icon_set_0.gif');
}
ul.navigator a.set:hover, ul.navigator a.set:active {
    background-image: url('/media/site/img/icon_set_1.gif');
}

ul.navigator a.online:link, ul.navigator a.online:visited {
    background-image: url('/media/site/img/icon_online_0.gif');
}
ul.navigator a.online:hover, ul.navigator a.online:active {
    background-image: url('/media/site/img/icon_online_1.gif');
}

a.navigator.category:link, a.navigator.category:visited {
    margin: 0 9px 0 0; padding: 2px 0 1px 18px;
    color: #98998a; font-size: 10px; font-weight: bold; text-transform: uppercase;
    background: transparent url('/media/site/img/icon_category_0.gif') 0 50% no-repeat;
}
a.navigator.category:hover, a.navigator.category:active {
    background: transparent url('/media/site/img/icon_category_1.gif') 0 50% no-repeat !important;
}