/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		margin: 0;
		padding: 0;
		background: #171717 url('images/bg01.jpg') repeat;
		font-family: 'Open Sans', sans-serif;
		font-size: 10pt;
		color: #ffffffv;
	}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	h1
	{
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight: 700;
	}
	
		h1 span
		{
			font-weight: 200;
		}
	
	h2, h3
	{
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	p
	{
		line-height: 1.75em;
	}
	
	section,
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
		}



	.image-full
	{
		display: block;
		width: 100%;
	}

		.image-full img 
		{ 
			width: 100%; 
		}

	.image-left
	{
		float: left;
		margin: 0 2em 1em 0;
	}
	
	.image-style
	{
		background: url('images/bg02.jpg') repeat;
		padding: 0.75em;
		border: 1px solid #000000;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px #23262c, inset 0px 1px 1px 0px #23262c, inset 0px 0px 0px 1px #23262c;
	}

	.button
	{
		display: inline-block;
		background: #000000;
		margin-top: 2em;
		padding: 1.25em 2em;
		cursor: pointer;
		background: -moz-linear-gradient(top, #181d23, #10151a);
		background: -webkit-linear-gradient(top, #181d23, #10151a);
		background: -ms-linear-gradient(top, #181d23, #10151a);
		background: -o-linear-gradient(top, #181d23, #10151a);
		background: linear-gradient(top, #181d23, #10151a);		
		border: 1px solid #000000;
		box-shadow: inset 0px 1px 0px #323539, inset 0px 0px 1px #1c1f25, inset 0px 0px 2px #323539;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 5px;
		font-weight: 700;
		color: #FFFFFF;
		outline: 0;
	}
	
		.button:hover
		{
			background-image: -moz-linear-gradient(top, #282d33, #10151a);
			background-image: -webkit-linear-gradient(top, #282d33, #10151a);
			background-image: -o-linear-gradient(top, #282d33, #10151a);
			background-image: -ms-linear-gradient(top, #282d33, #10151a);
			background-image: linear-gradient(top, #282d33, #10151a);
		}
	
		.button:active
		{
			background-image: -moz-linear-gradient(top, #10151a, #181d23);
			background-image: -webkit-linear-gradient(top, #10151a, #181d23);
			background-image: -o-linear-gradient(top, #10151a, #181d23);
			background-image: -ms-linear-gradient(top, #10151a, #181d23);
			background-image: linear-gradient(top, #10151a, #181d23);
		}

	.button-big
	{
		display: block;
		margin-top: 1.50em;
		background: #327932;
		padding: 1em 0em;
		border-radius: 7px;
		border: 1px solid #0e1015;
		background: -moz-linear-gradient(top, #459533, #327932);
		background: -webkit-linear-gradient(top, #459533, #327932);
		background: -ms-linear-gradient(top, #459533, #327932);
		background: -o-linear-gradient(top, #459533, #327932);
		background: linear-gradient(top, #459533, #327932);		
		box-shadow: inset 0px 1px 0px #70b43e, inset 0px 0px 1px #3e8541, inset 0px 0px 2px #70b43e;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,.30);
		font-size: 1.75em;
		outline: 0;
	}
	
		.button-big:hover, .button-medium:hover
		{
			background-image: -moz-linear-gradient(top, #55a543, #327932);
			background-image: -webkit-linear-gradient(top, #55a543, #327932);
			background-image: -o-linear-gradient(top, #55a543, #327932);
			background-image: -ms-linear-gradient(top, #55a543, #327932);
			background-image: linear-gradient(top, #55a543, #327932);
		}
	
		.button-big:active, .button-medium:active
		{
			background-image: -moz-linear-gradient(top, #327932, #459533);
			background-image: -webkit-linear-gradient(top, #327932, #459533);
			background-image: -o-linear-gradient(top, #327932, #459533);
			background-image: -ms-linear-gradient(top, #327932, #459533);
			background-image: linear-gradient(top, #327932, #459533);
		}

	.button-medium
	{
		margin-top: 1.50em;
		background: #327932;
		padding: 1.20em 2em;
		border-radius: 7px;
		border: 1px solid #0e1015;
		background: -moz-linear-gradient(top, #459533, #327932);
		background: -webkit-linear-gradient(top, #459533, #327932);
		background: -ms-linear-gradient(top, #459533, #327932);
		background: -o-linear-gradient(top, #459533, #327932);
		background: linear-gradient(top, #459533, #327932);		
		box-shadow: inset 0px 1px 0px #70b43e, inset 0px 0px 1px #3e8541, inset 0px 0px 1px #70b43e;
		text-align: center;
		text-shadow: -1px -1px 1px rgba(0,0,0,.30);
		font-size: 1.20em;
		outline: 0;
	}

	.title
	{
		overflow: hidden;
		position: relative;
		height: 6px;
		padding: 0em 0em 3.50em 0em;
		text-transform: uppercase;
		text-transform: uppercase;
		font-size: 1.10em;
		font-weight: 700;
		color: #FFFFFF;
	}
	
	.title:after
	{
		content:" ";
		position:absolute;
		width: 100%;
		height: 6px;
		margin: 0 0 0 20px;
		top: 3px;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-color: #000;
		border-color: rgba(0,0,0,0.60);
		box-shadow: 0px 1px 0px rgba(255,255,255,.10), inset 0px 1px 0px rgba(255,255,255,0.10);		
	}

	ul.style1
	{
	}
	
		ul.style1 li
		{
			padding: 1em 0em 1em 0em;
			border-top: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
		}
		
		ul.style1 a
		{
			display: block;
			padding: 0em 0em 0em 44px;
			background: url(images/icon01.png) no-repeat left top;
			line-height: 2.25em;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			color: #c4c4c4;
		}

	ul.style1 .first
	{
		padding-top: 0;
		border-top: none;
		box-shadow: none;
	}
	
	ul.style2
	{
	}
	
		ul.style2 li
		{
			padding: 1.00em 0em 1.25em 0em;
			border-top: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
		}
		
		ul.style2 a
		{
			color: #acacac;
		}
		
			ul.style2 a:hover
			{
				text-decoration: none;
			}
		
		ul.style2 .first
		{
			padding-top: 0;
			border-top: none;
			box-shadow: none;
		}

	ul.style3
	{
	}
	
		ul.style3 li
		{
			padding: 1em 0em 0.50em 0em;
			border-top: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
		}
		
		ul.style3 a
		{
			text-decoration: none;
			color: #7d7d7d;
		}
		
			ul.style3 a:hover
			{
				text-decoration: underline;
			}
		
		ul.style3 .date
		{
			margin: 0em;
			padding: 0em;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			color: #FFFFFF;
		}

		ul.style3 .first
		{
			padding-top: 0;
			border-top: none;
			box-shadow: none;
		}
	
	ul.style4
	{
	}
	
		ul.style4 li
		{
			padding: 2em 0 1em 0;
			border-top: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
		}
		
		ul.style4 h3
		{
			font-size: 1em;
		}
	
		ul.style4 h3 a
		{
			display: block;
			padding: 0 0 1.25em 0;
			color: #acacac;
		}
		
			ul.style4 h3 a:hover
			{
				text-decoration: none;
			}

		ul.style4 .meta
		{
			color: #7d7d7d;
		}
			
			ul.style4 .meta a
			{
				color: #7d7d7d;
			}
			

			ul.style4 .date
			{
				padding: 0 1em 0 0;
				border-right: 1px solid #e5e5e5;
				color: #7d7d7d;
			}

			ul.style4 .comments
			{
				padding: 0 0 0 1em;
			}
	
				ul.style4 .comments a
				{
					color: #7d7d7d;
				}

					ul.style4 .comments a:hover
					{
						text-decoration: none;
					}

		ul.style4 .first
		{
			padding-top: 0;
			border-top: none;
			box-shadow: none;
		}

	ul.style5
	{
	}
	
		ul.style5 li
		{
			padding: 0.50em 0em;
		}
		
		ul.style5 a
		{
			color: #acacac;
		}
		
			ul.style5 a:hover
			{
				text-decoration: none;
			}
		
		ul.style5 .first
		{
		}

	ol.style1
	{
	}

	/* Assign these to ARTICLE tags */

	.box-post
	{
	}
	
	.box-featured-post
	{
	}
	
	.box-portfolio
	{
		background: url('images/bg02.jpg') repeat;
		padding: 0.75em;
		border: 1px solid #000000;
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px #23262c, inset 0px 1px 1px 0px #23262c, inset 0px 0px 0px 1px #23262c;
	}
	
		.box-portfolio .portfolio-title
		{
			display: block;
			padding: 1.50em 0em 1em 0em;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			color: #c4c4c4;
		}

	/* Assign these to SECTION tags */

	.box-news
	{
	}
	
	.box-tweets
	{
	}

	.box-contact
	{
	}


	.abbildung{
    border: 1 px solid gray;
	margin: 0 1 em 1 em 0;
	}

	.abbildung p {
    padding 3 px 5 px;
	margin: 0;

	border top: 1 px solid gray;
	font-style: italic;
	}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#wrapper
	{
		overflow: hidden;
		background: #1c1c1c url('images/bg02.jpg') repeat;
	}
	
	#wrapper-bgtop
	{
		overflow: hidden;
		background: url('../images/bg.jpg') no-repeat center top;
	}

	#header-wrapper
	{
		overflow: hidden;
		height: 19em;
		padding-top: 10em;
		border-bottom: 1px solid #1c071c;
	}
	
	#banner-wrapper
	{
		overflow: hidden;
		/*border-bottom: 1px solid #1e2127; */
	}
	
	#main-wrapper
	{
		overflow: hidden;
		background: url('images/bg03.png') repeat-x left top;
		box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.18);
	}
	
	#footer-wrapper
	{
		overflow: hidden;
		border-top: 1px solid  #1f2228;
		box-shadow: inset 0 1px 0 #000;
	}
	
	#portfolio-wrapper
	{
		overflow: hidden;
		padding: 3em 0em;
		background: #171717 url('images/bg01.jpg') repeat;
		border-top: 1px solid #000000;
		border-bottom: solid 1px #000000;
		box-shadow:  0px 1px 0px #1f2228;
	}


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		overflow: hidden;
		color: #FFFFFF;
	}

		#banner h2
		{
			padding: 0em 0em 1em 0em;
			line-height: 1.25em;
			letter-spacing: -1px;
			text-transform: uppercase;
			font-size: 2.30em;
			font-weight: 700;
		}
		
		#banner .subtitle
		{
			line-height: 1.35em;
			letter-spacing: -1px;
			font-size: 1.85em;
			font-weight: 200;
		}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio
	{
	}

		#portfolio h2
		{
			overflow: hidden;
			position: relative;
			padding: 0em 0em 1em 2em;
			text-align: center;
			text-transform: uppercase;
			font-size: 1.60em;
			font-weight: 700;
			color: #FFFFFF;
			margin: 0 0 2em 0;
		}
		
		#portfolio h2:before
		{
			content: " ";
			position: absolute;
			width: 40%;
			height: 8px;
			top: 4px;
			left: 0;
			margin: 0em 0em 0em 0em;
			border-top: 1px solid;
			border-bottom: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: 0px 1px 0px rgba(255,255,255,.10), inset 0px 1px 0px rgba(255,255,255,0.10);		
		}

		#portfolio h2:after
		{
			content: " ";
			position: absolute;
			width: 40%;
			top: 4px;
			height: 8px;
			margin-left: 2em;
			border-top: 1px solid;
			border-bottom: 1px solid;
			border-color: #000;
			border-color: rgba(0,0,0,0.60);
			box-shadow: 0px 1px 0px rgba(255,255,255,.10), inset 0px 1px 0px rgba(255,255,255,0.10);		
		}
		
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}
	
		#content .subtitle
		{
			padding: 0em 0em 1em 0em;
			line-height: 1.35em;
			font-size: 2em;
			font-weight: 200;
			color: #FFFFFF;
		}

/*********************************************************************************/
/* Newsletter                                                                    */
/*********************************************************************************/

	#newsletter
	{
		position: relative;
	}
	
		#newsletter .text
		{
			width: 100%;
			padding: 0.75em 3.25em 0.75em 0.75em;
			background: #03070e url('images/bg04.jpg') repeat;
			outline: none;
			border: 0;
			border-radius: 5px;
			border: 1px solid #1d2026;
			box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,1), inset 0px 1px 0px 0px rgba(0,0,0,1);
			color: #fff;
		}
		
		#newsletter .button
		{
			padding: 1.00em 2em;
			font-family: 'Open Sans', sans-serif;
			font-size: 1em !important;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright 
	{
		overflow: hidden;
		margin-top: 2em;
		padding: 3em 0em 3em 0em;
		border-top: 1px solid  #000;
		box-shadow: inset 0 1px 0 #1f2228;
		text-align: center;
		color: #3f3f3f;
	}