/* ************************************************************************** */
/* Stylesheet für www.photo-adrian.de                                         */
/*                                                                            */
/* Version 1.0 - 10.05.2010                                                   */
/*                                                                            */
/* (c) Copyright 2010 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 10.05.2010: erste Fassung                                            */
/* 1.1 - 27.05.2010: geändert: L. Baumann                                     */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | Reset                                                                 */
/* 02 | Layout                                                                */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset & Basisstyles                                                   */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

html * {
	font-size: 100.01%;
	}


a {
	text-decoration: none;
	}

/* ************************************************************************** */
/* 02 | Layout           
/* ************************************************************************** */

body {
	background: #fff url(../img/bg-page.gif) top left repeat-x;
	color: #333;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	text-align: center;
	}

#page-wrapper {
	background: #fff url(../img/bg-right.gif) 80% 0 repeat-y;
	border: 1px solid #999;
	margin: 25px auto;
	max-width: 1200px;
	min-width: 960px;
	position: relative;
	text-align: left;
	width: 90%;
	}

#content-wrapper {
	background: url(../img/bg-left.gif) 20% 0 repeat-y;
	}

#header {
	background: #fff url(../img/bg-header.gif) left bottom repeat-x;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	position: relative;
	}

#navigation,
#content,
#sidebar,
#footer {
	border-top: #fff 10px solid;
	}

#navigation {
	float: left;
	width: 20%;
	}

#content {
	float: left;
	margin-left: 1%;
	width: 57%;
	}

#sidebar {
	float: right;
	width: 20%;
	}

#footer {
	background: #fff url(../img/bg-footer.gif) top left repeat-x;
	clear: both;
	}

#header h1 {
	background: transparent url(../img/logo-photo-adrian.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	height: 72px;
	text-indent: -999em;
	}

#header a.home {
	height: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	}

#content .gutter {
	padding: 1em;
	padding: 0;
	}

h2, h3, h4 {
	font-weight: bold;
	}

h2, p {
	margin-bottom: 1em;
	}

h2 {
	font-size: 133.333%;
	}

#footer p {
	color: #666;
	font-size: 95.833%;
	margin-bottom: 0;
	padding: 15px 20px 10px 20px;
	text-align: center;
	}

#navigation ul {
	padding: 15px 0;
	position: relative;
	}

#navigation ul li {
	margin-right: 5px;
	}

#navigation ul li:hover,

#ausweis li#n-ausweis,
#ausweis-personalausweis li#n-ausweis,
#ausweis-reisepass li#n-ausweis,
#ausweis-visa li#n-ausweis,
#ausweis-schuelerausweis li#n-ausweis,
#ausweis-fuehrerschein li#n-ausweis,
#ausweis-firmenausweis li#n-ausweis,
#ausweis-personalausweis li#n-ausweis-personalausweis,
#ausweis-reisepass li#n-ausweis-reisepass,
#ausweis-visa li#n-ausweis-visa,
#ausweis-schuelerausweis li#n-ausweis-schuelerausweis,
#ausweis-fuehrerschein li#n-ausweis-fuehrerschein,
#ausweis-firmenausweis li#n-ausweis-firmenausweis,
#bilder-bewerbung li#n-bewerbung,
#bewerbung-beratungsgespraeche li#n-bewerbung,
#bewerbung-beratungsgespraeche-farbpsychologisch li#n-bewerbung,
#bewerbung-beratungsgespraeche-posengerecht li#n-bewerbung,
#bewerbung-beratungsgespraeche-kleidung li#n-bewerbung,
#bewerbung-bildretusche li#n-bewerbung,
#bewerbung-sofortige-nachbestellmoeglichkeit li#n-bewerbung,
#bewerbung-herausgabe-von-ungeschuetzten-bilddateien li#n-bewerbung,
#bewerbung-vor-und-nachherfotos li#n-bewerbung,
#bewerbung-beratungsgespraeche li#n-bewerbung-beratungsgespraeche,
#bewerbung-beratungsgespraeche-farbpsychologisch li#n-bewerbung-beratungsgespraeche-farbpsychologisch,
#bewerbung-beratungsgespraeche-posengerecht li#n-bewerbung-beratungsgespraeche-posengerecht,
#bewerbung-beratungsgespraeche-kleidung li#n-bewerbung-beratungsgespraeche-kleidung,
#bewerbung-bildretusche li#n-bewerbung-bildretusche,
#bewerbung-sofortige-nachbestellmoeglichkeit li#n-bewerbung-sofortige-nachbestellmoeglichkeit,
#bewerbung-herausgabe-von-ungeschuetzten-bilddateien li#n-bewerbung-herausgabe-von-ungeschuetzten-bilddateien,
#bewerbung-vor-und-nachherfotos li#n-bewerbung-vor-und-nachherfotos,
#bilder-portrait li#n-portrait,
#bilder-portrait-beratungsgespraeche li#n-portrait,
#bilder-portrait-beratungsgespraeche-posenanleitung li#n-portrait,
#bilder-portrait-beratungsgespraeche-farbpsychologisch li#n-portrait,
#bilder-portrait-beratungsgespraeche-anhand-von-bildbeispielen li#n-portrait,
#bilder-portrait-bildretusche li#n-portrait,
#bilder-portrait-monochromes-bild-einfaerben li#n-portrait,
#bilder-portrait-pop-colour li#n-portrait,
#bilder-portrait-kindergarten-und-schulfotografie li#n-portrait,
#bilder-portrait-beratungsgespraeche li#n-portrait-beratungsgespraeche,
#bilder-portrait-beratungsgespraeche-posenanleitung li#n-portrait-posenanleitung,
#bilder-portrait-beratungsgespraeche-farbpsychologisch li#n-portrait-farbpsychologisch,
#bilder-portrait-beratungsgespraeche-anhand-von-bildbeispielen li#n-portrait-anhand-von-bildbeispielen,
#bilder-portrait-bildretusche li#n-portrait-bildretusche,
#bilder-portrait-monochromes-bild-einfaerben li#n-portrait-monochromes-bild-einfaerben,
#bilder-portrait-pop-colour li#n-portrait-pop-colour,
#bilder-portrait-kindergarten-und-schulfotografie li#n-portrait-kindergarten-und-schulfotografie,
#bilder-reportage li#n-reportage,
#bilder-reportage-bildreportage li#n-reportage-bildreportage,
#bilder-reportage-videoreportage li#n-reportage-videoreportage,
#bilder-hochzeit li#n-hochzeit,
#bilder-hochzeit-vorhergende-beratungsgespraeche li#n-hochzeit,
#bilder-hochzeit-infomaterial li#n-hochzeit,
#bilder-hochzeit-posenberatung li#n-hochzeit,
#bilder-hochzeit-vorhergende-beratungsgespraeche li#n-hochzeit-vorhergende-beratungsgespraeche,
#bilder-hochzeit-infomaterial li#n-hochzeit-infomaterial,
#bilder-hochzeit-posenberatung li#n-hochzeit-posenberatung,
#bilder-werbung li#n-werbung,
#bilder-werbung-werbefotos li#n-werbung,
#bilder-werbung-individuelle-firmenberatung li#n-werbung,
#bilder-werbung-psychologische-farbberatung li#n-werbung,
#bilder-werbung-posenberatung li#n-werbung,
#bilder-werbung-beispielbilder li#n-werbung,
#bilder-werbung-vorgespraech li#n-werbung,
#bilder-werbung-virtuelle-darstellung-von-objekten li#n-werbung,
#bilder-werbung-werbefotos li#n-werbung-werbefotos,
#bilder-werbung-individuelle-firmenberatung li#n-werbung-individuelle-firmenberatung,
#bilder-werbung-psychologische-farbberatung li#n-werbung-psychologische-farbberatung,
#bilder-werbung-posenberatung li#n-werbung-posenberatung,
#bilder-werbung-beispielbilder li#n-werbung-beispielbilder,
#bilder-werbung-vorgespraech li#n-werbung-vorgespraech,
#bilder-werbung-virtuelle-darstellung-von-objekten li#n-werbung-virtuelle-darstellung-von-objekten,
#reparaturen li#n-reparaturen,
#reparaturen-reparaturen-aller-art li#n-reparaturen,
#reparaturen-alle-kameratypen li#n-reparaturen,
#reparaturen-reparatur-von-bilderrahmen li#n-reparaturen,
#reparaturen-glas-bzw-kunsstoffscheiben li#n-reparaturen,
#reparaturen-bildbearbeitung li#n-reparaturen,
#reparaturen-reparaturen-aller-art li#n-reparaturen-reparaturen-aller-art,
#reparaturen-alle-kameratypen li#n-reparaturen-alle-kameratypen,
#reparaturen-reparatur-von-bilderrahmen li#n-reparaturen-reparatur-von-bilderrahmen,
#reparaturen-glas-bzw-kunsstoffscheiben li#n-reparaturen-glas-bzw-kunsstoffscheiben,
#reparaturen-bildbearbeitung li#n-reparaturen-bildbearbeitung,
#retusche li#n-retusche,
#retusche-analoges-bildmaterial li#n-retusche,
#retusche-negative li#n-retusche,
#retusche-digitales-bildmaterial li#n-retusche,
#retusche-cd-stick li#n-retusche,
#retusche-aufsichtvorlagen li#n-retusche,
#retusche-arbeit-mit-bildbeispielen li#n-retusche,
#retusche-gemaelde li#n-retusche,
#retusche-reproduktionen li#n-retusche,
#retusche-analoges-bildmaterial li#n-retusche-analoges-bildmaterial,
#retusche-negative li#n-retusche-negative,
#retusche-digitales-bildmaterial li#n-retusche-digitales-bildmaterial,
#retusche-cd-stick li#n-retusche-cd-stick,
#retusche-aufsichtvorlagen li#n-retusche-aufsichtvorlagen,
#retusche-arbeit-mit-bildbeispielen li#n-retusche-arbeit-mit-bildbeispielen,
#retusche-gemaelde li#n-retusche-gemaelde,
#retusche-reproduktionen li#n-retusche-reproduktionen,
#passepartout li#n-passepartout,
#passepartout-passepartouts-jeglicher-art li#n-passepartout,
#passepartout-passepartoutzuschnitt li#n-passepartout,
#passepartout-farbliche-bearbeitung-von-passepartouts li#n-passepartout,
#passepartout-arbeit-mit-bildbeispielen li#n-passepartout,
#passepartout-computergesteuerte-ausschneidemoeglichkeit li#n-passepartout,
#passepartout-anfertigen-bei-bildbearbeitung li#n-passepartout,
#passepartout-passepartouts-jeglicher-art li#n-passepartout-passepartouts-jeglicher-art,
#passepartout-passepartoutzuschnitt li#n-passepartout-passepartoutzuschnitt,
#passepartout-farbliche-bearbeitung-von-passepartouts li#n-passepartout-farbliche-bearbeitung-von-passepartouts,
#passepartout-arbeit-mit-bildbeispielen li#n-passepartout-arbeit-mit-bildbeispielen,
#passepartout-computergesteuerte-ausschneidemoeglichkeit li#n-passepartout-computergesteuerte-ausschneidemoeglichkeit,
#passepartout-anfertigen-bei-bildbearbeitung li#n-passepartout-anfertigen-bei-bildbearbeitung,
#rahmen li#n-rahmen,
#rahmen-vielfaeltiges-rahmenangebot li#n-rahmen,
#rahmen-von-namenhaften-rahmenherstellern li#n-rahmen,
#rahmen-preisvorteil li#n-rahmen,
#rahmen-von-modern-bis-antik li#n-rahmen,
#rahmen-individueller-zuschnitt li#n-rahmen,
#rahmen-vielfaeltiges-rahmenangebot li#n-rahmen-vielfaeltiges-rahmenangebot,
#rahmen-von-namenhaften-rahmenherstellern li#n-rahmen-von-namenhaften-rahmenherstellern,
#rahmen-preisvorteil li#n-rahmen-preisvorteil,
#rahmen-von-modern-bis-antik li#n-rahmen-von-modern-bis-antik,
#rahmen-individueller-zuschnitt li#n-rahmen-individueller-zuschnitt,
#video li#n-video,
#video-familienfeiern li#n-video,
#video-hochzeiten li#n-video,
#video-kommunion-konfirmation li#n-video,
#video-besondere-anlaesse li#n-video,
#video-familienfeiern li#n-video-familienfeiern,
#video-hochzeiten li#n-video-hochzeiten,
#video-kommunion-konfirmation li#n-video-kommunion-konfirmation,
#video-besondere-anlaesse li#n-video-besondere-anlaesse,
#kunst li#n-kunst {
	background: #C3C3C3;
	}

#navigation ul li.section {
	font-size: 116.666%;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1em;
	}

#navigation ul li.first {
	margin-top: 0;
	}

#navigation ul li.section:hover {
	background: transparent;
	}

#navigation ul li.section span,
#navigation ul li a {
	color: #333;
	display: block;
	padding-left: 15px;
	}

#navigation ul li a {
	padding: 4px 6px 4px 15px;
	}

#navigation ul li {
	position: relative;
	}

#navigation ul ul {
	background: url(../img/bg-navi-subs.gif) top right repeat-y;
	position: absolute;
	left: -999em;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#navigation ul ul li {
	margin-right: 1px;
	}

#navigation ul li:hover > ul {
	left: 98%;
	}

#navigation li a.with-subs {
	background: url(../img/navi-has-subs.gif) no-repeat right 50%;
	}

#navigation ul ul li a.sub-sub {
	background: url(../img/navi-has-subs.gif) no-repeat 15px 50%;
	padding-left: 30px;
	}

#navigation table {
	border-collapse: collapse;
	height: 0;
	left: 99%;
	margin-left: -1px;
	margin-top: -7px;
	position: absolute;
	width: 0;
	}

.img-left {
	border: 1px solid #9C9D9F;
	float: left;
	margin: 0 12px 8px 0;
	padding: 6px;
	}

.img-right {
	border: 1px solid #9C9D9F;
	float: right;
	margin: 0 0 8px 12px;
	padding: 6px;
	}

#sidebar h2 {
	font-size: 116.666%;
	margin-bottom: 0;
	padding: 15px;
	}

#sidebar ul.links {
	list-style: square;
	padding: 0;
	}

#sidebar ul.links li {
	margin: 0 0 0.8em 2.5em;
	}

#content .gutter a,
#sidebar ul.links li a {
	border-bottom: #333 1px dotted;
	color: #333;
	}

#content .gutter a:hover,
#sidebar ul.links li a:hover {
	border-bottom: #333 1px solid;
	}