/*
Copyright (c) 2007 gelberTraktor
All rights reserved / Alle Rechte vorbehalten
http://gelberTraktor.com
 */


/* MISC */


br
{
    display: block;
    width: 1px;
    height: 1px;
}

.error
{
    color: #c00;
}

div
{
}

div.line /* @@text new line @@ */
{
    display: block;
    clear: both;
    margin: -1em 0;
    width: 341px;
    height: 1px;
    overflow: hidden;
}

div.line *
{
    display: none;
}

/* ARCHITECTURE */

body
{
    background: #fff url('../../projectstatic/images/bgBody.png') repeat 0 0;
    text-align: center;
}

#main
{
    background: #fff none;
    color: #333;
    font-size: 92%;
    text-align: left;
    margin: 0.3em auto;
    width: 812px;
}

/* HEADER */

#header
{
    overflow: visible;
}

#header *
{
    margin: 0;
    padding: 0;
}

/* CONTENT */

#content
{
    background: #fff;
    display: block;
    clear: both;
    float:left;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
}

/* SIDEBAR */

#sidebar
{
    float: right;
    width: 140px;
}


/* CONTENTRELATED */

#contentRelated
{
    float: left;
    padding: 0;
    width: 140px;
    margin-bottom: 7em;
}


/* CONTENTGlOBAL */

#contentGlobal
{
    padding: 10px 10px 0 10px;
    *padding-bottom: 10px; /* IE7 */
    border: 1px solid #ccc;
    float: left;
    width: 120px;
}


#contentMain, #sidebar
{
    margin-top: 1em;
    min-height: 356px;
    height: auto !important;
    height: 356px;
}


/* CONTENTMAIN */

#contentMain
{
    position: relative;
    top: 0;
    left: 0;
    float:left;
    width: 363px;
    border-left: 200px solid #fff;
}


/* SLIDESHOW */

#mySlideshow
{
    /* overwriting defaults */
    width: 157px;
    height: 418px;
    /*
    z-index: 1000;
    */
    /* ==================== */

    position: absolute;
    top: 0;
    left: -200px;
    /*
    z-index: 1000;
    */
    background: #f99;
}

.jdSlideshow .slideElement
{
	background-color: #fff;
}


/* FOOTER*/

#footer
{
    background: #fff none;
    display: block;
    clear: both;
    float:left;
    width: 100%;
}

/* MENUMAIN */

#menuMain
{
    width: 100%;
    float: left;
    text-align: center;
    background: transparent url('../../projectstatic/images/logo.png') no-repeat 0 30px;
    text-transform: lowercase;
}

#menuMain ul
{
    list-style: none none outside;
    margin: 0;
    padding: 0;
}

#menuMain li
{
    display: inline;
}

/* LEVEL1 */

#menuMain #level1
{
    display: block;
    clear: both;
    float: right;
    text-align: right;
    padding: 0;
    margin: 2.5em 0 2em 0;
    width: 100%;
}

#level1 a:link, #level1 a:visited
{
    margin-right: 0.3em;
    color: #000;
    font-size: 97%;
    text-decoration: none;
}

#level1 a:hover
{
    color: #444;
}

#level1 a:active
{
    text-decoration: underline;
}

#level1 a.open:link, #level1 a.open:visited, #level1 a.open:hover, #level1 a.open:active,
#level1 a.active:link, #level1 a.active:visited, #level1 a.active:hover, #level1 a.active:active
{
    display: none;
}


/* LEVEL2 */

#menuMain #level2, #menuMain #level3
{
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 1em;
}

#level2 a:link, #level2 a:visited
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0.5em;
}

#level2 a:hover
{
    color: #666;
    text-decoration: underline;
}

#level2 a:active
{
    color: #000;
    text-decoration: none;
}

#level2 a.open:link, #level2 a.open:visited, #level2 a.open:hover, #level2 a.open:active,
#level2 a.active:link, #level2 a.active:visited, #level2 a.active:hover, #level2 a.active:active
{
    color: #000;
    text-decoration: underline;
    cursor: default;
}


/* LEVEL3 */

#level3 a:link, #level3 a:visited
{
    color: #000;
    text-decoration: none;
    padding: 0 0.5em;
}

#level3 a:hover
{
    color: #666;
    text-decoration: underline;
}

#level3 a:active
{
    color: #000;
    text-decoration: none;
}

#level3 a.open:link, #level3 a.open:visited, #level3 a.open:hover, #level3 a.open:active,
#level3 a.active:link, #level3 a.active:visited, #level3 a.active:hover, #level3 a.active:active
{
    font-weight: bold;
    color: #333;
    text-decoration: underline;
    cursor: default;
}


/* FOOTER */
#footer
{
    text-align: center;
    font-size: 77%;
}

/* ==========================================================
 * content styles
 * ========================================================== */


/* default margin for block-elements*/

blockquote, cite, code, dl, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, samp, table, tt, ul
{
    margin: 0 0 1em 0;
}


/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    color: #585858;
    color: #666;
    font-weight: bold;
    margin-bottom: 0.5em;
}

h1
{
    clear: both;
    font-size: 136%;
}

h2
{
    clear: both;
    font-size: 122%;
}

h3
{
    font-size: 107%;
}

h4
{
    letter-spacing: 3px;
    font-size: 92%;
}

h5
{
    letter-spacing: 2px;
    font-size: 92%;
}

h6
{
    letter-spacing: 1px;
    font-size: 92%;
}


/* BLOCK ELEMENTS */

blockquote, code, hr, p, pre, samp, tt
{
}

cite
{
    font-style:italic;
}

/* INLINE ELEMENTS */

abbr {}

acronym {}

b
{
    font-weight: bold;
}

big
{
    font-size: 100%;
    font-weight: bold;
}

del
{}

em
{
    font-style: italic;
}

i
{
    font-style: italic;
}

q
{}

small, sub, sup
{
    font-size: 77%;
}

strike
{}

strong
{
    font-weight: bold;
}

/* TABLES */

table
{
    clear:both;
}

caption
{}

thead
{}

tbody
{}

tfoot
{}

th
{
}

col
{}

colgroup
{}

tr
{}

td
{ 
    vertical-align:top;
    padding: 0.2em 0.4em 0.2em 0;
}


/* LISTS */

dl, ul, ol
{
    list-style-position: outside;
    margin-left: 2em;
}

dd, dt, li
{
    line-height: 1.7em;
}


/* IMAGES */

/*
custom image-sizes imflieger.net
large:      350
medium:     170
small:      110
*/

span.image
{
    display: block;
    float: left;
    margin-bottom: 0.7em;
}

span.image img
{
    display: block;
}

span.image.original img
{
    display: inline;
}

span.image.large
{
    width: 350px;
}

img.large
{
    width: 350px;
}

span.image.medium
{
    width: 170px;
    margin-right: 10px;
}

img.medium
{
    width: 170px;
}

span.image.small
{
    width: 110px;
    margin-right: 10px;
}


img.small
{
    width: 110px;
}

span.image.sidebar
{
    width: 120px;
    margin-right: 0;
}

img.sidebar
{
    width: 120px;
}

span.image .description
{
    display: block;
    clear: both;
    font-size: 92%;
    color: #757575;
}

span.image.original, span.image.original img
{
    display: inline;
    margin: 0;
    padding: 0;
}



/* LINKS */ 

a:link, a:visited
{
    color: #008;
    text-decoration: none;
}

a:hover, a:active
{
    text-decoration: underline;
}

a.active:link, a.active:visited, a.active:hover, a.active:active
{
    color: #000;
    text-decoration: underline;
    cursor: default;
}

/* FORM */

.nevow-form .field, .nevow-form .fieldCheckbox
{
    display: block;
    clear: both;
    float: left;
    margin-bottom: 0.8em;
    width: 100%;
}

.nevow-form label
{
    display: block;
    clear: both;
    float: left;
    text-align: left;
    margin-right: 2%;
    width: 18%;
    overflow: hidden;
}

.nevow-form div.inputs
{
    display: block;
    float: right;
    text-align: left;
    width: 80%;  
    overflow: hidden;
}

.nevow-form .fieldCheckbox label
{
    display: block;
    clear: none;
    float: right;
    text-align: left;
    margin-right: 0;
    width: 80%;
    overflow: hidden;
}

.nevow-form .fieldCheckbox div.inputs
{
    display: block;
    clear: both;
    float: left;
    text-align: right;
    margin-right: 2%;
    width: 18%;  
    overflow: hidden;
}

.nevow-form .description, .nevow-form .message
{
    clear: both;
    margin-left: 20%;
    width: 80%;
}

.nevow-form input, .nevow-form textarea, .nevow-form select
{
    width: 100%;
}

.nevow-form .small
{
    width: 10%;
}

.nevow-form input[type=checkbox], .nevow-form input[type=radio]
{
    width: auto;
}

.nevow-form div.actions
{
    clear: both;
    margin-left: 20%;
    text-align: right;
    width: 80%;
}

.nevow-form .actions input
{
    width: auto;
}



/* GALLERY */
.galleryOverview
{
    list-style: none outside;
    margin: 0 0 1em 0;
    padding: 0;
}

.galleryOverview li
{
    display: inline;
    float: left;
    margin: 0 6px 6px 0;
    padding: 0;
    border: 1px solid #444;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.galleryOverview li a
{
    display: block; 
    text-align: center;
    background-color: #999;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 150px;
}

#gallery
{
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

.galleryNavigation
{
    float: left;
    background-color: transparent;
    padding-bottom: 0.3em;
    width: 100%;
}

.galleryPreviousPicture
{
    clear: both;
    float: left;
    width: 50px;
    height: 50px;
    text-align: left;
}

.galleryNextPicture
{
    float: right;
    text-align: right;
    width: 50px;
    height: 50px;
}

.galleryPicture
{
    clear: both;
    background-color: #181818;
    text-align: center;
    padding: 0 0 0 0;
}

.galleryPicture .description
{
    background-color: #232323;
    text-align: center;
    padding: 0.1em 0.1em 0 0.1em;
}

.galleryPicture .description, .galleryPicture .description *
{
    color: #a3a3a3;
}