/* CSS Document */

body {
    background-image:url('bground.png');
    background-repeat:repeat-x;
    background-color:#CCC;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:.8em;
}

a {
    color:#060;
    text-decoration:none;
}

#wrapper {
    width:960px;
    margin:0 auto;
}

#logo {
    padding-top: 30px;
    background: url('logo-akademie-hinrichsen-trans.png') transparent top left no-repeat;
    height: 140px;
    padding-bottom: 0;
    padding-left: 250px;
    margin-top: 10px;
    display: inline-block;
}

#logo .title, #logo .slog {
    display: block;
}

#logo .title span {
    font-size: 30px;
    color: #000;
    display: inline-block;
}

#logo .slog {
    font-size: 28px;
    color: #000;
    text-align: center;
}

#logo .title span:first-letter {
    font-size: 48px;
    color:#060;
}

/*
 * INTRO PAGE
 ***************************************************/
#intro {
    margin:0 auto;
    position:relative;
    width:670px;
}

/*
 * CONTENT
 ***************************************************/

.mod_article  {
    margin-top:10px;
    padding:0 20px;

    border:1px solid #B5B5B5;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    boder-radius:10px;

    box-shadow:inset 0 0 2px #EEE,
    inset 0 3px 2px #FFF,
    0 2px 0 #CCC,
    0 3px 0 #999;
}

.image_container.float_left {
    padding-right: 10px;
}

/* 
 * HCARD
 * *********************************************** */
#hcard-Akademie-Hinrichsen {
    margin-top:20px;
    padding:10px;
    width:200px;
}

.vcard,
.vevent {
    width:300px;
}

span.vcard,
span.vevent {
    padding:2px 1px 2px 70px !important;
    margin:0 2px 0 !important;
}

.vcard a {
    line-height:1.25em;
    margin: 0 0 1em 0;
}

.vcard .adr {
    display:block;
    line-height:1.25em; margin: 1em 0 1em 0;
}

.vcard .email {line-height:1.25em; margin: 0 0 1em 0;}

.vcard .org {line-height:1.25em; margin: 0 0 1em 0;}

.vcard span, .vcard .street-address, .vcard .tel {line-height:1.25em;}

/*
 * KONTAKT
 * *********************************************** */
#kontakt .ce_form {
    width:390px;
}
#kontakt p,
#kontakt label {
    line-height:18px;
}
#kontakt label {
    float:left;
    width:240px;
}
#kontakt textarea {
    margin-bottom:10px;
}
.explanation p {
    padding-bottom:5px;
    margin-top:0;
}
#kontakt .submit_container {
    margin:5px 0 10px 0;
}
span.mandatory,
p.error {
    color:#A00;
}
p.error {
    font-size:80%;
    margin-top:0;
    position:absolute;
    left:700px;
}
select, input, textarea {
    font-size:14px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*
 * NAVIGATION
 * *********************************************** */
.mod_navigation, .mod_customnav {
    line-height:normal;
    font-weight:bold;
    font-size:18px;
    border:1px solid #B5B5B5;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    boder-radius:10px;

    box-shadow:inset 0 0 2px #EEE,
    inset 0 3px 2px #FFF,
    0 2px 0 #CCC,
    0 3px 0 #999;
}

.mod_navigation ul, .mod_customnav ul {
    list-style:none outside none;
    margin:0;
    padding:0;
    float:right;
}

.mod_navigation a, .mod_customnav a {
    color:#000;
}

.mod_navigation a:hover, .mod_customnav a:hover {
    color:#060;
}

.mod_navigation li, .mod_navigation li.active, .mod_customnav li, .mod_customnav li.active {
    float:left;
    padding:5px 15px 5px;
    text-align:center;
    text-transform:capitalize;
    color:#060;
}

#left .mod_navigation li {
    float: none;
    text-align: left;
    padding: 0;
}

#left .mod_navigation ul {
    float: none;
}

#left .mod_navigation {
    font-size: 16px;
    padding: 0 10px 10px 10px;
    margin: 0 10px 0 0;
}

.mod_navigation li:first-letter, .mod_customnav li:first-letter {
    color:#060;
}

#footer .mod_customnav {
    margin-top: 10px;
}

/*
 * CUSTOM CLASSES
 ***************************************************/
.round-box-shadow {
    border:1px solid #B5B5B5;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    boder-radius:10px;

    box-shadow:inset 0 0 2px #EEE,
    inset 0 3px 2px #FFF,
    0 2px 0 #CCC,
    0 3px 0 #999;
}