/**
Site: ariel    
User: sascha
Date: 29.04.2010
    
Farben:
    blau:   #195d95
    orange: #ff9600
**/
body {
    background-color: #fff;
    font-family:Verdana, sans-serif; 
    font-size:12px; 
    line-height:18px;
    color:#333;
    border:0;
    margin:0;
    padding:0;
}

.fap-row {
    float: left;
    width: 100%;
    display: block;
    position: relative;
/*    overflow:hidden;*/
}

.fap-col {
    position: relative;
    float: left;
    left: 100%;
    overflow:hidden;
}

#header {
    background: url('img/head_bg.gif') repeat-x transparent;
    height:85px;
    margin-bottom: 30px;
}

#header-content {
    width: 885px;
    margin: auto;
    padding: 0px 20px;
}

#header-logo {
    width: 215px;
}

#header-navigation {
/*    margin-left: 25px;*/
    padding: 30px 0px;
}

.header-col {
    float: left;
}

#page {
    width:865px;
    margin:auto;
    padding: 0px 20px;
/*    overflow: hidden;*/
}

#col-left, #col-right {
/*    padding-bottom:30000px;*/
/*    margin-bottom:-30000px;*/
}

#col-left {
    margin-left: -100%;
    width: 215px;
}

#col-right {
    margin-left: -149px;
    width:149px;
}

#col-content {
    background-color: #fff;
    margin-left: -650px;
    width:620px;
    min-height:500px;
}

#col-content-home {
    background-color: #fff;
    margin-left: -865px;
    width:865px;
    min-height:500px;
}

.fap-col-1 {
    margin-left:-100%;
    width:50%;
}
.fap-col-2 {
    margin-left:-50%;
    width:50%;
}
#body-line {
    height:1px;
}

#footer {
    height:30px;
    margin: 10px 0px 20px 0px;
    background: url('img/row_bg.gif') repeat-x transparent;
}

#footer-left {
    margin-left: -100%;
    width: 215px;
    padding-left: 10px;
}

#footer-right {
    margin-left: -650px;
    width: 650px;
}

.footer-content {
    line-height: 30px;
    font-size: 11px;
}

.footer-content a {
    color: #333;
    text-decoration: none;
    margin-right: 30px;
}

.footer-content a:hover {
    text-decoration: underline;
}

/* Spalten */

.column-50-left {
    margin-left:-100%;
    width:50%;
    min-height: 100px;
}

.column-50-right {
    margin-left:-50%;
    width:50%;
}

.column-30-left {
    margin-left:-100%;
    width:33.33%;
    min-height: 100px;
}

.column-30-center {
    margin-left:-66.66%;
    width:33.33%;
}

.column-30-right {
    margin-left:-33.33%;
    width:33.33%;
}

.column-25-1 {
    margin-left: -100%;
    width:25%;
    min-height: 150px;
}

.column-25-2 {
    margin-left: -75%;
    width:25%;
}

.column-25-3 {
    margin-left: -50%;
    width:25%;
}

.column-25-4 {
    margin-left: -25%;
    width:25%;
}

.equal-height {
    padding-bottom:30000px;
    margin-bottom:-30000px;
}

#right-teaser {
    min-height: 300px;
    height:300px;
}

/*--------------------------------------------------*/

/* Top Navigation */
ul.top-navigation {
    height: 25px;
    margin: 0;
    padding: 0;
}

ul.top-navigation li {
    list-style: none;
    float: left;
    height: 23px;
    margin-right: 5px;
}

ul.top-navigation li a {
    display: inline-block;
/*    height: 23px;*/
    padding-left: 20px;
/*    padding: 5px 0px 5px 20px;*/
    text-decoration: none;
}

ul.top-navigation li a span {
    display: inline-block;
/*    height: 23px;*/
    padding-right: 20px;    
/*    padding: 0px 20px 0px 0px;*/
    text-transform: uppercase;
    color: #ccc;
    line-height: 23px;
}
    
ul.top-navigation li a.selected,
ul.top-navigation li a:hover {
/*    display: block;*/
    height: 23px;
    padding-left: 20px;
    background: url('img/head_button.gif') no-repeat top left;
    text-decoration: none;
}

ul.top-navigation li a.selected span,
ul.top-navigation li a:hover span {
/*    display: block;*/
    height: 23px;
    padding-right: 20px;
    background: url('img/head_button.gif') no-repeat top right;
    text-transform: uppercase;
    color: #fff;
    line-height: 23px;
}

/* Left Navigation*/
ul.left-navigation {
    margin: 55px 0px 0px 0px;
    padding: 0;
}

ul.left-navigation li {
    list-style: none;
}

ul.left-navigation li a {
    text-decoration: none;
    color: #999;
    font-weight: bold;
}

ul.left-navigation li a.selected,
ul.left-navigation li a:hover {
    text-decoration: none;
    color: #195d95;
    font-weight: bold;
}


/*--------------------------------------------------*/

/* Boxen */

.fap-col-1 {
    margin-left:-100%;
    width:49%;
    min-height: 100px;
}

.fap-col-2 {
    margin-left:-49%;
    width:49%;
}

.box-headline {
    height: 30px;
    background: url('img/row_bg.gif') repeat-x transparent;
    line-height: 30px;
    color: #195d95;
    font-size: 14px;
    padding: 0px 15px;
}

.fap-col-1 .box-inner,
.fap-col-2 .box-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.box-inner{
    padding-top: 15px;
    padding-bottom: 15px;
}

/*--------------------------------------------------*/

/* Formular */

.kontakt-form dt,
.kontakt-form dd {
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.errors {
    padding: 0;
}

ul.errors li {
    list-style: none;
    color: #CC3333;
    font-weight: bold;
}

/*--------------------------------------------------*/

/* Galerie */

.gallery-container {
    margin: 20px 0px;
}

/*--------------------------------------------------*/

/* Content */
h1,h2,h3,h4,h5,h6,p{
    font-weight:normal;
    padding:0;
    margin:0;
}

h1 {
    font-size:24px;
    font-weight:bold;
    color:#195d95;
    line-height:27px;
    margin-bottom:12px;
}

h2 {
    font-size:14px;
    font-weight:normal;
    color:#ff9600;
    line-height:27px;
    margin-bottom:14px;
    text-transform: uppercase;
}

h3 {
    font-size:12px;
    font-weight:bold;
    color:#195d95;
    line-height:27px;
    margin-bottom:12px;
}

h4 {
    font-size:12px;
    color:#195d95;
    line-height: 14px;
    margin-bottom:14px;
}

h5 {
    font-size:12px;
    font-weight:normal;
    color:#195d95;
    line-height: 14px;
}

h6 {
    font-size:11px;
    font-weight:normal;
    color:#195d95;
    line-height: 13px;
}

a {
    color:#195d95;
    text-decoration: none;
}

a, a:link, a:visited, a:focus, a:active {
/*    text-decoration: none;*/
}

a:hover {
    text-decoration: underline;
}

hr {border:none}

.clear {clear:both;font-size:1px;}