body {
	margin: 0;
	padding: 0;
	color:#666;
	background-color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	height: 100%;
}  

a {
	color: #FF9933;
	text-decoration: none;
}

a:visited {
	color:#FF9933;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a:active { 
	color:#000000;
}

a img {
	border: none;
}

h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #666;
	background-color: inherit;
}

.icon_h1 {
	margin-right: 5px;
}

h2 {
	display: inline;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	background-color: inherit;
}

span.left {
	width: 102px;
	float: left;
	text-align: left;
	padding: 10px 0px 10px 10px;
}

span.middle {
	width: 600px;
	float: left;
	text-align: left;
	padding-top: 80px;
	font-size: 10px;
	font-weight: bold;
	color: #444;
}

span.right {
	width: 88px;
	float: right;
	text-align: right;
	font-size: 0.9em;
	padding-top: 55px;
}

pre {
	color: #222;
}


/* ----------container zentriert das layout-------------- */
#site_bg, #site_bg_bottom {
	background-image: url(img/bg.jpg);
	width: 844px;
	margin: 0px 0px 0px 150px;
	float:left;
	text-align: center;
	height: 100%;
}

#site_bg_bottom {
	background-image: url(img/bg_bottom.jpg);
	height: 22px;
}

#site {
	text-align: left;
	width: 800px;
	margin: 0px auto 0px auto;
	background-color: #FFF;
	padding-bottom: 40px;
	height: 100%;
} 

/* ----------header-------------- */
#header {
	height: 100px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	padding: 0;
	margin: 0;
}

/* ---------------NAVIGATION-----------*/

#nav {
	color: inherit;
	height: 42px;
}

/* hauptnavigation */

ul#main_nav {
	background-color: #F3F3F3;
	list-style-type: none;
	height: 40px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

ul#main_nav li {
	/*background: #F2F2F2 url(img/menu_bg.jpg);*/
	width: 100px;
	height: 40px;
	vertical-align: bottom;
	text-align: left;
	float: left;
	border-right: 1px solid #FFF;
}

ul#main_nav li a {
	display: block;
	width: auto;
	height: auto;
	padding: 23px 0 3px 5px;
	font-size: 12px;
	font-weight: bold; 
}

ul#main_nav li a:hover {
	background-color: #FFF;
	text-decoration: none;
}

.mainnav_act {
	background-color: #FFF;
}

#mainnav_indent {
	float: left;
	width: 10px;
	height: 42px;
	border-right: 1px solid #FFF;
}


/* subnavigation */

ul#sub_nav {
	list-style-type: none;
	background-color: #FFF;
	color: inherit;
	margin: 0;
	padding: 0;
	padding-left: 11px;
}

ul#sub_nav li {
	float: left;
	padding-right: 20px;
	vertical-align: bottom;
	text-align: left;
}

ul#sub_nav li a {
	display: block;
	width: auto;
	padding: 4px 0 4px 5px;
	font-size: 11px;
}

ul#sub_nav li a.sub_nav_act {
	font-weight: bold;
}



/* ----------content----------------- */
#content{
	margin: 0;
	clear: both;
	width: 770px;
	height: 100%;
	min-height: 400px;
	padding: 10px 20px 10px 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #FFF;
}

/* ----------content-home----------------- */

#welcome, #news {
	padding-left: 16px;
}

#welcome p {
	margin-bottom: 20px;
}

#news_table, #news_table_archive {
	margin-top: 5px;
	border-collapse: collapse;
}

.table_date {
	width: 150px;
	vertical-align: top;
}

#news_table tr, #news_table_archive tr {
	border-bottom: 1px dotted #DDD;
}

.news_title {
	padding-top: 5px;
	color: #AAA;
}

.news_day {
	float: left;
	width: 47px;
	color: #AAA;
	font-size: 34px;
}

.news_month, .news_year {
	float: left;
	width: 100px;
	color: #AAA;
	padding-top: 5px;
}

.news_year {
	padding-top: 2px;
}


/* ----------content-tools----------------- */
#tool_title {
	width: 516px;
	margin-bottom: 20px;
}

#tool_text {
	/*height: 200px;*/
	width: 500px;
	float: left;
	padding: 0;
	padding-left: 16px;
	margin-bottom: 30px;
}

#tool_text p {
	margin-top: 5px;
	margin-bottom: 20px;
}

#tool_text pre {
	margin: 0;
	padding: 0;
	margin-top: -10px;
	margin-bottom: -20px;
}

.tool_table td {
	padding-right: 20px;
}

#tool_box_right {
	float: right;
	width: 220px;
	height: auto;
	margin-top: 5px;
	/*background: #EEE;*/
}

.tool_func {
	width: 210px;
	margin-bottom: 20px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #FF9933;
	/*background: #F5F5F5;*/
}

.tool_func p {
	margin-top: 5px;
	padding-left: 6px;
	margin-bottom: 10px;
}

.screencast_thumb {
	padding-bottom: 10px;
	padding-left: 7px;
}

.screencast_thumb img {
	border: 1px solid #ccc;
	width: 195px;
}

.tool_func_link {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.tool_func_link:hover {
	text-decoration: none;
	color: #666;
}

.tool_func h3 {
	display: inline;
}

.clearboth {
	clear: both;
}

/* -----------------tool-list------------------- */

#tool_list {
	clear: both;
	padding-left: 16px;
	margin-top: 25px;
}

#tool_list_left, #tool_list_right {
	float: left;
	width: 370px;
	margin-bottom: 30px;
}

#tool_list_right {
	float: right;
	margin-bottom:10px;
}

ul#tool_buy, ul#tool_free {
	list-style-type: none;
	background-color: #FFF;
	color: inherit;
	padding: 0;
	margin: 0;
	border-top: 4px solid #F5F5F5;
}

ul#tool_buy li, ul#tool_free li {
	height: auto;
	background: inherit;
	color: inherit;
	border-bottom: 1px dotted #DDD;
}

ul#tool_buy li a, ul#tool_free li a {
	display: block;
	width: auto;
	height: auto;
	padding: 5px 0 3px 5px;
	font-size: 15px;
	font-weight: bold; 
}

ul#tool_buy li a:hover, ul#tool_free li a:hover {
	background: #F5F5F5;
} 

.tool_desc {
	display: block;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	margin-top: 4px;
}

.coming_soon {
	margin-left: 20px;
}


/* ----------content-download----------------- */

#download_wizard {
	clear: both;
	padding-left: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#download_wizard p {
	margin-bottom: 20px;
}

#download_wizard h3 {
	margin-top: 20px;
}

fieldset {
	margin-bottom: 10px;
	border: 1px dotted #999;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

legend {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	background: #FFF;
}

.download_step2_left {
	float: left;
	width: 400px;
	line-height: 16px;
}

.download_step2_right {
	width: 307px;
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	padding: 4px 10px 4px 10px;
	background: #F5F5F5;
}

.dl_step2_table  { font-size: 12px; clear: both; margin: 0; padding: 0 }

.dl_step2_table td, .dl_step2_table th  { line-height: 12px; text-align: left; padding-right: 3px; padding-left: 3px }

.dl_table_col1 {
	width: 200px;
}

.dl_header_row   { font-size: 12px; background-color: #f5f5f5 }

.dl_sep_border {
	border-bottom: 1px solid #DDD;
}

.version, .size {
	display:block;
	width: 80px;
	float: left;
}

.size {
	text-align: right;
	border-left: 1px solid #FFF;
}

.dl_step2_radio {
	border: none;
	margin: 0;
	padding: 0;
}

.dl_step2_label {
	padding-left: 5px;
	
}

.dl_sent {
	margin-top: 20px;
}


/* ----------content-shop----------------- */

#shop_wizard {
	clear: both;
	padding-left: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#shop_wizard p {
	margin-bottom: 10px;
}

#shop_wizard form {
	margin-top: 20px;
}

#shop_wizard h3 {
	margin-top: 20px;
}

h3.shop_h3 {
	border: 1px dotted #DDD;
	padding: 7px 13px 5px 13px;
	background: #F5F5F5;
	margin-bottom: 20px;
}

.shop_step_intro {
	padding-left: 13px;
}

.fieldset_content {
	padding-left: 5px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.shop_country_list {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-left: 20px;
	float: left;
	width: 215px;
	list-style-type: square;
	line-height: 16px;
	font-size: 11px;
	color: #999;
}

.shop_radio {
	border: none;
	margin: 0;
	padding: 0;
}

.shop_label {
	padding-left: 5px;
	
}

/* step_2 */

span.shop_line {
	font-weight: normal;
	color: #DDD;
}


.shop_step2_table, .shop_step3_table {
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	border-collapse: collapse;	
}

.shop_step2_table tr, .shop_step3_table tr {
	border-bottom: 1px solid #F1F1F1;
}

tr.header_row {
	border-bottom: none;
}

.shop_step2_table td, .shop_step2_table th, .shop_step3_table td, .shop_step3_table th {
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	line-height: 18px;
}

.shop_table_col1 {
	width: 200px;
}

.shop_header_row {
	background: #F5F5F5;
}

.shop_sep_border {
	border-bottom: 1px solid #DDD;
}

.product label {
	display: block;
	width: 200px;
	cursor: pointer;
}

td.price, th.price {
	display:block;
	width: 200px;
	text-align: right;
}

.shop_step2_table tr:hover {
	background: #FFF4E7;
	cursor: pointer;
}

.shop_email {
	margin-top: 15px;
}
.shop_email_txt {
	padding-top: 3px;
	width: 230px;
	display: block;
	float: left;
}

/* step_3 */

.check_entry {
	width: 160px;
	display: block;
	float: left;
}

.total_row {
	border-bottom: 2px solid #999;
}

.entries {
	font-weight: bold;
}

#confirm {
	margin-right: 10px;
}

.confirm_order {
	margin-bottom: 3px;
}

.paypal_button {
	margin-left: 20px;
	float: right;
	margin-bottom: 20px;
}


/*  ----------------faq---------------------- */ 
#faqs {
	padding-left: 16px;
}

#faq_table {
	margin-top: 5px;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 730px;
}

.table_left {
	width: 120px;
	vertical-align: top;
}

.faq_table_content {
	vertical-align: bottom;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 606px;
}

.faq_question_txt {
	font-weight: bold;
}

#faq_table tr {
	border-bottom: 1px dotted #DDD;
}

#faq_table tr.faq_answer {
	border-bottom: 1px solid #DDD;
}

.faq_letter {
	width: 30px;
	color: #AAA;
	font-size: 34px;
}

.faq_remain {
	width: 70px;
	color: #AAA;
	padding-top: 5px;
}

pre.inline {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	padding-right: 5px;
}

/*  ----------------testimonials---------------------- */ 
#testimonials {
	padding-left: 16px;
}

#testimon_table {
	margin-top: 5px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.testimon_table_left {
	padding-top: 3px;
	width: 80px;
	vertical-align: top;
}

.testimon_table_content {
	padding-top: 6px;
}

#testimon_table tr {
	border-bottom: 1px dotted #DDD;
}

.testimon_big {
	font-family: serif;
	font-size: 60px;
	color: #AAA;
}

.testimonial {
	border-bottom: 1px dotted #DDD;
}

.testimonial_author {
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
}


/*  ----------------footer---------------------- */ 
#footer {
	height: 22px;
	clear: both;
	font-size: 11px;
	color: #CCC;
	background-color: #F3F3F3;
	border-top: 1px solid #FFF;
}

#quick_nav {
	height: auto;
	background-color: #FFF;
	color: inherit;
}

ul#quick_nav {
	list-style-type: none;
	height: auto;
	margin: 0;
	padding: 0;
	display: inline;
	border-bottom: 1px solid #FFF;
}

ul#quick_nav li {
	width: 100px;
	height: 20px;
	vertical-align: bottom;
	text-align: left;
	float: left;
	border-right: 1px solid #FFF;
}

ul#quick_nav li a {
	display: block;
	padding: 4px 0 5px 10px;
	width: auto;
	height: auto;
	font-weight: bold;
}

ul#quick_nav li a:hover {
	background-color: #FFF;
	text-decoration: none;
	color: #666;
}

.footer_right {
	float: right;
	padding-top: 4px;
	padding-right: 5px;
	color: #444;
}

.line {
	clear: both;
}

.white {
	border-bottom: 1px solid #FFF;
}

.grey {
	border-bottom: 1px solid #DDD;
}

/* ------------------ Diverse und allgemeine Klassen ----------------- */


.t4t_button, .t4t_txtinput {
	border: 1px solid #DDD;
	background: #F5F5F5;
	width: 80px;
}

.t4t_button:hover {
	background: #E5E5E5;
	cursor: pointer;
}

.t4t_button {
	text-align: center;
	margin-left: 20px;
	float: right;
	margin-bottom: 20px;
	color: #FF9933;
}

.t4t_txtinput {
	width: 200px;
}

.bold {
	font-weight: bold;
}

.red {
	color: #FF3333;
}

.orange {
	color: #FF9933;
}

.bright_grey {
	color: #DDD;
}