/* ### screen-layout for www.fehrle-fotogrphy.de ### */

/* nicht vergessesn - alles wird von oben nach unten überschrieben! - weiter unten = wird bei gleichem Gewicht ausgeführt */

/* ### ALLGEMEINES ### */

body { background-color:#000; color:#fff; font-size:11pt; font-family:Verdana,Arial,sans-serif; line-height:1.4em; margin:0; min-width:700px; padding:3%; }

/* Headers */
h1, h2 {margin:0; text-align:left; }
h1 { color:#fff; font-size:13pt; padding:20px 0 20px 0px; }
h2 { color:#fff; font-size:12pt; padding:20px 0; }

/* Images */
img { border:solid 1px #272526; margin:5 px; padding:5 px; }

/* Links */
a { color:#fff; text-decoration:none; } 
a:visited { color:#fff; }
a:hover { text-decoration:underline; }

/* Tables */
table { border:0; width:100%; table-layout:auto; vertical-align:top; padding: 0; }


/* ### CLASSES ### */

/* Screenreader-Work-Around */
.skip { margin-left:-10000px; position:absolute; }

/* Colors & Text */
.aufenthaltsort { color:#990000; }
.back { color:#fff; }
.border { color:#272526; }
.box { color:#740; }
.light { color:#cce; }


/* ### SECTIONS ### */

/* Box */
#container { background:#000000; border:1px solid #272526; margin:auto; width:700px; } 

/* Background-Images */
#picturestartseite { background:url(nebelberge.jpg) no-repeat 100% #000; background-position:top; border:none; height:275px; }
#picturelebenslauf { background:url(Feuer.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#pictureshop { background:url(Big_Sur.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#pictureportfolio { background:url(Gebet.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#pictureprojekte { background:url(Projekte.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#picturelinks { background:url(Wattvoegel.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#picturedisclaimer { background:url(img/bg/press_700x162_60.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#picturekontakt { background:url(Einsiedlerkrebs.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }
#pictureimpressum { background:url(Dresden.jpg) no-repeat 100% #000; background-position:top; #272526; border:none; height:275px; }

/*Sprache*/
#language { background:#272526; margin:0; padding:5px; text-align:left; font-size:11ptm; list-style-type:none; }

/* Menu */
ul#menu { background:#272526; margin:0; padding:5px; text-align:right; font-size:11pt; list-style-type:none; }
ul#menu li { border-left:1px solid white; color:#fff; display:inline; padding:0 5px; }

/* Main */
#main { padding:20px 10px 30px 2%; }
.einrucken {margin-left:10px; }

/* Footer */
#fuss { background:#272526; color:#fff; font-size:11pt; line-height:0.85em; text-align:left; margin:0; padding:5px; list-style-type:none; }
#fuss ul { display:inline;} 
#fuss li { border-left:1px solid white; color:#fff; display:inline; padding:0 5px; }