@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@charset "UTF-8";
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:80%;
	vertical-align:baseline;
	text-align: left;
}

html{
	line-height:1;
}
.article{
	background-image:url('bg.jpg');
	background-position:0 0;
	background-repeat:no-repeat !important;
	/* border:1px solid red; */
	min-height:806px;
	/* min-width:615px; */
	width:615px;
	min-height: 806px;
}
ol,ul{
	list-style:none
}
table{
	border-collapse:collapse;
	border-spacing:0
}
caption,th,td{
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q,blockquote{
	quotes:none
}
q:before,q:after,blockquote:before,blockquote:after{
	content:"";
	content:none
}
a img{
	border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block;
}
body{
	margin:0;
	padding:0;
}
html,body{
	height:100%
}
body.gtw{
	font:16px "Open Sans",Helvetica,Arial,Verdana,sans-serif;
	background: url("http://www.th-wildau.de/fileadmin/templates/images/bg.gif") repeat-x fixed left top #C0BFB4;
}
body.gtw #gtw-sections{
	/*height:100%; */
	background-color: #f5f5f5;
	width:615px;
/* 	width:75%;
	margin-left:25% */
}
body.gtw .section{
	border-top:1px solid #dadddf;
	/*padding:100px 30px;*/
	padding:0px;
	position:relative;
	overflow:hidden
}
body.gtw .section h2,
body.gtw .section h3{
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.2em
}
body.gtw .section h2{
	color:#404548;
	font-size:60px;
	text-shadow:0px 3px 1px rgba(0,0,0,0.05);
	-webkit-transition:font-size 0.3s ease-out;
	-moz-transition:font-size 0.3s ease-out;
	-o-transition:font-size 0.3s ease-out;
	transition:font-size 0.3s ease-out
}
/*
@media (max-width: 1180px){
	body.gtw .section h2{
		font-size:48px
	}
}
*/
body.gtw .section h3{
	color:#7a7f83;
	font-size:24px;
	font-weight:lighter;
	padding-top:5px;
	-webkit-font-smoothing:antialiased;
	-webkit-transition:font-size 0.3s ease-out;
	-moz-transition:font-size 0.3s ease-out;
	-o-transition:font-size 0.3s ease-out;
	transition:font-size 0.3s ease-out
}
/*
@media (max-width: 1180px){
	body.gtw .section h3{
	font-size:24px
	}
}*/
body.gtw .section h4{
	color:#404548;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased
}
/*
@media (max-width: 1180px){
	body.gtw #gtw-sections{
	 	margin-left:295px;
		width:auto 
	}
}*/
body.gtw .hgroup{
	width:615px;
	background-color:#FFF;
	/*padding-bottom:75px;*/
}
body.gtw .hgroup #logo{
	margin:20px;
	margin-right:0px;
}
body.gtw #how-it-works{
	margin-top:1px;
	border-top:0;
	/*
	background-color:#f9f9f9;
	background:	-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	background:	-webkit-linear-gradient(#ffffff,#f2f2f2);
	background:	-moz-linear-gradient(#ffffff,#f2f2f2);
	background:	-o-linear-gradient(#ffffff,#f2f2f2);
	background: linear-gradient(#ffffff,#f2f2f2);
	*/
}
body.gtw #how-it-works ol{
	list-style:none;
	padding:0;
	/* margin:auto;
	max-width:900px; */
	padding-top:60px;
}
body.gtw #how-it-works>li{
	background-repeat:no-repeat !important;
	display:block
}
body.gtw #how-it-works h4{
	/* color:#c6c9cc; */
	color:#f6f6f6;
	float:left;
	font-size:24px;
	font-weight:normal;
	/*padding:38px 9px 38px 0;  siehe auch body.gtw #how-it-works .content */
	padding:26px 9px 26px 0; /* siehe auch body.gtw #how-it-works .content */
	margin-top:5px;
	width:30%;
	text-align:right;
	/* text-shadow:0px 1px 0 #fff; */
	text-shadow:0px 0px 3px #999;
}
body.gtw #how-it-works span{ /* Maße der Icons */
	display:block;
	height:48px;
	float:left;
	width:60px
}
body.gtw #how-it-works .content{ /* Linie zwischen den Icons */
	background-image:url('icons.png');
	background-position:12px -790px;
	background-repeat:no-repeat !important;
	float:left;
	/* padding:38px 0;/* siehe auch body.gtw #how-it-works h4 */
	padding:26px 0;/* siehe auch body.gtw #how-it-works h4 */
	position:relative;
	width:65%
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .content{
		background-image:url('icons04.png');
		background-position:15px -1280px;
		background-size:60px 890px;
		background-position:15px -640px
	}
}*/
body.gtw #how-it-works .icon{
	background-repeat:no-repeat !important
}
body.gtw #how-it-works .bubble{ /* inaktiver Anfangszustand */
	background-color:#f9f9f9;
	border:1px solid #d5d6d7;
	border-radius:8px;
	color:#c6c9cc;
	font-size:15px;
	float:left;
	line-height:normal;
	margin:-20px 0 0 -20px;
	padding:15px 15px 15px 34px;
	position:absolute;
	left:90px;
	/* top:45px; */
	top:30px;
	width:69%; /* Breite der Sprechblasen */
	-webkit-transition:all 0.25s ease-in;
	-moz-transition:all 0.25s ease-in;
	-o-transition:all 0.25s ease-in;
	transition:all 0.25s ease-in;
	text-shadow:0px 1px 0 #fff
}
body.gtw #how-it-works .bubble a{
	color:#adb0b4;
	text-decoration:none;
	font-size:100%;
}

body.gtw #how-it-works .bubble:before,
body.gtw #how-it-works .bubble:after{
	position:absolute;
	top:40%;
	left:-10px;
	height:0;
	width:0;
	margin-left:-10px;
	border:solid transparent;
	border-right-color:#d5d6d7;
	content:" "
}
body.gtw #how-it-works .bubble:before{
	left:-10px;
	border-width:10px;
	margin-top:2px
}
body.gtw #how-it-works .bubble:after{
	left:-11px;
	border-right-color:#f9f9f9;
	border-width:12px;
}
body.gtw #how-it-works .bubble li{
	list-style-type:disc;
}
body.gtw #how-it-works .top .content{ /* Linien-Ende oben *//* siehe auch: body.gtw #how-it-works .tips .icon */
	background-image:url('icons.png');
	background-position:21px -170px;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .top .content{
		background-image:url('icons04.png');
		background-position:35px -485px;
		background-size:60px 890px;
		background-position:35px -245px
	}
}*/
body.gtw #how-it-works .bottom .content{  /* Linien-Ende unten */
	background-image:url('icons.png');
	background-position:21px -137px;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .bottom .content{
		background-image:url('icons04.png');
		background-position:35px -655px;
		background-size:60px 890px;
		background-position:35px -340px
	}
}*/
body.gtw #how-it-works .tips .content{
	background-repeat:no-repeat;
	margin-left:30%;
	padding:0;
}
body.gtw #how-it-works .tips.top .icon{
	height:62px
}

/* Abstand zwischen den Sprechblasen */
/* Abstand Linie oben/unten */
/*
@media (max-width: 1024px){
	body.gtw #how-it-works h4{
		width:30%;
	}
	body.gtw #how-it-works .content{
		width:65%
	}
	body.gtw #how-it-works h4,body.gtw #how-it-works .content{
		padding-top:35px; 
		padding-bottom:20px;
	}
	body.gtw #how-it-works .active .bubble{
		margin-top:-32px !important
	}
	body.gtw #how-it-works .tips .content{
		margin-left:30%; 
	}
}*/
/*
@media (max-width: 800px){
	body.gtw #how-it-works .tips,body.gtw #how-it-works .circle{
		display:none
	}
	body.gtw #how-it-works .hgroup{
		padding-bottom:30px
	}
	body.gtw #how-it-works h4{
		display:block;
		float:left;
		padding:0;
		margin-bottom:15px;
		margin-top:15px;
		text-align:center;
		width:100%
	}
	body.gtw #how-it-works .content{
		background:none;
		float:left;
		display:block;
		padding:0;
		width:100%
	}
	body.gtw #how-it-works .bubble{
		float:none;
		left:0;
		margin:auto;
		position:relative;
		width:80%
	}
	body.gtw #how-it-works .bubble:before,body.gtw #how-it-works .bubble:after{
		display:none
	}
	body.gtw #how-it-works .active .bubble{
		margin-top:0 !important;
		margin-top:0 !important
	}
}
*/
body.gtw #how-it-works .circle.mask{ /* aktive Kreise */
	margin-left:-60px;
	opacity:0;
	background-image:url('icons.png');
	background-position:0 0;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .circle.mask{
		background-image:url('icons02.png');
		background-position:0 0;
		background-size:60px 1030px;
		background-position:0 0
	}
}*/
body.gtw #how-it-works .circle{ /* inaktive Kreise */
	background-image:url('icons.png');
	background-position:0 -56px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .circle{
		background-image:url('icons02.png');
		background-position:0 -140px;
		background-size:60px 1030px;
		background-position:0 -70px
	}
}*/

/* Icons immer 
+ 235px bzw. 
- 5px (aktive)! 
*/
body.gtw #how-it-works .plan{
	background-image:url('icons.png');
	background-position:8px -517px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .plan{
		background-image:url('icons02.png');
		background-position:10px -1010px;
		background-size:60px 1030px;
		background-position:10px -500px
	}
}*/
body.gtw #how-it-works .create{
	background-image:url('icons.png');
	background-position:8px -597px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
body.gtw #how-it-works .create{
	background-image:url('icons02.png');
	background-position:10px -1310px;
	background-size:60px 1030px;
	background-position:10px -650px
}
}
*/
body.gtw #how-it-works .publish{
	background-image:url('icons.png');
	background-position:8px -638px;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
body.gtw #how-it-works .publish{
	background-image:url('icons02.png');
	background-position:10px -1110px;
	background-size:60px 1030px;
	background-position:10px -550px
}
}
*/
body.gtw #how-it-works .money{
	background-image:url('icons.png');
	background-position:8px -678px;
}

body.gtw #how-it-works .grow{
	background-image:url('icons.png');
	background-position:8px -560px;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .grow{
		background-image:url('icons02.png');
		background-position:10px -910px;
		background-size:60px 1030px;
		background-position:10px -450px
	}
}
*/
body.gtw #how-it-works .active-na h4,
body.gtw #how-it-works .active h4,
body.gtw #how-it-works .active-na ul,
body.gtw #how-it-works .active ul{ /* aktiver Zustand */
	color:#404548;
	text-shadow:none;
}
body.gtw #how-it-works .active ul a{ /* aktiver Zustand */
	color:#005bae;
}

body.gtw #how-it-works .active-na .bubble,body.gtw #how-it-works .active .bubble{
	background-color:#fff;
	-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1) ;
	-moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1) ;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1) 
}
body.gtw #how-it-works .active-na .bubble:after,body.gtw #how-it-works .active .bubble:after{
	border-right-color:#fff
}
body.gtw #how-it-works .active-na .plan,
body.gtw #how-it-works .active .plan{
	background-image:url('icons.png');
	background-position:8px -277px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .active-na .plan,body.gtw #how-it-works .active .plan{
		background-image:url('icons02.png');
		background-position:10px -370px;
		background-size:60px 1030px;
		background-position:10px -180px
	}
}
*/
body.gtw #how-it-works .active-na .create,
body.gtw #how-it-works .active .create{
	background-image:url('icons.png');
	background-position:8px -357px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .active-na .create,body.gtw #how-it-works .active .create{
		background-image:url('icons02.png');
		background-position:10px -1210px;
		background-size:60px 1030px;
		background-position:10px -600px
	}
}
*/
body.gtw #how-it-works .active-na .publish,
body.gtw #how-it-works .active .publish{
	background-image:url('icons.png');
	background-position:8px -398px
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .active-na .publish,body.gtw #how-it-works .active .publish{
		background-image:url('icons02.png');
		background-position:10px -470px;
		background-size:60px 1030px;
		background-position:10px -230px
	}
}
*/
body.gtw #how-it-works .active-na .money,
body.gtw #how-it-works .active .money{
	background-image:url('icons.png');
	background-position:8px -438px
}

body.gtw #how-it-works .active-na .grow,
body.gtw #how-it-works .active .grow{
	background-image:url('icons.png');
	background-position:8px -320px;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){
	body.gtw #how-it-works .active-na .grow,body.gtw #how-it-works .active .grow{
		background-image:url('icons02.png');
		background-position:10px -270px;
		background-size:60px 1030px;
		background-position:10px -130px
	}
}
*/
body.gtw #how-it-works .active .bubble{
	margin-top:-25px
}
body.gtw #how-it-works .active .circle.mask{
opacity:1
}
#main-container{
font-weight:lighter
}

body.gtw #sponsors{
	vertical-align:bottom;
	position:absolute;
	bottom:20px;
	left:20px;
}
#footersponsors{padding:20px; font-size:14px; padding-bottom:0px;}

#footertext { padding:20px; font-size:85%; padding-bottom:5px;}
#footertext a{
	color:#005BAE;
	text-decoration:none;
	font-size:100%;
}
#footertext a:hover{
	color: #F2871A;
	text-decoration:underline;
}