/*
CSS-Datei für flomei.de
Autor: Florian Meier
*/

body {
                        background-color:#000;
                        color:#fff;
                        font-size:11px;
                        font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

h1 { 
                        font-size:13px;
                        padding:0px;
                        margin:0px;
}

img {
                        border:none;
}

.referenzfoto_container {
                        display:block;
                        float:left;
                        text-align:center;
                        height:160px;
                        width:240px;
                        padding-right:15px;
                        padding-bottom:15px;
}

a {
                        border-bottom:1px dashed #999;
                        text-decoration:none;
                        color:#999;
}

.aohne {
                        border-bottom:none !important;
                        padding-right:0px !important;
                        background:none !important;
}

.fett {
                        font-weight:bold;
}

.italic {
                        font-style:italic;
}

.unterstrichen {
                        border-bottom:1px solid #fff;
}

.eintrag {
			width:325px;
			height:100%;
                        border-right:1px solid #fff;
                        padding-right:20px;
                        margin-right:20px;
                        float:left;
}

.eintrag#fotos { border-right:1px solid #e60000 !important; }
.eintrag#mediengestaltung { border-right:1px solid #008ce5 !important; }
.eintrag#webentwicklung { border-right:1px solid #64be55 !important; }

.eintrag_ende {
			width:325px;
			height:100%;
                        margin-right:20px;
                        float:left;
}

.doppelter_eintrag {
			width:650px;
			height:100%;
                        border-right:1px solid #fff;
                        padding-right:20px;
                        margin-right:20px;
                        float:left;
}

.doppelter_eintrag#fotos { border-right:1px solid #e60000 !important; }
.doppelter_eintrag#mediengestaltung { border-right:1px solid #008ce5 !important; }
.doppelter_eintrag#webentwicklung { border-right:1px solid #64be55 !important; }

.doppelter_eintrag_ende {
			width:650px;
			height:100%;
                        margin-right:20px;
                        float:left;
}

.galerie_eintrag {
                        width:900px;
			height:100%;
                        float:left;
                        padding-right:10px;
}

.galerie_eintrag_ende {
                        width:920px;
			height:100%;
                        float:left;
}

.label {
                        width:75px;
                        margin-right:10px;
                        text-align:right;
                        float:left;
                        padding:5px;
}

input, textarea, select {
                        color:#fff;
                        width:200px;
                        padding:5px;
                        border:1px dashed #fff;
                        background-color:transparent;
                        vertical-align:middle;
}

.lightbox {
                        visibility:hidden;
                        position:absolute;
                        left:0;
                        top:0;
                        width:100%;
                        height:100%;
                        background-image:url(img/lightbox_back.png);
                        background-repeat:repeat;
                        z-index:999;
                        display:inline;
}

#lightbox_image {
                        position:absolute; 
                        top:50%;
                        margin-top:-300px;
                        left:50%;
}