@import url(reset.css);

/* --------------------------------------------------------------- Layout */

html {
    text-align: center;
    height: 100%;
    padding-bottom: 1px;
}

body {
    background: #bbe8ff url('img/bg_body.png') repeat-x top left;
    color: #333;
    direction: ltr;
    font: 87.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; /* 14px Grundschriftgröße */
    margin: 0 auto;
    text-align: left;
}

#container { 
    width: 960px;
    background: #fff;
    margin: 0 auto;
    border: 4px solid #fff;
    overflow: hidden;
    }

#logotext { text-indent: -10000px;}

#main {
    float: left;
    margin: 0;
    background: transparent url('img/bg_main.png') repeat-y 0 0;
}

#col-1 { 
    width: 200px;
    background: #3399cc;
    margin: 0;
    float: left;
    }
    
#navigation {
    margin-top: 20px;
    }
    
    #navigation li a, #navigation li.sub { 
        line-height: 30px;
        padding: 0;
        border-bottom: 1px solid #fff;
        color: #fff;
        display: block;
    }

    #navigation li.sub {
        color: #fff;
    }
    
    #navigation li a { 
        padding-left: 25px;
        background: transparent url('img/bg-nav-pfeil.png') no-repeat 5px center;
    }

    #navigation li a:hover {
        background: #15668e  url('img/bg-nav-pfeil.png') no-repeat 5px center;
        color: #fff;
    }

    #navigation li.curr a {
        background: #15668e  url('img/bg-nav-pfeil.png') no-repeat 5px center;
        color: #fff;
    }

    #navigation li.sub {
        border: 0;
    }

    #navigation .sub-nav {
        border: 0;
    }

    #navigation .sub-nav li a{ 
        line-height: 30px;
        padding-left: 40px;
        border-bottom: 1px solid #fff;
        background: transparent url('img/bg-nav-pfeil-sub.png') no-repeat 25px center;
    }
    
    #navigation .sub-nav li a:hover{ 
        background: #15668e  url('img/bg-nav-pfeil-sub.png') no-repeat 25px center;
    }

 

#col-2 { 
    width: 745px;
    float: right;
    margin: 0 5px 0 0;
    }

#logo {
    margin: 0 0 20px 0px;
     }

    
#content {
    width: 700px;
    padding: 20px 20px 30px 25px;
    float: left;
}

.col-1-6 { width: 100px; margin-right: 20px; float: left;}
.col-2-6 { width: 220px; margin-right: 20px; float: left;}
.col-3-6 { width: 340px; margin-right: 0px; float: left;}
.col-4-6 { width: 460px; margin-right: 20px; float: left;}
.col-5-6 { width: 580px; margin-right: 20px; float: left;}
.col-6-6 { width: 700px; margin-right: 20px; float: left; clear: both;}
.last { margin-right: 0;}

/*#slogan  {
    color: #15668e;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    padding: 20px 0;
    margin: 0 0 20px 0;
}*/

#map {
    width: 450px;
    height: 250px;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 0 0 1em 0;
    background: transparent url('img/bg_mapdummy.png') no-repeat 0 0;
}

#footer {
    border-top: 1px solid #bbe8ff;
    color: #15668e;
    width: 725px;
    margin: 0 0 0 10px;
    padding: 20px 0 20px 15px;
    font-weight: bold;
    float: left;
    clear: both;
    }

#band {
    background: transparent url('img/bg_band.png') repeat-x 0 4px;
    width: 960px;
    height: 35px;
    margin-top: 3px;
    font-weight: bold;
    clear: both;
    }

/* -------------------------------------------------------- Überschriften */


h1, h2, h3, h4, h5, h6 { 
    font-weight: bold;
    color: #15668e;
    margin-bottom: 1em;
}
#header-text h1, #header-text h2 { margin: 0; }

#content h1 { font-size: 24px; margin: 0 0 1em 0;}

#content h2 { font-size: 18px; margin: 0 0 1em 0;}

#content h3 { font-size: 14px; font-weight: bold; margin: 0 0 1em 0;}

#content h4 { font-weight: bold; margin: 0 0 1em 0; color: #333;}

/* -------------------------------------------------------------- Absätze */

p {
    margin-bottom: 1em;
}

/* --------------------------------------------------------------- Zitate */

blockquote { }

cite { }

/* --------------------------------------------------------------- Listen */

#col-2 ul {
    list-style: circle;
    margin: 0 0 0 15px;
    line-height: 2em;
    margin-bottom: 1.5em;
}

#col-2 ul.nobullet, #footer ul  {
    list-style: none;
    margin-left: 0;
}

li span { color: #15668e;}

/* ----------------------------------------------------- Definitonslisten */

dl { }

dt { }

dd { }

/* --------------------------------------------------------------- Bilder */

img { }

#logo img { display: block; float: right;}

#content img {
    padding: 2px;
    border: 1px solid #ccc;
}

#content .links img {
    margin: 0 20px 20px 0;
    float: left;
}

#content .rechts img {
    margin: 0 0 20px 20px;
    float: right;
}

/* ----------------------------------------------------------- Trennlinie */

hr { }

/* ----------------------------------------------------- Textauszeichnung */

strong { font-weight: bold;}

em { }

dfn, acronym, abbr { }

address { }

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

#navigation a {
    color: #fff;
    text-decoration: none;
}

/*#footer a {
    color: #15668e;
    text-decoration: underline;
}*/


a:link { color: #15668e;}

a:visited { color: #15668e;}

a:focus { color: #3399cc;}

a:hover { color: #3399cc;}

a:active { color: #3399cc;}

/* ------------------------------------------------------------ Formulare */

form { }

fieldset { }

legend { }

label { }

input { }

input[type="submit"] { }

textarea { }


.links {
    float: left;
}

.rechts {
    float: right;
}

.clear {
    clear: both;
}

.small { font-size: 10px;}

/* Textblock neben Bild*/
.abb-text {
    height: 165px;
}

.abb-text p {
    margin-top: 150px;
}

/* --------------------------------------------------------------Tabellen */
#content table { 
    margin-bottom : 2em;
}

#content td {
    margin: 2px;
    padding: 5px;
    vertical-align: top;
}

#content .preis { text-align: left;  }
#content .preis span { font-weight: bold; background: transparent url('img/doubleline.png') repeat-x bottom left; padding-bottom: .5em;}