/* 
- - - - - - - - - - - - - - - - - - - - -
Titel: N+F Studio Stylesheet (screen)
Autor: Dumrath & Fassnacht (sti)
URL: http://www.duf-online.de/

Erstellt: 2006-01-16 (sti)
Bearbeitet: 2006-02-09 (sti)
- - - - - - - - - - - - - - - - - - - - - 
*/

/* TEMPORÄRE AKTIONEN AUF STARTSEITE */

#aktion {
    padding: 40px 30px 20px 30px;
    width: 494px;
    border-bottom: 1px dashed #4590EC;
}

#aktion strong {
    color: #6C92CA
}

#aktion h2 {
    margin: 0 0 15px 0;
}

#aktion h2 a {
    color: #000;
    border-bottom: 0;
}

#aktion h2 a:hover {
    color: #000;
}

#aktion h3 {
    font-size: 12px;
}

#aktion p a {text-decoration: none; border-bottom: none;}

/* - - - Grundeinstellungen - - - */

* {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

html {
    margin: 0;
    padding: 0;
    /* Scrollleiste immer einblenden: http://www.splintered.co.uk/experiments/49/ */
    min-height: 100%;
    margin-bottom: 1px;
}

body {
    margin: 0;
    padding: 0;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

/* - - - IDs - - - */

#container {
    width: 722px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#header {
    height: 124px;
    background: #A2C3F0 url(../images/header-bg.jpg) no-repeat 0 0;
}

#bildmarke {
    position: absolute;
    width: 306px;
    height: 172px;
    background: url(../images/face.png) no-repeat 0 0;
}

#content {
    background: #FFF url(../images/stripe-blue.png) repeat-y 0 0;
    width: 721px;
    margin-top: 3px;
    border-top: 1px dashed #4590EC;
    border-right: 1px dashed #4590EC;
    float: left;
}

#maincol {
    width: 554px;
    float: right;
}

#video {
    clear: both;
    /*margin: 0 auto 30px auto ;*/
    margin-bottom: 30px;
    padding-bottom: 20px;
    border: none;
    width: 400px;
    height: 300px;
}

#sidecol {
    width: 164px;
    float: left;
}

#navigation {
    margin: 80px 0 0 0;
    padding: 0;
    list-style-type: none;
}

#navigation li {
    margin-bottom: 2px;
}

#navigation li li {
    margin-bottom: 2px;
    list-style-type: none;
}

#b-home .a-home, #b-conture .a-conture, #b-conture-english .a-conture, #b-conture-english .a-conture-english, #b-lengths .a-lengths, #b-kontakt .a-kontakt {
    background: url(../images/navi-bg.png) no-repeat 0 0;
    margin-bottom: 2px;
    color: #FFF;
}

#b-home #footer .a-home, #b-conture #footer .a-conture, #b-lengths #footer .a-lengths, #b-kontakt #footer .a-kontakt {
    color: #000;
    background: transparent;
}

#sidecontent {
    margin: 25px 18px 18px 18px;
    font-size: 11px;
}

#footer {
    background: #6E93CA;
    height: 32px;
    margin: 0 0 25px 0;
    padding: 0;
    clear: both;
    text-align: center;
    line-height: 32px;
}

/* - - - Klassen - - - */

.hide {
    display:none;
}

.show {
    display:block;
}

.innercontent {
    margin: 50px 30px;
}

.links {
    float: left;
    margin: 0 10px 10px 0;
}

.rechts {
    float: right;
    margin: 0 0 10px 10px;
}

.clear {
    clear: both;
}

.infobox {
    padding: 30px;
}

.bx-links {
    width: 276px;
    float: left;
    border-right: 1px dashed #4590EC;
    border-bottom: 1px dashed #4590EC;
}

.bx-rechts {
    width: 276px;
    float: left;
    border-bottom: 1px dashed #4590EC;
}

.bx-hoch {
    height: 300px;
    text-align: center;
    padding-top: 25px;
}

.bx-mittel {
    height: 180px;
    text-align: center;
    padding-top: 25px;
}

.bx-niedrig {
    height: 130px;
    text-align: center;
    padding-top: 25px;
}

#b-home .innercontent {
    margin: 0;
    padding: 0;
}

/* - - - Ueberschriften - - - */

h1 {
    font-size: 18px;
    color: #000;
    margin: 0 0 5px 0;
    padding: 0;
}

h2 {
    font-size: 15px;
    font-weight: bold;
    color: #6C92CA;
    margin: 0 0 3px 0;
    padding: 0;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin: 0 0 2px 0;
    padding: 0;
}

h4 {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
/* - - - Absaetze - - - */

p {
    margin-bottom: 15px;
}

#header p {
    text-align: right;
    color: #FFF;
    font-weight: bold;
    margin-top: 50px;
    margin-right: 20px;
}

#maincol .flags img {
    background: none;
    padding: 0;
    border: 0;
}

#maincol .flags a, #maincol .flags a:hover {
    border: 0;
}

#maincol .flags {
    text-align: left;
    width: 250px;
    margin-left: 60px;
}

#maincol .flags span {
    margin-right: 15px;
}

#maincol span.deutsch a, #maincol span.english a {
    border: 0;
}

#maincol p.translationlink-d {
    text-align: right;
    padding-right: 30px;
    background: #fff url('../images/flag-de.gif') no-repeat center right;
}

#maincol p.translationlink-d a, #maincol p.translationlink-e a {
    color: #000;
}

#maincol p.translationlink-e {
    text-align: right;
    padding-right: 30px;
    background: #fff url('../images/flag-uk.gif') no-repeat center right;
}

#maincol .plainlink {
    text-decoration: none;
    border: none;
}



/* - - - Zitate - - - */

blockquote {
    color: #6C92CA;
    font-weight: bold;
}

/* - - - Listen - - - */

#maincol ul {
    margin: 15px 15px 15px 25px;
}

#quickskip li {
    list-style-type: none;
    visibility: hidden;
}

.bx-mittel ul {
    text-align: left;
    padding-left: 50px;
}

#footer ul { 
    list-style-type: none; 
    color: #fff; 
    font-size: 11px; 
    text-transform: uppercase; 
}

#footer li {
    display: inline;
    margin: 0 5px;
}

/* - - - Definitionslisten - - - */

#sidecol dl {
    margin-top: 15px;
    color: #486fa8;
}

#maincol dl {
    margin-bottom: 15px;
    color: #000;
}

#impressum dl {
    margin: 0;
    color: #000;
}

dt {
    font-weight: bold;
}

#impressum dt {
    font-weight: bold;
    margin-top: 15px;
}

/* - - - Bilder - - - */

img {
    background: #CAE1FD;
    padding: 5px 5px 7px 5px;
    border: 1px solid #6C92CA;
}

img.noborder {
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
    border: 0;
}

/* - - - Trennllinien - - - */

hr {
    display: none;
}

/* - - - Textauszeichnung - - - */

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

acronym, abbr, dfn {
    border-bottom: 1px dotted #999;
    cursor: help;
}

/* - - - Links - - - */

#navigation a {
    padding-left: 18px;
    font-size: 12px;
    display: block;
    width: 140px;
    height: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #6C92CA;
    line-height: 18px;
}

#navigation a.a-conture-english {
    padding-left: 30px;
    font-size: 12px;
}

#navigation a:hover {
    width: 140px;
    height: 18px;
    background: url(../images/navi-bg.png) no-repeat 0 0;
    color: #FFF;
}

#maincol a {
    text-decoration: none;
    color: #6c92ca;
    border-bottom: 1px solid #000;
}

#maincol a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

#maincol a:focus {
    color: #000;
    border-bottom: 1px solid #000;
}

#footer a {
    text-decoration: none;
    color: #FFF;
}

#footer a:hover {
    color: #000;
}


#maincol .innercontent a.bildlink {
    border: 0;
}




/* - - - Formulare - - - */

form {
    margin: 0 0 30px 0;
    padding: 0;
}

fieldset {
    border: 1px solid #CAE1FD;
    margin: 0;
    padding: 15px;
    overflow: auto;
}

legend {
    color: #FFF;
    background: #6C92CA;
    margin: 0 3px 5px 0;
    padding: 0 6px;
    border: 1px solid #BBD2E0;
}

label {
    margin: 0;
    padding: 0;
    width: 130px;
    float: left;
    clear: both;
}

input {
    border: 1px solid #6C92CA;
    margin: 4px 0;
    padding: 2px;
    width: 270px;
    float: right;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #CAE1FD;
}

input.button {
    width: 100px;
    height: 25px;
    background: #6C92CA;
    color: #FFF;
    padding: 0;
    clear: both;
}

textarea {
    border: 1px solid #6C92CA;
    margin: 4px 0;
    padding: 2px;
    width: 270px;   
    float: right;
    font-family: Tahoma, Arial, Helvetica, sans-serif;  
    font-size: 12px;
    background: #CAE1FD;
}

input:focus, textarea:focus {
    border: 1px solid #000;
}

/* - - - Lightbox - - - */

#lightbox {
    background: #FFF;
    padding: 10px;
}

#loadingImage {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

#lightbox a img {
    margin: 0;
    padding: 0;
}

#overlay { 
    background: url(../images/overlay.png) repeat 0 0; 
}