/* ################### Enthält Winter Lay Jan+Feb ################### */
/* Überschriften
/* Login
/* Content-Box + Content Link
/* News-Button
/* ################### Überschriften ################### */
.h1a2{
	font-family: 'Times new Roman';
	font-weight: normal;
	font-size: 18px; 
	color: #7a503a; 
	text-align: left;
	text-shadow: #ffffff 1px 1px 1px;
	background: #ffffff;
	height: 5px;
	line-height: 10px; 
	display: block;
	padding-top: -10px;
	margin-left: -21px;
	padding-left:30px;}

.h1a{
	color: #7a503a;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 23px;
	font-weight: 100;
	line-height: 30px;
	letter-spacing: 1px; 
	padding: 0 0 -20px; 
	margin-left: -22px;
	padding-left: 12px;
	border-bottom: 3px dashed #ffffff;
	display: block; 
	}
	
.h1mini{
	color: #7a503a;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 17px;
	font-weight: 100;
	line-height: 22px;
	letter-spacing: 1px; 
	display: block; 
	border-bottom: 3px dashed #ffffff;
	margin-left: -1px;
	}
	
.h1b{
	font-family: 'Arial';
	font-weight: normal;
	font-size: 11px;
	color: #dd9c6a;
	text-align: right !important;
	margin-left: -12px;
	margin-top: -15px !important;
	line-height:20px;}
	
.h1bmini{
	font-family: 'Arial';
	font-weight: normal; 
	font-size: 11px;
	color: #a96548;
	text-align: center;
	margin-left: 5px;
	line-height:12px;}


.h1c{
	color: #7a503a;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 23px;
	font-weight: 100;
	line-height: 30px;
	letter-spacing: 1px; 
	padding: 0 0 -20px; 
	margin-left: -5px;
	padding-left: 5px;
	border-bottom: 3px dashed #ffffff;
	display: block;
	}

.h1c2{
	font-family: 'Oregano';
	font-weight: normal;
	font-size: 30px;
	color: #7e6fbf;
	text-align: center;
	text-shadow: #ffffff 1px 1px 1px;
	background: #d3ccf4;
	display: block;
	margin-left: -10px;
	padding-left:2px;}

h2{
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	padding: 5px 1px 1px;
	height: 20x;
	text-shadow: #6d4454 1px 1px 1px;
	background-color: #b7b0ca;
	width: 440px;
	display: block;
}

/* News */

.tablebg {
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-collapse: collapse;
padding-top: 100px;
background-color:#ffffff;
}

.news-img {
display: inline-block !important;
display: block;
margin-left:0px;
margin-top:-2px;
clip:rect(0px 80px 80px 0px);
overflow:hidden;
position:relative;
width:110px;
display: inline-block !important;
display: block;
padding: 0px;
padding:0px;
border:1px solid #ffffff;
background-color:#ffffff;
}

.news-img2 {
border:1px solid #ffffff;
background-color:#ffffff;
}

}

.h1news{
font-family: 'Helvetica Neue', sans-serif;
font-weight: normal;
text-transform:uppercase;
font-size: 15px;
color: #7a503a;
margin-left: 15px; 
}
.h1news2{
	font-family: 'Helvetica Neue', sans-serif;
font-weight: normal;
font-size: 13px;
color: #dd9c6a;
text-align: right;
margin-left: 15px; 
}

.h1news3{
font-family: 'arial', sans-serif;
font-weight: normal;
font-size: 13px;
color: #aa6649;
margin-left: 15px; 
}


/* ################### Login ################### */
.login input[type="text"], input[type="password"] {
	margin: 2px;
	width: 200px;
	color: #71432c;
	height: 20px !important;
	background-color: #f1dbcb;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff; }
.login input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
	color: #71432c;
	background-color: #f1dbcb;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff; }
.login input[type="submit"], input[type="reset"], input[type="button"] , input[type="file"] {
	margin: 3px 1.5%;
	width: 200px;
	color: #ffffff;
	height: 24px !important;
	background-color: #71432c;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff;
	text-align: center; }
textarea {
	color: #71432c;
	background-color: #f1dbcb;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff; }
	
select { 
	color: #71432c;
	background-color: #f1dbcb;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff; }
	
input { 
	color: #71432c;
	background-color: #f1dbcb;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border: 1px solid #ffffff; }
	
/* ################### Content-Box 2 Spaltig ################### */
#contentbox {
	width: 392px;
	margin-left:0px;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
    border-style:solid;
    border-width:0px;  
    border-color:#ffffff;
	background-color: #f1dbcb;
	margin-top:-35px;
	color: #ffffff !important;
	text-align: left;}
#contentbox table {
	color: #aa6649 !important;
	font-size: 14px;}
	/* ################### Content Buttons ################### */
#contentlink { 
	margin-top: -10px;
	margin-bottom: -15px;
	margin-right: 5px;
	width: 115px;
	text-align: center;
	color: #aa6649 !important;
	}
#contentlink ul {
	padding: 0px;
	list-style: none;}
#contentlink ul li {
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 14px !important;
	font-weight: none;}
#contentlink  ul li a {
	width: 115px;
	display: block;
	padding: 4px;
	padding-top: 3px;
	margin-bottom: 2px; 
	color: #aa6649;
	background-color: #ffffff;
	border-left: 0px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 16px; }
#contentlink ul li a:hover {
	background-color: #7a503a;
	color: #ffffff;
	width: 115px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; }
/* ################### Content Vorschau ################### */
#contentbild{
	position:relative;
	width:119px;
	height:67px;
	margin: 0px 0px 0px 0px;
	display: inline-block !important;
	display: block;
	padding-left:0px;
	margin-left:0px;
	border:2px solid #ffffff;
	background-color:#ffffff;}
#contentbild img{
	position:absolute;
	display: inline-block !important;
	display: block;
	margin-left:2px;
	margin-top:2px;
	clip:rect(0px 115px 63px 0px);
	overflow:hidden;
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(100%); /* FF 35+ */
	}
#contentbild img:hover
	{
	transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
	}
	
	.pastlay {
padding:2px;
border:1px solid #ffffff;
background-color:#ffffff;
width: 100px;}
	
/* ################### News Buttons ################### */
#newslink { 
	margin-top: -10px;
		margin-bottom: -15px;
	width: 130px;
	text-align: center;}
#newslink ul {
	padding: 0px;
	list-style: none;}
#newslink ul li {
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 14px !important;
	font-weight: bold;}
#newslink  ul li a {
	width: 130px;
	display: block;
	padding: 4px;
	padding-top: 3px;
	margin-bottom: 2px;
	color: #ffffff;
	background-color: #d3ccf4;
	border-left: 0px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 16px; }
#newslink ul li a:hover {
	background-color: #ffffff;
	color: #d3ccf4;
	width: 130px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; }
	
#buttonmid { 
	margin-top: -10px;
	margin-bottom: -15px;
	width: 200px;
	text-align: center;}
#buttonmid ul {
	padding: 0px;
	list-style: none;}
#buttonmid ul li {
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 14px !important;
	font-weight: bold;}
#buttonmid  ul li a {
	width: 200px;
	display: block;
	padding: 4px;
	padding-top: 5px;
	margin-bottom: 2px;
	color: #ffffff;
	background-color: #ffffff;
	border-left: 0px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 16px; }
#buttonmid ul li a:hover {
	background-color: #ffffff;
	color: #ffffff;
	width: 200px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; }
	
.logos {
border: 0px solid #ffffff;
width:160px;
height:90px;
margin-left: 0px;
display: inline-block !important;
display: block;
padding: 2px; 
}
.logos img {
margin-top:0px;
padding-right: 5px;
position:absolute;
clip:rect(0px 160px 150px 0px);
overflow:hidden;}

	
	
.reviewp {
margin: 0px;
background-color: #ffffff;
padding: 2px;
border: 1px solid #a96548;
position:relative;
list-style: none !important;
width:100px;
height:88px;
margin-left: 0px;
padding-left: 4px;
padding-right: 5px;
display: inline-block !important;
display: block;
padding: 2px; 
}
.reviewp img {
list-style: none !important;
position:absolute;
display: inline-block !important;
display: block;
margin-top:0px;
padding-right: 5px;
clip:rect(0px 100px 88px 0px);
overflow:hidden;}

.ausmal{
position:relative;
width:80px;
height:80px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px; border:1px solid #ffffff; background-color:#ffffff;	}
.ausmal img{ 
position:absolute;
display: inline-block !important;
display: block;
margin-left:-39px;
clip:rect(0px 80px 80px 0px);
overflow:hidden;}

.sketch{
position:relative;
width:80px;
height:80px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px; border:1px solid #7e6fbf; background-color:#ffffff;	}
.sketch img{
position:absolute;
display: inline-block !important;
display: block;
margin-left:-40px;
clip:rect(0px 80px 80px 0px);
overflow:hidden;}

.actis{
position:relative;
width:72px;
height:72px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px; border:1px solid #ffffff; background-color:#ffffff;	}
.actis img{
position:absolute;
display: inline-block !important;
display: block;
margin-left:-40px;
clip:rect(0px 72px 72px 0px);
overflow:hidden;}

.actis2{
position:relative;
width:72px;
height:72px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px; border:1px solid #7e6fbf; background-color:#ffffff;	}
.actis2 img{
position:absolute;
display: inline-block !important;
display: block;
margin-left:-36px;
clip:rect(0px 72px 72px 0px);
overflow:hidden;}


.art{
position:relative;
width:89px;
height:89px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px;
border:1px solid #a96548;
background-color:#ffffff;	
margin-bottom: 2px;
}
.img-year {
float: left;
position: absolute;
margin-top: 71px;
margin-left: 0px;
padding-top: -10px;
padding: 3px; 
width: 83px;
font-family: 'Arial'; 
font-size: 9px;
height: 12px;
letter-spacing: 2px;
color: #7a503a;
text-align: center;
background: #ffffff;
text-decoration: bolt;}

.art img{
position:absolute;
display: inline-block !important;
display: block;
margin-left:0px;
clip:rect(0px 89px 89px 0px);
overflow:hidden;}
 
.art2{
position:relative;
width:90px;
height:91px;
display: inline-block !important;
display: block;
padding: 3px;
padding:2px; border:1px solid #a96548; background-color:#ffffff;	}
.art2 img{
position:absolute;
display: inline-block !important;
display: block;
margin-left:0px;
clip:rect(0px 89px 89px 0px);
overflow:hidden;}

.imgwip2 {
padding:2px;
border:1px solid #ffffff;
background-color:#ffffff;
height: 80px;
}

.tuto {
margin: 2px;
background-color: #ffffff;
padding: 2px;
border-top: 3px solid #7a503a; 
border-bottom: 3px solid #7a503a; 
}

.tuto2 {
margin: 2px;
background-color: #a96548;
padding: 0px;
border: 1px solid #ffffff; 
}

#tuto3 ul {
	padding: 3px;
	list-style: none;
}

#tuto3 ul li {
	margin: 3px 3px 3px 3px;
	padding: 0;
	font-size: 1em;
	float: left;
	text-align: center;
}

#tuto3  ul li a {
	width: 100px;
	margin-left: 0px;
	margin-bottom: 2px;
	margin-top: -15px;
	margin-right: 0px;
	display: block;
	padding: 0px;
	padding-top: 3px;
	color: #ffffff;
	background-color: #a96548;
	border-left: 0px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 20px;
}

#tuto3 ul li a:hover {
	background-color: #a96548;
	color: #ffffff;
	width: 100px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#storyb ul {
	padding: 3px;
	list-style: none;
}

#storyb ul li {
	margin: 3px 3px 3px 3px;
	padding: 0;
	font-size: 1em;
	float: left;
	text-align: center;
}

#storyb  ul li a {
	width: 170px;
	margin-left: 0px;
	margin-bottom: 2px;
	margin-top: -15px;
	margin-right: 0px;
	display: block;
	padding: 0px;
	padding-top: 3px;
	color: #ffffff;
	background-color: #a96548;
	border-left: 0px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 20px;
}

#storyb ul li a:hover {
	background-color: #a96548;
	color: #ffffff;
	width: 170px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}