@charset "UTF-8";
/*---GRID AND BASICS----------------------------------------------------------*/
html, body {
	background-color: #ffffff;
	background-image: url('../layoutbin/mainback.jpg');
	background-repeat: repeat-x;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
    color: #333333;
}
#pagewrapper {
	width: 1000px;
	padding-left: 20px; /*padding added for mobile safari*/
	padding-right: 20px; /*padding added for mobile safari*/
	margin-left: auto;
	margin-right: auto;
	background-image: url('../layoutbin/upperback.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
#pagewrapper #logobar{
	height: 75px;
	width: 100%;
}
#pagewrapper #menubar{
	height: 75px;
	width: 100%;
}
#pagewrapper #stage{
	height: 350px; /*400px - 50px padding*/
	padding-top: 50px;
	color: #ffffff;
}
#pagewrapper #content{
	min-height: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer{
	height: 250px;
	width: 100%;
	background-color: #5d5e60;
	background-image: url('../layoutbin/footerback.jpg');
	background-repeat: repeat-x;
}
#footer #footerwrap{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../layoutbin/footerback.jpg'); /*again for fixing mobile safari glitch*/
}


/*---MAIN MENU----------------------------------------------------------------*/
#menubar ul li{
	display: block;
	float: left;
	height: 74px;
	background-repeat: no-repeat;
	text-indent: -10000px;
}
#menubar ul li a{
	display: block;
	margin-top: 40px;
}
#menubar li#MenuWillkommen{
	width: 194px;
	background-image: url('../layoutbin/menu_elements.png');
	background-position: 0px 0px;
	margin-right: 25px;
}
#menubar li#MenuWillkommen:hover{
	background-position: 0px -75px;
}
#menubar li#MenuWillkommen.menu-current{
	background-position: 0px -150px;
}
#menubar li#MenuVisionen{
	width: 162px;
	background-image: url('../layoutbin/menu_elements.png');
	background-position: -219px 0px;
	margin-right: 25px;
}
#menubar li#MenuVisionen:hover{
	background-position: -219px -75px;
}
#menubar li#MenuVisionen.menu-current{
	background-position: -219px -150px;
}
#menubar li#MenuKreationen{
	width: 170px;
	background-image: url('../layoutbin/menu_elements.png');
	background-position: -400px 0px;
	margin-right: 25px;
}
#menubar li#MenuKreationen:hover{
	background-position: -400px -75px;
}
#menubar li#MenuKreationen.menu-current{
	background-position: -400px -150px;
}
#menubar li#MenuKontakt{
	width: 138px;
	background-image: url('../layoutbin/menu_elements.png');
	background-position: -598px 0px;
	margin-right: 25px;
}
#menubar li#MenuKontakt:hover{
	background-position: -598px -75px;
}
#menubar li#MenuKontakt.menu-current{
	background-position: -598px -150px;
}
#menubar li#MenuBlog{
	width: 125px;
	background-image: url('../layoutbin/menu_elements_blog.png');
	background-position: 0px 0px;
	margin-left: -10px;
}
#menubar li#MenuBlog:hover{
	background-position: 0px -75px;
}
#menubar li#MenuBlog.menu-current{
	background-position: 0px -150px;
}

/*---STAGE--------------------------------------------------------------------*/
blockquote.stagequote{
	color: #ffffff;
	font-size: 30px;
	line-height: 36px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	text-indent: -15px;
	width: 700px;
}
#stage p {
	color: #ffffff;
	text-align: left;
}
#stage a{
	color: #ffffff;
}
#stage h1 {
	color: #ffffff;
	font-size: 50px;
	line-height: 55px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 30px;
}
p.stageauthor {
	margin-bottom: 50px;
}
.stagewhois {
	font-size: 12px;
}
.stagehighlight{
	background-image: url('../layoutbin/stagehighlight.png');
	background-repeat: repeat;
	padding: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	
}
.stagehighlight p{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
}
/*---FOOTER-------------------------------------------------------------------*/
#footer #footermenu {
	display: block;
	background-color: #333333;
	width: 140px;
	color: #ffffff;
	padding-left: 5px;
	padding-bottom: 3px;
}
#footer #footermenu a{
	color: #ffffff;
	text-decoration: none;
}
#footer #footermenu a:hover{
	text-decoration: underline;
}
#footer #footerinfo {
	padding-top: 10px;
}
#footer #footerinfo p{
	color: #ffffff;
	text-align: center;
}
#footer #footerinfo small{
	font-size: 12px;
}
#footer #footerinfo a{
	color: #ffffff;
	text-decoration: none;
}
#footer #footerinfo a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#footer #footerinfo .number {
	font-size: 26px;
}
#footer #socialbar {
	background-image: url('../layoutbin/socialbar.jpg');
	background-repeat: no-repeat;
	height: 33px;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
}
#footer #socialbar a{
	color: #ffffff;
	text-decoration: none;
}
#footer #socialbar a:hover{
	text-decoration: underline;
}
.clearfix{
	clear: both;
}

/*---TYPO---------------------------------------------------------------------*/
h1{
	font-size: 24px;
	font-weight: normal;
	color: #e2007a;
	margin-bottom: 10px;
}
h2{
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	margin-bottom: 5px;

}
h3{
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 10px;
	background-color: #333333;
	padding: 3px;
	padding-left: 5px;
}
p {
	margin-bottom: 20px;
	text-align: justify;
}
#content a {
	color: #e2007a;
}
#content a:hover {
	color: #ffffff;
	background-color: #e2007a;
}
#content ul{
	margin-bottom: 20px;
}
#content ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
#content ul.plus li {
	list-style-type: none;
	display: block;
	background-image: url('../layoutbin/listpointplus.jpg');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 30px;
	border-bottom: 1px solid #999999;
	list-style-type: none;
	margin-left: 0px;
}
#content ul.minus li {
	list-style-type: none;
	display: block;
	background-image: url('../layoutbin/listpointminus.jpg');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 30px;
	border-bottom: 1px solid #999999;
	list-style-type: none;
	margin-left: 0px;
}
#content ul.okay li {
	list-style-type: none;
	display: block;
	background-image: url('../layoutbin/listpointokay.jpg');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 30px;
	border-bottom: 1px solid #999999;
	list-style-type: none;
	margin-left: 0px;
}
strong {
	font-weight: bold;
}
hr{
	height: 1px;
	color: #333333;
	margin-bottom: 30px;
}
small {
	font-size: 11px;
}
i {
	font-style: italic;
}
/*---COLUMNS------------------------------------------------------------------*/
.leftcolumn{
	width: 485px;
	float: left;
}
.rightcolumn{
	width: 485px;
	float: right;
}
/*---FORM---------------------------------------------------------------------*/
.styledform input{
	background-color: #ffffff;
	background-image: url('../layoutbin/forminputback.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #333333;
}
.styledform textarea{
	background-color: #ffffff;
	background-image: url('../layoutbin/formtextareaback.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #333333;
}
input, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
    color: #333333;
}
.styledform input:focus, textarea:focus{
	border: 1px solid #e2007a;
	background-image: none;
	background-color: #EEEEEE;
}
/*---REFERENCE IMAGES---------------------------------------------------------*/
.refimage img{
	border: 1px solid #999999;
}
.refimage img:hover {
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.04);
	-webkit-transition: -webkit-transform 0.1s ease-in; /* Tells webkit to make a transition of a transform */
}
.refimage{
	display: block;
	float: left;
	margin-right: 12px;
	height: 120px;
	width: 240px;
	background-image: url('../layoutbin/refimageshadow.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
}
.refimagelast{
	margin-right: 0px;
}
/*---MICROFORMATS HCARD-------------------------------------------------------*/
.org{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}
a.url {
	color: #333333;
	text-decoration: none;
}
.adr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tel span.type {
	font-weight: bold;
}
.note {
	font-size: 12px;
}
.geo {
	visibility: hidden;
}
/*---IE6-STUFF----------------------------------------------------------------*/
* html #pagewrapper {
	width: 1040px; /*1000px + 2x20px padding*/
	position: relative;
	left: 50%;
	margin-left: -520px;
	height: 100%;
}
* html #pagewrapper #stage{
	height: 400px; /*400px - zero (yes, IE 6)*/
	padding-top: 50px;
	color: #ffffff;
}
* html #content {
	height: 100%;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin-top: 0px;
}
* html #footer #footerwrap{
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	height: 100%;
}