/**
 * Project: autonetzwerk.de-Website
 * File: layout.css
 *
 * Copyright (c) 2009 clkm - cornelia lange
 *
 * Project owner:
 * clkm - cornelia lange
 * 27472 Cuxhaven - Germany
 * http://www.clkm.de/
 *
 */

/*** ELEMENTS ***/

html { overflow: auto; }


body {
color: #333;
background: #f9f9f9 url(/files/global_files/bfcfb8cf6dc299191c616e1464c84018f7c9edd3_bg_body.png) 0 0 repeat-x;
}
h1, .h1 {
font-family: 'Myriad Pro','Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.8em;
color: #639D26;
font-weight: normal;
}

h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}

h2, .h2 {
font-size: 1.8em;
font-weight: normal;
margin: 20px 0 10px 0;
}
h2.nomar {
margin: 0 0 10px 0;
}
h3, .h3 {
font-size: 1.5em; 
font-weight: bold;  
margin: 15px 0 10px 0;
color: #639d26;
}
h4, .h4 {
font-size: 1.2em; 
font-weight: bold; 
margin: 10px 0;
}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand, legend {
font-size: 1.2em;
}
a img {
vertical-align: middle;
}
a, 
a:link, 
a:visited {
text-decoration : none; 
color : #000;
background: transparent;
}
a:hover, 
a:active {
color: #639D26;
background: transparent;
} 
a:focus {
color: #639D26;
background: transparent;
}
a.link {
padding: 2px 0 3px 15px;
font-weight: bold;
}
a.link:link, a.link:visited {
color: #000;
background: transparent url(/files/global_files/a29344e832043763ba25a699231d2d2352365ac6_linkicon.png) 0 3px no-repeat;
}
a.link:hover,
a.link:active,
a.link:focus {
color: #639D26;
background: transparent url(/files/global_files/a29344e832043763ba25a699231d2d2352365ac6_linkicon.png) 0 -62px no-repeat;
}
ul {
margin: 10px 0 10px 20px;
}
ol {
margin: 10px 0 10px 25px;
}
li {
padding: 3px 0;
}
address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}  
th, td {
line-height: 120%;
padding: 5px 20px 5px 5px;
background: #f5f5f5;
border: 1px dotted #ccc;
}
table.preisliste {
margin: 10px 0;
border: 1px solid #ccc;
}
table.preisliste th {
font-weight: bold;
background: #efefef;
}

table.preisliste td {
text-align: right;
}


/*** LAYOUT ***/

.page {
position: relative;
width: 986px;
color: #333;
background: #fff;
text-align: left;
margin: 0 auto;
border-top: 5px solid #639D26
}
#header {
width: 986px;
height: 202px;
}
#header.intro {
height: 396px;
}
#header #aside {
float: left;
height: 202px;
width: auto;
z-index: 5;
} 
#header.intro #aside {
position: absolute;
top: 146px;
right: 0;
}
#header h1 {
float: left; 
width: 350px;
padding: 60px 0 0 0; 
margin: 0;
z-index: 10;
} 
#header p, #header h2 {   
float: left;
width: 350px;  
margin: 10px 0;
padding: 0;
font-weight: bold; 
}
#header p.h2 {
margin: 10px 0 0 0;
}

#header.intro h1 {
position: absolute;
top: 70px;
left: 40px;
width: auto;
font-size: 3.6em;
margin: 0;
padding: 0;
float: none;
}
#header.intro p {
position: absolute;
top: 11em;
left: 40px; 
width: auto;
font-size: 1.8em;
line-height: normal;
color: #000; 
padding-left:0;
margin:0;
}
#header.intro h2 {
position: absolute;
top: 250px;
left: 175px;
}
#header a.button_green {
display: block;
width: 241px;
height: 80px;
text-decoration:none;
padding: 15px 10px 0 25px;
font-size: 70%;
line-height: 120%;
color: #efefef;
background: transparent url(/files/global_files/e5cc112d338f7e856d33ab5785d7716357b610b4_green-button.png) 0 0 no-repeat;
}
#header a.button_green:hover {
color: #fff;
background: transparent url(/files/global_files/e5cc112d338f7e856d33ab5785d7716357b610b4_green-button.png) 0 -180px no-repeat;
}
#header a.button_green strong {
display: block;
font-weight: normal;
font-size: 160%;
line-height: 100%;
color: #efefef;
margin: 0 0 5px 0;
}
#header a.button_green:hover strong {
color: #fff;
}
#header a.button_green img {
display: inline;
vertical-align: middle;
}
#header.intro h2 a.green {
background: transparent url(/files/global_files/e5cc112d338f7e856d33ab5785d7716357b610b4_green-button.png) 0 0 no-repeat;
}
#logo {
position: absolute;
top: 0;
right: 0; 
height: 202px;
}

.action {
background: #efefef;
background-repeat: repeat-y;
background-position: 0 0;
border-top: 10px solid #efefef;
border-bottom: 10px solid #efefef;
} 
.act4x1 {
background-image: url(/files/global_files/5552dd9eaf9f7075b03b6bf2f405d660b3a714e4_bg_action4x1.png);
} 
.act1-1-2 {
background-image: url(/files/global_files/de1ce90ecce1e99eeef3952c4e6b669c5fd8a4f8_bg_action1-1-2.png);
} 
.act2-1-1 {
background-image: url(/files/global_files/263c2668f37caea019b1c0f7662431eb620fd344_bg_action2-1-1.png);
}
.act1-2-1 {
background-image: url(/files/global_files/f6b282d94f5e6a16fc6c136dad73a5f3aafc7736_bg_action1-2-1.png);
} 
.act2-2 {
background-image: url();
}
.act1-3 {
background-image: url(/files/global_files/5d5c7400f74bd4b0a0059e87f1f2da47d406e9f5_bg_action1-3.png);
}
.act3-1 {
background-image: url(/files/global_files/6c56629e8d8f7c267468fefd0c8e8ec84c8217fb_bg_action3-1.png);
}

.action h2, .action h2 a {
margin: 0 0 15px 0;
}
.action .inner {
padding: 0 15px;
}
.inner {
padding: 1.2em 15px;
}
.mycolor, h2.mycolor a {
color: #6ca232;
}
.action01, .action02, .action03, .action04 {
background: transparent url(/files/global_files/7de4028b4e41c11adb7ebb25f1b457710671385a_action_arrow.png) 1.5em 0 no-repeat;
} 
.action01 h2, .action02 h2, .action03 h2, .action04 h2 {
padding: 5px 0 0 40px;
}



/** Topnavigation **/
#topmenu {
height: 30px;
width: 964px;
border: 1px solid #ccc;
border-top: 0 none;
border-bottom: 0 none;
background: transparent url(/files/global_files/92199ed0b25958fd5202a43332a6452e754ab930_bg_topmenu.png) 0 0 repeat-x;
margin: 0;
padding: 0 0 0 21px;
}
#topmenu li {
display: inline;
padding: 0;
}
#topmenu li a, #topmenu li strong.on {
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
padding: 0 15px;
}
#topmenu li.on, #topmenu li strong.on {
color: #639D26;
background: transparent;
}
#topmenu li a:link, #topmenu li a:visited {
color: #333;
background: transparent;
}
#topmenu li a:hover, #topmenu li a:active, #topmenu li a:focus {
color: #639D26;
background: transparent;
}

.main {
width: 942px;
margin: 0 21px 20px 21px;
padding: 0 0 30px 0;
min-height: 200px;
}
.h1 {
font-size: 200%;
}
.main p.nachoben {
clear: both;
} 

.footer {
position: relative;
height: 30px; 
color: #666;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top: 0 none;
border-bottom: 0 none;
background: transparent url(/files/global_files/92199ed0b25958fd5202a43332a6452e754ab930_bg_topmenu.png) 0 0 repeat-x;
}
.footer p {
line-height: 30px;
padding: 0 36px; 
margin:0;
}
.footer p span {
float: right;
}
.footercontent {
border-top: 1px solid #efefef;
padding: 15px 36px;
background: #fff;
}
.footercontent .galerie {
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
}
.footercontent .galerie li {
float: left;
margin: 10px 10px 10px 0;
padding: 0;
background: #fff;
}

/** Subnavigation links **/

#leftmenu {
list-style: none;
margin: 0;
}
#leftmenu li {
padding: 0;
}
#leftmenu a, #leftmenu li span.on {
display: block;
float: none;
}
#leftmenu li a, #leftmenu span.on {
padding: 5px 0 5px 15px;
}
#leftmenu li a:link, #leftmenu li a:visited {
color: #333;
background: transparent url(/files/global_files/a29344e832043763ba25a699231d2d2352365ac6_linkicon.png) 0 3px no-repeat;
}
#leftmenu li a:hover, #leftmenu li a:active, #leftmenu li a:focus, #leftmenu span.on {
color: #000;
background: transparent url(/files/global_files/a29344e832043763ba25a699231d2d2352365ac6_linkicon.png) 0 -62px no-repeat;
}
#leftmenu li.heading span.on,
#leftmenu li.heading a {
display: block;
float: none;
font-size: 160%;
font-family:  Arial, Helvetica, sans-serif;
margin: 20px 0 15px 0;
padding: 0;
color: #000;
background: transparent;
}
  

h2 strong {
display: block;
font-size: 70%;
color: #639D26;
}

/* Common Classes - Allgemeine Klassen */

.center, .mittig {
text-align: center;
padding: 2px;
}
.right, .rechts {
text-align: right;
}
.rahmen {
border: 1px solid #ccc; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
color: red;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.bildrechts {
float: right;
margin: 0 0 0 10px;
}
.dezent {
color: #666;
font-size: 70%;
}
#aktion .bildrechts {
margin-right: 5px;
}
.bildlinks {
float: left;
padding: 0 10px 0 0;
}
.line {
margin: 0;
padding: 0;
}
.topminus {
margin-top: -1.2em;
}
.rahmen{
border: 1px solid #ccc;
}
#aktion .rahmen{
border: 1px solid #fff;
}
.klein {
font-size: 75%;
}
.grau {
color: #666;
}

.hellgrau {
background: #f7f7f7;
}
h2.hellgrau {
padding: 5px 0 10px 2px;
margin-bottom: 0;
background: #f7f7f7;
}
ul.hellgrau {
list-style: none;
margin: 0 0 10px 0;
padding: 2px;
}
ul.link li {
padding-left: 16px; 
color: #000;
background: transparent url(/files/global_files/a29344e832043763ba25a699231d2d2352365ac6_linkicon.png) 0 4px no-repeat;
}
h2.donut {
padding-left: 22px;
background: transparent url(/files/global_files/32cbb9f905a3d75b9385e2cbb9328285a8525b75_donut_gruen.png) 0 2px no-repeat;
}
h2.pfeil {
padding: 7px 0 7px 40px;
background: transparent url(/files/global_files/7de4028b4e41c11adb7ebb25f1b457710671385a_action_arrow.png) 0 2px no-repeat;
}

/* Linkliste 'Weiter', Link 'Zurueck' */
.weiter, .weiter1 { 
float: right;
width: 220px;
margin: 25px 10px 25px 0;
overflow: auto;
}
.weiter1 {
width: 625px;
}
.weiter li, .weiter1 li {
display: inline;
} 
.weiter a, .weiter1 a { 
display: block;
width: 160px;
min-height: 42px;
padding: 8px 0 8px 46px;
margin: 0 7px; 
font-weight: bold;
line-height: 120%;
background: transparent url(/files/global_files/6cf0c988aa02df4907b20d04aebf836eb3c16914_weiterlink.png) 0 -208px no-repeat;
}
.weiter1 a {
float: left;
width: 240px;
}
.weiter a.einzeilig, .weiter1 a.einzeilig {
line-height: 42px;
padding: 0 0 0 46px;
}
.weiter a:hover, .weiter1 a:hover {
background-position: 0 0;
} 
a.zurueck {
display: block;
width: 140px;
min-height: 42px;
line-height: 120%;
padding: 8px 0 8px 46px;
margin: 25px 7px 20px 0; 
font-weight: bold;
background: transparent url(/files/global_files/3f9684c6275a269298057fd578436743169f30e2_zuruecklink.png) 0 -208px no-repeat;
}
a.einzeilig {
line-height: 42px;
padding: 0 0 0 46px;
}

/* Anfrageformular */
fieldset#preisanfrage input#generator_form_submit {
background-image: url();
}