@charset "UTF-8";


	
.header 
{
	background-image:url(bilder/header-thoughts.jpg);
	height: 655px;
	width:866px;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.tutheader 
{
	background-image:url(bilder/tutheader.jpg);
	background-color: red;
	height: 609px;
	width:866px;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}


.signupheader 
{
	background-image:url(bilder/signupheader.jpg);
	height: 483px;
	width:866px;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.headertextbig
{
font-family: "Futura";
font-size: 22px;
text-align: left;
color: white;
text-shadow: 0px -1px 1px black;
}

.headertextbig2
{
font-family: "Futura";
font-size: 12px;
}

.headertextsmall
{
font-family: "Arial";
font-size: 12px;
text-align: left;
line-height: 110%;
color: #8898ad;
}

.headertextsmall2
{
font-family: "Arial";
font-size: 12px;
text-align: left;
line-height: 110%;
color: #c9c9ca;
}

.headertextbig1
{
font-family: "Futura";
font-size: 16px;
text-align: left;
color: #8795ac;
text-shadow: 0px -1px 1px black;
}

.headertextsmall1
{
font-family: "Arial";
font-size: 11px;
text-align: left;
line-height: 110%;
color: #526378;
}

.navcontainer
{
position:absolute;
text-align: right;
top:15px;
width: 820px;
margin-left:0px;
z-index:1;
font-family: "Futura";
font-size: 15px;
color: #6d7483;
text-shadow: 0px -1px 1px black;
}

.nav
{
font-family: "Futura";
font-size: 15px;
color: #6d7483;
text-shadow: 0px -1px 1px black;

}

.nav:hover
{
color: #ffffff;

}

.navactive
{
font-family: "Futura";
font-size: 15px;
color: white;
text-shadow: 0px -1px 1px black;
}

.middle
{
	background-image:url(bilder/middle-thoughts.jpg);
	background-repeat:repeat-y;
	height: 593px;
	width:866px;
	top:538px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.tutmiddle
{
	background-image:url(bilder/tutmiddle.jpg);
	height: 465px;
	width:866px;
	top:538px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.fill
{
	background-image:url(bilder/fill-thoughts.jpg);
	background-repeat:repeat-y;
	height: 1500px;
	width:866px;
	top:900px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

.download
{
	position:absolute;
	background-image:url(bilder/donwload.png);
	background-position: 0 0px;
	background-color:transparent;
	height: 50px;
	width:130px;
	margin-top:465px;
	margin-left:153px;
	z-index:1;
}

.download:hover
{
	background-image:url(bilder/donwload.png);
	background-position: 0 51px;
		
	
}

.tutdownload
{
	position:absolute;
	background-image:url(bilder/donwload.png);
	background-position: 0 0px;
	height: 50px;
	width:130px;
	margin-top:245px;
	margin-left:520px;
	z-index:1;
}

.tutdownload:hover
{
	background-image:url(bilder/donwload.png);
	background-position: 0 51px;
}

.tutbuy
{
	position:absolute;
	background-image:url(bilder/buy.png);
	background-position: 0 0px;
	height: 50px;
	width:163px;
	margin-top:245px;
	margin-left:650px;
	z-index:1;
}

.tutbuy:hover
{
	background-image:url(bilder/buy.png);
	background-position: 0 51px;
}

.blog
{
	position:absolute;
	background-image:url(bilder/blog-button.png);
	background-position: 0 0px;
	height: 46px;
	width:123px;
	margin-top:5px;
	margin-left:845px;
	z-index:1;
}

.blog:hover
{
	background-position: 0 46px;
}

.twitter
{
	position:absolute;
	background-image:url(bilder/twitter-button.png);
	background-position: 0 0px;
	height: 46px;
	width:123px;
	margin-top:50px;
	margin-left:845px;
	z-index:1;
}

.twitter:hover
{
	background-position: 0 46px;
}

.facebook
{
	position:absolute;
	background-image:url(bilder/facebook-button.png);
	background-position: 0 0px;
	height: 46px;
	width:123px;
	margin-top:95px;
	margin-left:845px;
	z-index:1;
}

.facebook:hover
{
	background-position: 0 46px;
}

.newsletter
{
	position:absolute;
	background-image:url(bilder/newsletter-button.png);
	background-position: 0 0px;
	height: 46px;
	width:123px;
	margin-top:140px;
	margin-left:845px;
	z-index:1;
}

.newsletter:hover
{
	background-position: 0 46px;
}



.buy
{
	position:absolute;
	background-image:url(bilder/buy.png);
	background-position: 0 0px;
	height: 50px;
	width:163px;
	margin-top:465px;
	margin-left:280px;
	z-index:1;
}

.buy:hover
{
	background-image:url(bilder/buy.png);
	background-position: 0 51px;
}

.support
{
	position:absolute;
	background-image:url(bilder/support.png);
	background-position: 0 0px;
	height: 50px;
	width:119px;
	margin-top:465px;
	margin-left:440px;
	z-index:1;
}

.support:hover
{
	background-image:url(bilder/support.png);
	background-position: 0 51px;
}

.releasenotes
{
	position:absolute;
	background-image:url(bilder/releasenotes.png);
	background-position: 0 0px;
	height: 50px;
	width:145px;
	margin-top:465px;
	margin-left:557px;
	z-index:1;
}

.releasenotes:hover
{
	background-position: 0 51px;
}

.tutscreenshots
{
	position:absolute;
	height: 250px;
	width:857px;
	margin-top:280px;
	margin-left:0px;
	text-align:center;
	z-index:1;
	top: 55px;
}


.screenshots
{
	position:absolute;
	height: 100px;
	width:857px;
	margin-top:465px;
	margin-left:0px;
	text-align:center;
	z-index:1;
	top: 55px;
}

.screenshottext
{
	position:absolute;
	height: 50px;
	width:857px;
	margin-top:657px;
	text-align:center;
	z-index:1;
	color:#666;
	font-family: "Futura";
font-size: 12px;
text-shadow: 0px -1px 1px black;
}



.textbox1
{
	float: left;
	height: 500px;
	width:300px;
	margin-top:35px;
	margin-left:150px;
	z-index:10;
}

.tuttextbox1
{
	float: left;
	height: 200px;
	width:430px;
	margin-top:100px;
	margin-left:70px;
	z-index:10;
	-webkit-transition: height 1s ease-out;
	overflow:hidden;
}

.tuttextbox1:target
{
	float: left;
	height: 200px;
	width:430px;
	margin-top:100px;
	margin-left:70px;
	z-index:10;
	
}

.tuttextbox2
{
	float: left;
	height: 200px;
	width:700px;
	margin-top:30px;
	margin-left:70px;
	z-index:10;
}

.textbox2
{
	float: right;
	height: 200px;
	width:250px;
	margin-right:130px;
	margin-top:35px;
	z-index:10;
}

.textbox3
{
	float: left;
	height: 300px;
	width:250px;
	margin-top:-250px;
	margin-left:150px;
	z-index:10;
}

.textbox4
{
	float: right;
	height: 370px;
	width:250px;
	margin-right:130px;
	margin-top:-250px;
	z-index:11;
}

.textbox5
{
	float: left;
	height: 450px;
	width:250px;
	margin-top:40px;
	margin-left:150px;
	z-index:10;
}

.textbox6
{
	float: right;
	height: 500px;
	width:250px;
	margin-right:130px;
	margin-top:40px;
	z-index:11;
}

.textbox7
{
	float: left;
	height: 100px;
	width:550px;
	margin-left:70px;
	margin-top:40px;
	z-index:10;
}

.textbox8
{
	float: left;
	height: 200px;
	width:250px;
	margin-top:20px;
	margin-left:70px;
	z-index:10;
}

.textbox9
{
	float: left;
	height: 200px;
	width:250px;
	margin-top:20px;
	margin-left:40px;
	z-index:10;
}

.textbox10
{
	float:right;
	height: 330px;
	width:120px;
	margin-top:-105px;
	margin-right:80px;
	z-index:11;
}

.textbox11
{
	float:left;
	height: 400px;
	width:750px;
	margin-top:20px;
	margin-left:70px;
	z-index:11;
}


#textheadline
{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:2.5em;
	
}

#text
{
	color: #878ea3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#textheadline1
{
	color: #565a66;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:2.5em;
	
}

#text1
{
	color: #40444e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 80%;
}



.divider 
{
	position:absolute;
	background-image:url(bilder/footer-thoughts.jpg);
	background-repeat:no-repeat;
	height: 680px;
	width:857px;
	top:1580px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	z-index:0;

}

.footer 
{
	position:absolute;
	background-image:url(bilder/footer-thoughts.jpg);
	height: 43px;
	width:857px;
	margin-top:1400px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	text-align:center;
	line-height:1.2em;
	font-family: "Futura";
	font-size: 11px;
	color: #6d7483;
	z-index:0;

}

.tutfooter 
{
	background-image:url(bilder/tutfooter.jpg);
	height: 79px;
	width:866px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	text-align:center;
	line-height:1.2em;
	font-family: "Futura";
	font-size: 11px;
	color: #6d7483;
	z-index:0;

}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
.aboutusmiddle .textbox11 table {
	text-align: center;
}