/*   */

/*
 Theme Name: Laura Pregger Design Lab
 Version: 0.1
 Author: Stephan Schinkel
 Author URI: http://www.stephanschinkel.de/
 Tags: clean
 Description:
 Licence: This theme is released under the terms of the GPL Version 2 Licence.
 */

@import url('./style-reset.css');
@import url('./style-common.css');

body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, dl { 
	font-family: georgia, times, serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 13pt;
	color: #404040; /* 75% Schwarz RGB */
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0 none;
}

a {
	text-decoration: none;
	color: #272324;
}

a:hover {

}

#rahmenSeite {
	margin: 30px auto;
	width: 990px;
	padding: 0px;
}

#navigation,
#rahmenInhalt,
#inhalt,
#sidebar,
#langSelektor {
	position: absolute;
}

#langSelektor {
	position: fixed;
}

/* Kopf */

#kopf {
	height: 105px;
}

#kopf img {
	display: block;
}


/* Navigation */

#navigation {
	margin: 0;
	padding: 0;
	width: 160px;
	z-index: 201;
}

#navigation li a {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li a,
#kopf h1 a,
#kopf h2 a {
/*
	font-family: din;
	font-size: 18pt;
	line-height: 20pt;
*/
	font-size: 18pt;
	line-height: 18pt;
	color: #313231;
}

#kopf h1 a,
#kopf h2 a {
	font-size: 14pt;
	line-height: 16pt;	
}

#kopf h2 a {
	color: #b1b2b1;
}

#navigation li.current_page_item
/*,
#navigation li.current_page_parent */{
	background-image: url("bilder/navigation-selektor.png");
	background-repeat: no-repeat;
	background-position: 105px 8px;
}

#navigation li ul li a {
	font-size: 10pt;
	line-height: 16pt;
	color: #313231;	
}

#navigation li ul {
	display: none;
}

#navigation li.current_page_parent ul {
	display: block;
}

/* Inhalt */

#inhalt {
	width: 720px;
	height: auto;
	margin: -15px 0;
	left: 130px;
	padding-bottom: 80px;
}

#inhalt div.arbeiten {
	float: left;
	margin: 0 10px 10px 0;
}

/* Sidebar */
#sidebar {
	width: 175px;
	margin-left: -25px;
	margin-top: 7px;
	left: 838px;
	z-index: 200;
}

#unternavigation li a,
#schlagworte li,
#bildsteuerung li {
	list-style-type: none;
	padding-left: 60px;
	font-size: 9pt;
	font-style: oblique;
	line-height: 11pt;
}

#unternavigation li.selected,
#unternavigation li.current_page_item,
#schlagworte li.selected,
#bildsteuerung li.selected {
	background-image: url("bilder/navigation-selektor.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

#unternavigation li a:hover,
#schlagworte li:hover {
	cursor: pointer;
	color: #b2b2b2; /* 30% Schwarz RGB */
}

#inhalt .arbeiten .info {
	position: absolute;
	width: 160px;
	height: 160px;
	background-color: #272324;
	padding: 5px;
	z-index: 300;
}

#inhalt .arbeiten .info p {
	position: absolute;
	top: 0;
	margin: 10px;
	margin-top: 10px;
	font-size: 13pt;
	font-variant: small-caps;
	font-style: oblique;
	color: white;
}

#inhalt .arbeiten .info p .sub {
	display: block;
	color: gray;
}

#inhalt .arbeiten .info p .subSub {
	display: block;
	margin-top: 5px;
	font-size: 9pt;
	font-variant: normal;
	line-height: 10pt;
	color: gray;
}

#inhalt .hidden,
#inhalt .arbeiten .hidden {
	display: none;
}

#inhalt #bilderSchutz {
	display: block;
	position: absolute;
	width: 708px;
	height: 500px;
	z-index: 199;
	cursor: pointer;
}

#inhalt .teaserBilderSchutz {
	display: block;
	position: absolute;
	width: 170px;
	height: 170px;
	z-index: 400;
}

.teaserImageOpacity {
	opacity: .2;
}

#inhalt .untertitel {
	font-size: 9pt;
	font-style: oblique;
	line-height: 11pt;
	color: #b2b2b2; /* 30% Schwarz RGB */
	margin: 5px 0 0 10px;
}

#inhalt #arbeit-anfrage,
#inhalt #arbeit-detail {
	position: absolute;
	height: auto;
	width: 240px;
	left: 380px;
	top: -7px;
	padding-bottom: 15px;
	z-index: 300;
	cursor: move;
	background-color: white;
	background-image: url("bilder/info-topbar.png");
	background-repeat: repeat-x;
}

#inhalt #arbeit-anfrage {
	cursor: default;
}

#inhalt #arbeit-anfrage h3,
#inhalt #arbeit-anfrage p,
#inhalt #arbeit-detail h1,
#inhalt #arbeit-detail p {
	margin: 0;
	padding: 0;
	margin: 0 15px 0 15px;
}

#inhalt #arbeit-anfrage h1,
#inhalt #arbeit-detail h1 {
	font-size: 13pt;
	font-weight: normal;
	text-transform: uppercase;
	font-style: oblique;
	line-height: 15pt;
	letter-spacing: 0.5pt;
	margin: 12px;
}

#inhalt #arbeit-anfrage h1 span,
#inhalt #arbeit-detail h1 span {
	display: block;
	color: #bfbfbf; /* 25% Schwarz RGB */
}

#inhalt #arbeit-detail p {
	font-size: 10pt;
	line-height: 13pt;
}

#inhalt #arbeit-anfrage p {
	font-size: 9pt !important;
	color: #404040; /* 75% Schwarz RGB */
	font-style: oblique;
}

#inhalt #arbeit-anfrage p,
#inhalt #arbeit-anfrage input,
#inhalt #arbeit-anfrage textarea,
#inhalt #arbeit-detail p,
#inhalt #arbeit-detail a {
	margin-left: 10px;
}

#inhalt #arbeit-anfrage input,
#inhalt #arbeit-anfrage textarea {
	font-family: georgia, times, serif;
	font-size: 10pt !important;
	color: red;
	border: 0 none;
	padding: 2px 0 2px 0;
	border-bottom: 1px dotted #404040; /* 75% Schwarz RGB */
	margin-bottom: 20px;
	width: 217px;
	background-color: transparent;
}

#inhalt #arbeit-anfrage input[type="submit"] {
	background-color: transparent;
	width: auto !important;
	color: #404040; /* 75% Schwarz RGB */
	cursor: pointer;
	border-bottom: 1px solid #404040; /* 75% Schwarz RGB */
	margin: 11pt 0 0 10px;
}

#inhalt #arbeit-anfrage input[type="checkbox"] {
	width: auto !important;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}

#inhalt #arbeit-anfrage textarea {
	resize: none;
	line-height: 13pt !important;
}

#inhalt #arbeit-anfrage textarea.error,
#inhalt #arbeit-anfrage input.error {
	background-color: red;
	color: white;
}

#inhalt #arbeit-anfrage form a {
	display: block;
	margin: 12px 12px 0 0;
	font-size: 9pt !important;
	font-style: oblique;
	color: #b2b2b2; /* 30% Schwarz RGB */
	text-align: right;
}

#inhalt #arbeit-detail a {
	border-bottom: 1px solid #404040; /* 75% Schwarz RGB */
}

#inhalt #arbeit-detail .meta {
	margin: 24px 0 12px 0;
}

#inhalt #arbeit-detail .meta p {
	font-size: 9pt !important;
	color: #404040; /* 75% Schwarz RGB */
	padding-left: 0 !important;
}

#inhalt #arbeit-detail p span {
	font-style: oblique;
	margin-right: 6px;
	color: #404040; /* 75% Schwarz RGB */
	border-bottom: 1px dotted #404040;  /* 75% Schwarz RGB */
}

#inhalt .arbeiten,
#inhalt .arbeiten a {
	line-height: 0pt;
	font-size: 0pt;
	cursor: pointer;
}

#inhalt .bilder img {
	width: auto !important;
	height: auto !important;	
}


/* /////// / 

	Inhalt / Aktuell
	
/////// / */
#inhalt .aktuellBild,
#inhalt .aktuellText {
	float: left;
	width: 350px;
	height: 350px;
	margin-right: 8px;
}

#inhalt .aktuellBild img {
	height: 350px;
	width: 350px;
}

#inhalt .aktuellText {
	width: 340px;
	height: 340px;
	margin-right: 0;
	background-color: white;
	background-image: url("bilder/info-topbar.png");
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-top: 10px;
}

#inhalt .aktuellText .kategorie {
	margin-bottom: 10pt;
	color: gray;
}

#inhalt .aktuellText h1 {
	font-size: 13pt;
	line-height: 16pt;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.4pt;
}

#inhalt .aktuellText h2 {
	font-size: 10pt;
	line-height: 12pt;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

#inhalt .aktuellText a {
	text-decoration: underline;
}

#inhalt .aktuellText p {
	font-style: italic;
}

#inhalt .aktuell {
	height: 350px;
	margin-bottom: 30px;
}

/* /////// / 

	Bildsteuerung
	
/////// / */

#bildsteuerung li,
#bildsteuerung li:hover {
	background-image: url("bilder/bildsteuerung-selektor-more.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor: pointer;
}

#bildsteuerung li:hover {
	background-image: url("bilder/bildsteuerung-selektor-more-hover.png");
}

#bildsteuerung li.selected:hover {
	background-image: url("bilder/navigation-selektor.png");
}

#bildsteuerung li.arbeit-detail,
#bildsteuerung li.arbeit-detail:hover,
#bildsteuerung li.arbeit-detail .selected {
	background-image: url("bilder/bildsteuerung-selektor-details-hover.png");
}

#bildsteuerung li {
	color: white;
}

#unternavigation li a:hover,
#schlagworte li:hover,
#bildsteuerung li.selected,
#bildsteuerung li:hover {
	color: #b2b2b2; /* 30% Schwarz RGB */
}

#bildsteuerung li.arbeit-detail {
	color: #404040; /* 40% Schwarz RGB */
}

/* Widgets + Plugins */
ul#langSelektor {
	right: 10px;
	top: 5px;
}

ul#langSelektor li a{
	font-size: 8pt;
	font-style: oblique;
	color: #b2b2b2; /* 30% Schwarz RGB */
}

/* CV */
#cv img {
	width: 350px;
}

#cv h1,
p.firstLine {
	margin-top: 11pt;
}

#cv p {
	width: 472px;
}

/* Kontakt */
#cv h1,
#cv h2,
#contact h1,
#contact h2 {
	font-size: 13pt;
	font-weight: normal;
	text-transform: uppercase;
	font-style: oblique;
	line-height: 15pt;
	letter-spacing: 0.5pt;
}

#cv h2,
#contact h2 {
	color: #b2b2b2; /* 30% Schwarz RGB */
	margin-bottom: 11pt;
}

#contact span {
	display: block;
	margin-top: 11pt;
}

#contact a {
	border-bottom: 1pt solid #404040; /* 75% Schwarz RGB */
}

#contact a:hover {
	color: #b2b2b2; /* 30% Schwarz RGB */
	border-bottom: 1pt solid #b2b2b2; /* 75% Schwarz RGB */
}

/* Ausstellungen */
#exhibition h3 {
	font-size: 13pt;
	font-weight: normal;
	text-transform: uppercase;
	font-style: oblique;
	line-height: 15pt;
	letter-spacing: 0.5pt;
	margin-bottom: 11pt;
}

#exhibition h4 {
	margin-top: 11pt;
	text-transform: uppercase;
}

#presse p span,
#exhibition p span {
	font-style: oblique;
	border-bottom: 1px dotted #404040; /* 75% Schwarz RGB */
	margin-right: 3pt;
}


/* Presse */
#presse h1 {
	font-size: 13pt;
	font-weight: normal;
	text-transform: uppercase;
	font-style: oblique;
	line-height: 15pt;
	letter-spacing: 0.5pt;
	margin: 22pt 0 11pt 0;
}

#presse h1:first-child {
	margin-top: 0;	
}

#exhibition p,
#presse p {
	margin-bottom: 2pt;	
}

#inhalt #presse a {
	border-bottom: 1px solid #404040; /* 75% Schwarz RGB */
}

.einzug:first-letter {
	padding-left: 11pt;
}