/*
 * Stylesheets für Atelier Art Dialog - Waltraud John (Screen)
 * 
 * 2014 by werbeagentur doppelpunkt
 */
 
* {
	margin:0;
	padding:0;
	border:0;
	}
	
html {
	height:100%;
	font-family:'Mulish', Verdana, sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	}
	
body {
	background-color:#999999;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}
	
img {
	display:block;
	}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display:block; /* HTML5 Support */
	}
	
audio,
canvas,
video {
    display: inline-block;
	}
	
/* Grundgerüst */
	
#header {
	margin:0 0 40px 0;
	background-color:#393938;
	}
	
#logo {
	text-align:center;
	margin:0 0 22px 0;
	}
	
#logo a {
	display:inline-block;
	}
	
@media (max-width: 1460px) {
	
	#logo {
		margin:0 20px;
		}	
		
	#logo img{
		width:100%;
		height:auto;
		}
		
}

/* Hauptnavigation */
	
#nav-main {
	margin:0 auto;
	max-width:920px;
	padding:0 0 16px 0;
	}
	
#nav-main ul,
#nav-main ul  li {
	list-style-type:none;
	display:inline;
	}
	
#nav-main a {
	color:#b1b2b3;
	text-decoration:none;
	font-size:1.125em;
	padding-right:16px;
	}
	
#nav-main li:last-child a {
	padding-right:0;
	}
	
#nav-main a:hover,
#nav-main a:focus,
#nav-main li.current a {
	color:#ffffff;
	}
	
#content {
	position:relative;
	margin:0 auto;
	max-width:920px;
	text-align: justify;
	background-color: #FFFFFF;
	}
	
#content .inner-wrap {
	padding:36px 40px 36px 120px;
	}
	
/* Hintergründe */

.bg-news,
.bg-vita,
.bg-ausstellungen,
.bg-plastiken,
.bg-workshops,
.bg-soziale-projekte,
.bg-presse,
.bg-links,
.bg-kontakt,
.bg-impressum {
	background-position:left top;
	background-repeat:no-repeat;
	}

.bg-news {
	background-image:url(../images/backgrounds/page-news.png);
	}
	
.bg-vita {
	background-image:url(../images/backgrounds/page-vita.png);
	}
	
.bg-ausstellungen {
	background-image:url(../images/backgrounds/page-ausstellungen.png);
	}
		
.bg-plastiken {
	background-image:url(../images/backgrounds/page-platiken.png);
	}
	
.bg-workshops {
	background-image:url(../images/backgrounds/page-workshops.png);
	}
	
.bg-soziale-projekte {
	background-image:url(../images/backgrounds/page-soziale-projekte.png);
	}
	
.bg-presse {
	background-image:url(../images/backgrounds/page-presse.png);
	}
	
.bg-links {
	background-image:url(../images/backgrounds/page-links.png);
	}
	
.bg-kontakt {
	background-image:url(../images/backgrounds/page-kontakt.png);
	}
	
.bg-impressum {
	background-image:url(../images/backgrounds/page-impressum.png);
	}
	
body.background-2 #content {
background-color:#363636;
}

/* Content Formatierung */
	
.rte h1 {
	color:#cd1013;
	font-size:18pt;
	margin:0 0 16px 0;
	}

.rte h1.rotated {
	display:none;
	-moz-transform:rotate(-90deg); 
	-ms-transform:rotate(-90deg); 
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform-origin: 0 0;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	color:#b1b2b3;
	text-transform:uppercase;
	text-align:right;
	width:800px;
	position:absolute;
	left:25px;
	top:835px;
	font-size:3.625em;
	font-weight:300;
	}
	
	.reference-item {
	display:block;
	float:left;
	margin:0 8px 8px 0;
	}
	
		.reference-item-2 {
	display:block;
	float:left;
	margin:0 40px 8px 0;
	}
	
.rte h2 {
	color:#cd1013;
	font-size:1.125em;
	margin:0 0 16px 0;
	}
	
.rte h2.no-margin {
	margin:0;
	}
	
.rte p {
	color:#565655;
	font-size:0.938em;
	margin:0 0 16px 0;
	}

.rte td {
	color:#12191a;
	font-size:0.938em;
	}
	
.rte ul {
	list-style-type:none;
	margin:0 0 8px 0;
	overflow:hidden;
	}
	
.rte ol {
	margin:0 0 8px 20px;
	}
	
.rte ul li {
	color:#474747;
	font-size:0.938em;
	padding:2px 0 2px 13px;
	background:transparent url(../images/icons/list.png) no-repeat 1px 7px;
	}
	
.rte ol li {
	color:#474747;
	font-size:0.938em;
	padding:2px 0 2px 0;
	}
	
.rte ul li li,
.rte ol li li {
	font-size:1em;
	}
	
.rte a {
	color:#565655;
	text-decoration:underline;
	}
	
.rte a:focus,
.rte a:hover {
	color:#b1b2b3;
	}
	
.rte a:visited {
	color:#565655;
	}
	
.rte a.no-underline {
	text-decoration:none;
	}
	
.rte a.no-underline:hover {
	text-decoration:underline;
	}
	
.rte .image-left {
	float:left;
	margin:0 40px 0 0;
	}
	
.rte .image-right {
	float:right;
	margin: 0 0 0 40px;
	}
	
.clear-left {
	clear:left;
	}
	
body.background-2 .rte h1,
body.background-2 .rte h2,
body.background-2 .rte h3,
body.background-2 .rte h4,
body.background-2 .rte p,
body.background-2 .rte li {
	color:#dddede;
	}
	
/* Formulare */

.form-default {
	margin:0 0 16px 0;
	}
	
.form-default legend {
	display:none;
	}
	
.form-default .field-wrap {
	margin:0 0 12px 0;
	}
	
.form-default .field-wrap-submit {
	margin:20px 0 0 0;
	}
	
.form-default label,
.form-default .check-legend {
	display:block;
	margin:0 0 2px 0;
	color:#313131;
	font-size:0.875em;
	}
	
.form-default .radio-indent,
.form-default .check-indent {
	margin-left:20px;
	}
	
.form-default .check-outer-oneline,
.form-default .radio-outer-oneline {
	overflow:hidden;
	margin:0 0 5px 0;
	}
	
.form-default .check-outer-oneline .check-inner,
.form-default .radio-outer-oneline .radio-inner {
	float:left;
	padding-right:25px;
	}
	
.form-default .check-inner,
.form-default .radio-inner {
	position:relative;
	margin-bottom:3px;
	}
	
.form-default .check-inner label,
.form-default .radio-inner label {
	display:block;
	margin:0 0 0 16px;
	color:#474747;
	font-size:12px;
	}
	
.form-default .field-checkbox,
.form-default .field-radio {
	position:absolute;
	top:3px;
	left:0;
	}

.form-default .field-text,	
.form-default .field-textarea {
	border:1px solid #CCCCCC;
	width:100%;
	padding:4px 3px 3px 4px;
	}
	
.form-default .field-text:focus ,
.form-default .field-textarea:focus {
	border:1px solid #cd1013;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(134, 183, 32, 0.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(134, 183, 32, 0.4);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(134, 183, 32, 0.4);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	}
	
.form-default .field-textarea {
	font-family: Calibri,Arial,sans-serif;
	}
	
.form-default .field-select option  {
	padding-right:20px;
	}

.form-default .field-select  {	
	border:1px solid #898989;
	min-width:180px;
	}
	
.form-default .submit,
.form-default .submit-child input {
	margin-right:6px;
	padding:4px 10px;
	font-size:0.875em;
	color:#FFFFFF;
	cursor:pointer;
	background-color:#666666;
	}
	
.form-default .submit:focus,
.form-default .submit:hover,
.form-default .submit-child input:focus,
.form-default .submit-child input:hover {
	background-color:#cd1013;
	}
	
.error p {
	margin-bottom:5px !important;
	font-weight:bold;
	}

.error,
.error {
	color:#CC0000;
	}

/* Supersize Slider */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }