body {
	color: #606465;
	padding-bottom: 15px;
	padding-top: 15px;
	margin: auto;
	font-size: 11pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	background-color: #96c4cb; 
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-image: url(images/background.png);
}

.smallFontSize {
    font-size:          9pt;
}

#page_header {
	text-align: left;
	margin: 0 auto;
	width: 955px;
}

a:link, a:visited {
	color: #222222;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: underline;
	color: #FF9C00;
}

h1 {
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 18pt;
	color: #449ba6;
}

h2 {
	padding-top: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 14pt;
	color: #449ba6;
}

h4 {
	padding-bottom: 3px;
	font-size: 11pt;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #459ba6;
}

p {
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0px;
}

img {
	border: 0px;
}

#buttons {
	top: 72px;
	position: absolute;
	margin-left: 350px;
	padding: 0px;
	list-style-type: none;
}

/* spezieller Hack, damit die Buttons im IE7 auch richtig positioniert sind */
*:first-child+html #buttons[id] {
	margin-left: -615px;
	top: 97px;
}

#buttons li {
	display: inline;
}

#buttons li span {
	display: block;
	width: 100px;
	height: 88px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: left;
}

#btn_home span {
	background-image: url(images/btn_home_hover.png);
}
#btn_download span {
	background-image: url(images/btn_download_hover.png);
}
#btn_documentation span {
	background-image: url(images/btn_doku_hover.png);
}
#btn_developer span {
	background-image: url(images/btn_entwickler_hover.png);
}
#btn_demo span {
	background-image: url(images/btn_demo_hover.png);
}
#btn_forum span {
	background-image: url(images/btn_forum_hover.png);
}

#buttons li span:hover {
	background-position: 0px -88px;
}

#buttons li span a img {
	width: 100px;
	height: 88px;
	border-width: 0px;
}

#page {
	text-align: left;
	margin: 0px auto;
	width: 925px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}

#left_block {
	float: left;
	margin-right: 20px;
}

#right_block > div {
	margin-left: 625px;
}

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert sind */
html.* #right_block { 
    width: 268px;
}

/* damit unter den Rahmenbildern keine 2px Abstand sind */
.img_border {
	display: block;
}

#content, #content_left {
	padding-left: 29px;
	padding-right: 29px;
    min-height: 550px;	
}

#content_left {
	width: 541px;
	display: block;	
}

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert sind */
html.* #content_left { 
	width: 601px;
}

.content {
	border-right: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
	background-color: white;
	background-position: 0 bottom;
	background-repeat: repeat-x;
	background-image: url(images/background_in_borders.png);
}

#sidebar {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 550px;	
}

#sidebar hr {
	margin-top: 10px;
	color: #d7d7d7;
	border-width: 1px;
	border-style: dashed;
}

/***************************************/
/* Spezieller Teil fuer die Startseite */
/***************************************/

#home_left_block {
	float: left;
	margin-right: 20px;
	width: 253px;
}

#home_block {
	text-align: left;
	margin: 0px;
	width: 540px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}

#home_right_block div {
	margin-left: 285px;
	width: 221px;
}

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert sind */
html.* #home_right_block div { 
	margin-left: 280px;
	width: 253px;
}

#home_content_1 {
	border-right: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
	padding-left: 15px;
	padding-right: 15px;	
}

#home_content_2 {
	border-right: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
	padding-left: 15px;
	padding-right: 15px;	
}


#home_features {
	width: 535px;
}

#home_features_content {
	border-right: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
	padding-left: 15px;
	padding-right: 15px;	
}

#download {
	background-image: url(images/download_background.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	width: 334px;
	height: 100px;
	color: #266507;
	padding: 10px 15px 10px 15px;
}

#download a {
	padding-bottom: 5px;
	color: #25650c;
	font-size: 18pt;
}

.changelog {
	margin: 0px;
	padding-left: 30px;
}