/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
		background: #000 url(images/pattern.gif) center top repeat;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #4C7B9E;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #151515;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	


/* LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	#container-oben {
		width: 980px;
		margin: 0 auto;
		text-align: left;
	}

#oben a {
color:#0C0C0C;
font-size:30px;
font-weight:normal;
text-align:left;
}
	#container {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
		background:#fff;
	}
	#container h1 {
	font-size: 2.0em;
	}
	#container h2 {
	font-size: 1.5em;
	}

	.clearer {
		clear:both;
	}
	div.header-figure{
		background: #343434 url(images/verein3.gif) no-repeat left center;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 80px;
	}

/* PORTOFOLIO
------------------------------------------------------------------------------------------------ */
#portfolio {
	background:url(images/bg-portfolio.gif) left top repeat-x;background:url(images/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
	#portfolio li {
		float:left;
		width:245px;
		text-align:center;
		background:url(images/bg-portfolio-separator.gif) right 50% no-repeat;
	}
	#portfolio h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#portfolio p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio img {
		margin:5px auto 15px;
		display:block;
	}
	#portfolio .text {
	padding:0px;
	color:#FF0000;
	margin: 10px;	
}
/* PORTOFOLIO mit Nav 
------------------------------------------------------------------------------------------------ */


#portfolio_1 {
	overflow:hidden;
	float:left;
	margin-right:10px;
}
	#portfolio_1 li {
		float:left;
		width:250px;
		text-align:left;
	}
	#portfolio_1 h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#portfolio_1 p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio_1 img {
		margin:5px auto 15px;
		display:block;
	}
	#portfolio_1 .text {
	padding:0px;
	color:#FF0000;
	margin: 10px;	
}
/* PORTOFOLIO INDEX mit Nav 
------------------------------------------------------------------------------------------------ */

#portfolio_2 {
	overflow:hidden;
	float:left;
}

#werbung {
	background:url(images/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:0px;
}
	#werbung li {
		float:left;
		width:680px;
		text-align:center;
		/*background:url(images/bg-portfolio-separator.gif) right 50% no-repeat;*/
	}
	#werbung h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#werbung p {
		margin:0 35px;
		line-height:16px;
		text-align:left;
	}
	#werbung img {
		margin:5px auto 15px;
		display:block;
	}
	#werbung .text {
	padding:0px;
	color:#FF0000;
	margin: 10px;	
}




#zweispaltig {
	background:url(images/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
	#zweispaltig li {
		float:left;
		width:490px;
		text-align:center;
		background:url(images/bg-portfolio-separator.gif) right 50% no-repeat;
	}
	#zweispaltig h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#zweispaltig p {
		margin:0 35px;
		line-height:16px;
		text-align:left;
	}
	#zweispaltig img {
		margin:5px auto 15px;
		display:block;
	}
	#zweispaltig .text {
	padding:0px;
	color:#FF0000;
	margin: 10px;	
}
/* PORTOFOLIO für Wordpress
------------------------------------------------------------------------------------------------ */


#portfolio_wp {
	overflow:hidden;
	margin-right:10px;
}
	#portfolio_wp li {
		width:200px;
		text-align:left;
	}
	#portfolio_wp li a {
		color: #999999;
		text-decoration: none;
		outline: none;
	}
	#portfolio_wp li a:hover {
		color: #FFFFFF;
	}
	#portfolio_wp li a:visited, .slidedoormenu li a:active{
	color: #999999;
	}

	#portfolio_wp h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#portfolio_wp p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio_wp img {
		margin:5px auto 15px;
		display:block;
	}
	#portfolio_wp .text {
	padding:0px;
	color:#FF0000;
	margin: 10px;	
}


/* Inhalt auf Unterseiten
------------------------------------------------------------------------------------------------ */	

	#inhalt {
		
		text-align: left;
		font-size: 1.0em;
		background:#fff;
		padding:10px;
	}

	#inhalt h1 {
	font-size:135%;
	}
	#inhalt h2 {
	font-size:120%;
	}
	#inhalt h3 h4 h5 {
	font-size:110%;
	}
	#inhalt p {
	margin-bottom: 15px;
	}
	#inhalt a {
	color:#3399CC;
	font-weight:bold;
	}
	#inhalt a:hover {
	color:#3399CC;
	font-weight:bold;
	}
	#inhalt a:visited {
	color:#3399CC;
	font-weight:bold;
	}
/* Inhalt Wordpress
------------------------------------------------------------------------------------------------ */	

	#inhalt_wp {
		
		text-align: left;
		font-size: 1.0em;
		background:#fff;
		padding:0px;
	}

	#inhalt_wp h1 {
	font-size:135%;
	}
	#inhalt_wp h2 {
	font-size:120%;
	}
	#inhalt_wp h3 h4 h5 {
	font-size:110%;
	}
	#inhalt_wp p {
	margin-bottom: 15px;
	}
	#inhalt_wp a {
	color:#3399CC;
	font-weight:bold;
	}
	#inhalt_wp a:hover {
	color:#3399CC;
	font-weight:bold;
	}
	#inhalt_wp a:visited {
	color:#3399CC;
	font-weight:bold;
	}
/* SERVICES
------------------------------------------------------------------------------------------------ */
#services {
	overflow:hidden;
}
	#our_style {
		float:left;
		height:1500px;
		display:inline;
		border:1px solid #fff;
		width:365px;
		margin:34px 24px;
		padding:10px;
		background:#ebecec url(images/bg-our_style.gif) left top repeat-x;

	}
	#our_style img {
		display:block;
		margin:17px auto;
	}
	#our_style h4 {
		font-size:1.44em;
		margin:0 17px 6px;
		font-weight:bold;
	}
	#our_style p {
		margin:0 17px 17px;
	}
	#our_style a {
		color:#0099CC;
	}
		#our_style a:hover {
		}
	#services h3 {
		font-size:2em;
		margin-top:34px;
	}
	#services ul {
		margin-right:30px;
	}
	#services li {
		padding:20px 0 23px;
		overflow:hidden;
		background:url(images/bg-service_separator.gif) center bottom no-repeat;
	}
		#services li.last_element {
			background:none;
		}
	#services li h4 {
		font-size:1.30em;
		margin-bottom:4px;
	}
	#services li img {
		float:left;
		margin-right:30px;
	}
	#services li a.view_services {
		color:#0099CC;
		height:24px;
		width:114px;
		display:block;
		margin-top:17px;
		margin-left:186px;
		text-indent:-9999em;
	}
		#services li a.view_services:hover {
		}
		
	#services a  {
		color:#0099CC;
	}

/*  WE DO
------------------------------------------------------------------------------------------------ */
#we_do {
	overflow:hidden;
	padding-top:34px;
}
	#we_do li {
		float:left;
		width:245px;
	}
	#we_do li h2 {
		font-size:1.30em;
		font-weight:bold;
		margin:0 23px 5px;
	}
	#we_do li p {
		margin:0 23px 17px;
	}

/* FOOTER
------------------------------------------------------------------------------------------------ */	
#footer {
	background:#151515;
	border:1px solid #2b2b2b;
	padding:20px 0 17px;
	color:#bababa;
	overflow:hidden;
}
	#footer .quick_portfolio {
		float:left;
		width:190px;
	}
	#footer h3 {
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.3em;
		margin-bottom:13px;
	}
	#footer .quick_portfolio h3,
	#footer .quick_portfolio a {
		margin-left:25px;
	}
	#footer .quick_portfolio a {
		height:117px;
		width:137px;
		display:block;
		text-indent:-9999px;;
	}
	#footer .quick_menu {
		width:337px;
		float:left;
	}
	#footer .quick_menu ul,
	#footer .quick_menu h3 {
		margin-left:25px;
	}
	#footer .quick_menu li {
		float:left;
		width:150px;
	}
	#footer .quick_menu a {
		color:#9c9c9c;
		text-transform:uppercase;
		text-decoration:none;
		font-size:85%;
	}
	#footer .quick_menu a:hover {
		color:#fff;
	}
	#footer .quick_action {
		float:right;
		width:422px;
		margin-right:25px;
		text-align:right;
	}
	#footer .quick_action h3 {
		width:405px;
		height:42px;
		text-align:left;
		margin-left:15px;
		margin-bottom:5px;
		text-indent:-9999em;
	}
	#footer .quick_action a {
		height:35px;
		width:197px;
		text-indent:-9999em;		
		text-align:left;
		margin:20px 0 20px 225px;
		display:block;
	}
		#footer .quick_action a:hover {
		}
	#footer .quick_action p.titl-we_provide_free {
		text-indent:-9999px;
		height:17px;
		width:359px;
		text-align:left;
		margin-left:59px;
		margin-top:6px;
	}
	#footer .copyright {
		clear:both;
		text-transform:uppercase;
		color:#515151;
		font-size:85%;
		text-align:center;
	}

/* Menue - Horizontal 
------------------------------------------------------------------------------------------------ */	

#menu{
position:relative;
overflow:hidden;
width:980px;
height:30px;
}
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
	color:#FFFFFF;
}
#menu_1{
position:relative;
overflow:hidden;
width:980px;
height:30px;
}
ul#menu_1
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg_1.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu_1 li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu_1 li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
}
	
ul#menu_1 li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg_1.png) 0px -30px no-repeat;		
}
	

ul#menu_1 li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg_1.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}

/*  Menue - vertikal
------------------------------------------------------------------------------------------------ */	

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 300px; /* width of menu (don't forget to add border with below!) */
height:310px;
background-color:#343434;


}

.slidedoormenu li a{
background: white url(images/vstrip.gif) repeat; /* Background image positioned to the left(v) top(h) corner initially */
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display: block;
color: #999999;
width: 300px;
border-bottom: 1px solid #f7941d; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 5px;
text-decoration: none;
text-align:left;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #999999;
}

.slidedoormenu li a:hover{
color: #FFFFFF;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/*  Menue - vertikal lang
------------------------------------------------------------------------------------------------ */	

.slidedoormenu_1 {
list-style-type: none;
margin: 0;
padding: 0;
width: 300px; /* width of menu (don't forget to add border with below!) */
height:560px;
background-color:#343434;


}

.slidedoormenu_1 li a{
background: white url(images/vstrip.gif) repeat; /* Background image positioned to the left(v) top(h) corner initially */
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display: block;
color: #999999;
width: 300px;
border-bottom: 1px solid #f7941d; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 5px;
text-decoration: none;
text-align:left;
}

.slidedoormenu_1 li a:visited, .slidedoormenu_1 li a:active{
color: #999999;
}

.slidedoormenu_1 li a:hover{
color: #FFFFFF;
}

.slidedoormenu_1 li.lastitem, .slidedoormenu_1 li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu_1 li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/*  Menue - vertikal Wordpress
------------------------------------------------------------------------------------------------ */	

.slidedoormenu_wp{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /* width of menu (don't forget to add border with below!) */
background-color:#343434;


}

.slidedoormenu_wp li a{
background: white url(images/vstrip.gif) repeat; /* Background image positioned to the left(v) top(h) corner initially */
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display: block;
color: #999999;
width: 200px;
border-bottom: 1px solid #f7941d; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 5px;
text-decoration: none;
text-align:left;
}

.slidedoormenu_wp li a:visited, .slidedoormenu_wp li a:active{
color: #999999;
}

.slidedoormenu_wp li a:hover{
color: #FFFFFF;
}

.slidedoormenu_wp li.lastitem, .slidedoormenu_wp li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu_wp li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}


/* Ovale Buttons 
------------------------------------------------------------------------------------------------ */	

a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
color: #000000;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
color: #000000;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{
	overflow: hidden;
	width: 80%;
	display: block;
}

/* ENDE
------------------------------------------------------------------------------------------------ */	
.formbox .personal, .formbox .donation,  .formbox .cabclient { background: #FCFBF5; border: #E0CBA3 1px solid;width: 564px;padding: 10px 0 10px 0; }
.formbox .sendform { width: 564px;padding: 10px 0 10px 0; }
.formbox .sendform input{ 
float: right; width: 160px;margin: 5px 0 5px 0; height: 20px;}
.formbox h4 { 
font: normal  11px/12px Georgia, Times, serif;
color: #C8A05A;
text-transform: uppercase; 
margin: 20px 0 5px 0;
}
.formbox .personal label { 
display: block;
text-align: right;
font: bold 12px/15px Verdana, Arial, sans-serif;
color: #000;
float: left; 
clear: both; 
width: 200px;
padding: 5px 10px 5px 0; }
.formbox .personal input { 
float: left; width: 200px;margin: 5px 0 5px 0; height: 18px;}
.formbox .donation input { 
width: 15px;margin: 5px 0 5px 0; height: 16px;}
.formbox .personal select { 
float: left; width: 200px;margin: 5px 0 5px 0; height: 18px;}
.formbox .cabclient input { 
float: left; width: 15px;margin: 5px 10px 5px 20px; height: 16px;}
.formbox .cabclient label { 
display: block;
font: normal 12px/15px Verdana, Arial, sans-serif;
color: #000;
float: left; 
width: 400px;
padding: 5px 10px 5px 0;
}
.formbox .donation { position: relative;height: 170px;}
.formbox .donation label { 
position: absolute;
display: block;

font: normal 12px/15px Verdana, Arial, sans-serif;
color: #000;
padding: 5px 0 5px 0; }
.formbox .donation img { 
position: absolute;
top: 2px; 
left: 485px;
}
.formbox .donation input { 
position: absolute; 
margin: 5px 0 5px 0; 
height: 16px;}
#do01 { top: 0px;left: 110px ;height: 16px;width: 200px;font: bold 12px/15px Verdana, Arial, sans-serif;}
#do02 { top: 0px;left: 210px ;height: 16px;width: 16px;}
#do03 { top: 0px;left: 240px ;height: 16px;width: 200px;}
#do04 { top: 30px;left: 210px ;height: 16px;width: 16px;}
#do05 { top: 30px;left: 240px ;height: 16px;width: 200px;}
#do06 { top: 60px;left: 210px ;height: 16px;width: 16px;}
#do07 { top: 60px;left: 240px ;height: 16px;width: 200px;}
#do08 { top: 90px;left: 210px ;height: 16px;width: 16px;}
#do09 { top: 90px;left: 240px ;height: 16px;width: 60px;}
#do10 { top: 90px;left: 320px ;height: 16px;width: 200px;}
#do11 { top: 120px;left: 20px ;height: 16px;width: 16px;}
#do12 { top: 120px;left: 50px ;height: 16px;width: 600px;}
#do13, #chkpublish { top: 150px;left: 20px ;height: 16px;width: 16px;}
#do14 { top: 150px;left: 50px ;height: 16px;width: 600px;}