body {
	margin: 0px;
	background-color: white;

}

h1 {
	margin-top: 13px;
	/*font-family:"HelveticaNeue-light";*/
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:30px;
	color:rgb(60,60,60);
	text-align:left;
}

h2 {
	margin-top: 60px;
	margin-bottom: 0px;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:30px;
	color:rgb(60,60,60);
	text-align:left;
	line-height:140%;
}

h3 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:20px;
	color:rgb(60,60,60);
	text-align:left;
	line-height:140%;
}

p {
	font-family: 'Lato', sans-serif;
	line-height:140%;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	color:rgb(90,90,90);
	text-align:left;	
}

p2 {
	color: #1ea8d3;
	text-align: left;
	font: normal normal 27px/140% 'Lato', sans-serif;
	font-weight: 300;
}

p3 {
	color: #63ca7b;
	text-align: left;
	font: normal normal 27px/140% 'Lato', sans-serif;
	font-weight: 300;
}

p4 {
	margin-top: 40px;
	font-family: 'Lato', sans-serif;
	line-height:140%;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	color:rgb(120,120,120);
	text-align:left;		
}

a {
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	line-height:140%;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	color:rgb(90,90,90);
	text-align:left;
	}

#navbar {
	position: fixed;
	background-color: white;
	opacity: 0.95;
	width: 100%;
	height:130px;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 2px rgba(0,0,0,0.1);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#1a000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#1a000000,Positive=true);
	z-index: 100;

}

#navbar-wrapper {
	max-width: 700px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	margin-top: 23px;
}

#navbar ul {
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#navbar ul li {
text-decoration: none;
display: inline-block;
vertical-align: middle;
}

#logo  {
  background: url( "img/logo.png" );
  background-repeat: no-repeat;
  width: 85px;
  height: 85px;
  float: left;
  
}

#navbar ul li a {
text-decoration: none;
font-family: 'Lato', sans-serif;
font-size:20px;
line-height:120%;
font-weight: 400;
color:rgb(60,60,60);
margin-left: 21px;
}

#action{
display: block;
margin: auto;
width: 200px;
text-align: center;
padding: 20px 40px;
background-color: #28BBDF;
border-radius: 5px;
color: white;
}

a#action:hover {
background-color: #1ea8d3;
}


#email{
display: block;
margin: auto;
width: 200px;
text-align: center;
padding: 20px 40px;
background-color: #28BBDF;
border-radius: 5px;
color: white;

}

a#email:hover {
background-color: #1ea8d3;
border-color: #1ea8d3;
}


.wrapper{
	width: 780px;
	margin-top: -34px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: white;
}

.content {
	display: block;
	width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
}



.contentInfo {
	width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#navbar ul li a.active {
color: #EA5558;
}

#navbar ul li a:hover {
color:#F1522A;
}

#reddi {
	background-color: red;
	width: 100%;
	height: 50px;
}

.big {
	display: inline-block;
 	margin-top: 130px;
 	width: 100%;
 	height: 515px;
	}

#workshopIMG{
	background: url( "img/workshop.jpg" );
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FBF8EF;
}

#pensilIMG{
	background: url( "img/2.jpg" );
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FBF8EF;
}

.art {
	background: url( "img/art01.png" );
  background-repeat: no-repeat;

}

.clear{
	height: 130px;
}

.frame {
	width: 322px;
	height: 322px;
	background-color: white;
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);v10+ and by Opera v10.5+ */
	box-shadow:0px 0px 4px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true);

}

#profilPic {
	background: url( "img/angustias.png");
	width: 302px;
	height: 302px;
	margin: 10px 10px;
	display: inline-block;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:-40px;background: url( "img/arrowright.png" ); vertical-align: center; background-repeat: no-repeat;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:-40px; background: url( "img/arrowleft.png" ); vertical-align: center; background-repeat: no-repeat;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}



/* Demo CSS - You do not need this css in your own slider */


#container{
	margin:0 auto;
	padding-bottom:80px;
	display: inline;

}
#art-bg{
	position: absolute;
	width: 100%;
	height:515px;
	background-color: #fafafa;
	border-bottom: 1px solid #E3E3E3;
}

#banner-fade,
#banner-slide{
width: 100%;

}

ul.bjqs-controls.v-centered li a{
	
	display:block;
	padding:30px;
	background: red;
	font-size: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

	

	
}


ol.bjqs-markers li a{
	padding:4px;
	background:rgb(210,210,210);
	margin:6px;
	font-size: 0%;
	
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background:black;

}

p.bjqs-caption:hover{
	background: rgba(255,255,255,0.5);
}

#whitespace {
height: 100px;
}

#whitespace_kunstzitat {
height: 30px;	
}


#footerStripe{
	background: url( "img/footerStripe.png" );
	background-size: 100%;
	height: 3px;
}

footer {
	text-align: right;
	height: 100px;
	width: 100%;
	background: rgb(40,40,40);	
	color: rgb(200,200,200);
}