/* CSS Document */
* { padding: 0; margin: 0; }

html {height:101%}

body {
	color:#454545;
	background-color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-attachment:fixed;
	background-position:top left;
	background-repeat:repeat;
	}




h1 {font-size:48px; font-weight:lighter; color:#52879D}
h2 {font-size:14px; color:#52879D}
h3 {font-size:14px; color:#52879D}
h4 {font-size:14px; color:#52879D}

h3 a {color:#52879d; text-decoration:none}
h3 a:hover {text-decoration:underline}

h4 a {color:#52879d; text-decoration:none}
h4 a:hover {text-decoration:underline}


a, .email {color:#52879d; text-decoration:none}
.email:hover {text-decoration:underline}

#wrapperHeader {
	width:100%;
	height:176px;
	position:fixed;
	top:0;
	left:0;
	background-image:url(../img/header_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	z-index:98;
	}

#wrapperContent {
	width:100%;
	}

.clearer {clear:both}

img {border:none; outline:none}
a {border:none; outline:none}


/*HEADER*/

.logo {
	margin:15px 0 15px 0;
	}

#header {
	height:176px;
	position:relative;
	width:960px;
	margin:0 auto 0 auto;
	}

#headerLabel {
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:127px;
	padding:15px;
	background-color:#efefef;
	text-align:center;
	background-image:url(../img/bg3.jpg);
	background-repeat:repeat;
	}

#headerLabel a {text-decoration:none; color:#666666}
#headerLabel a:hover {text-decoration:underline;}

/*NAVI*/

#navi {
	position:absolute;
	top:120px;
	right:0;
	padding:15px 0;
	font-weight:bold;
	font-size:13px;
	}



.navi1 {
	float:left;
	color:#454545;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	border-right:1px solid #CCCCCC;
	}

.navi1active {
	float:left;
	color:#ffffff;
	background-color:#53869D;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	border-right:1px solid #CCCCCC;
	}

#navi a:hover {
	background-color:#53869D;
	color:#FFFFFF;
	}

.navi2 {
	float:left;
	color:#454545;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	}

.navi2active {
	float:left;
	color:#ffffff;
	background-color:#53869D;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	}








/*CONTENT*/



#content {
	width:960px;
	margin:190px auto 60px auto;
	padding:30px 0;
	font-size:13px;
	line-height:1.5em;

	}



.wideColumn {
	width:720px;
	padding: 30px 120px 30px 120px;
	margin:41px 0 30px 0;
	background-color:#FFFFFF;
	position: relative;
    clear: left;
    background:#ffffff;
	}


.wideColumn2 {
	width:660px;
	margin:0 0 30px 0;
	}

p {
	width:510px;
	}


/*FOOTER*/

#wrapperFooter {
	width:100%;
	height:83px;
	position:fixed;
	bottom:0;
	left:0;
	background-image:url(../img/bg_footer.png);
	background-repeat:repeat-x;
	}

#footer {
	width:960px;
	margin:57px auto 0 auto;
	font-size:10px;

	}

#footer ul {
	margin-left:30px;
	float:left;
	}


#footer li {
	display:inline-block;
	padding:7px 5px;
	list-style:none;
	}

#footer a {
	text-decoration:none;
	color:#666666;
	}

#footer a:hover {
	text-decoration:underline;
	}


#socialNet {float:left}

/*STARTSEITE*/

#startBox {
	float:left;
	margin:30px 30px 30px 0;
	}

#startBox2 {
	float:left;
	margin:30px 0;
	}

ul {list-style:inside}

/*BESCHREIBUNG*/

.beschreibung {float:left; width:510px}


/*SCREENSHOTS*/

.screenshots {float:right; width:150px;}

.screenshots img {margin:0 0 15px 60px}