body{
	background: url(images/main_bg.png) repeat-x 0 0 #a3b5a4;
	margin: 0px;
	font-family: Bitstream Vera Sans, Verdana, Helvetica, sans-serif;
}

body,html{
	height:100%;
}


textarea{
	background: #efe;
}


	#FLYER{position:relative; top:-240px; left:300px;z-index:4;}
	#FLYER a{color:white;}
	#FLYER a:hover{color: #52ff00;}



a {

	text-decoration: none;
	color: black;
}

a:link{
	color: black;
}


.bst_row{
	margin:20px;
}

.bst_pflicht{
	color: orange;
	font-size: 14pt;
	font-weight: bold;
	
}

.bst_allform{
	margin: 20px;
	margin-top: 20px;
	margin-left: 0px;

}

.bst_row_submit{
	width:100%;
	text-align: center;
	margin-top: 25px;
}

.bst_row_submit input{
	background: #E6B400;
	border:1px solid black;
	font-size: 16pt;
	padding:5px;
	width: 350px;
	margin-left: 30px;
	margin-top: 30px;
	
}

.bestellform_txt{
	width:150px;
	display: block;
	border: 0px solid white;
	float:left;
	padding-right: 10px;
	padding-top:0px;
	text-align: right;
}

.bestellform_txt_s2{
	width:200px;
	display: block;
	border: 0px solid white;
	float:left;
	padding-right: 20px;
	padding-top: 2px;
	text-align: right;
	font-size: 9pt;
}


.bestellform_input input{
	width:200px;
	border: 1px solid orange;
	padding:2px;
	background: #efe;
}

.bestellform_input_s2 {
	width:530px;
	color: #efe;
	display: block;
	padding-top:2px;
}

.globalLinkBar{
	width: 100%;
	height:20px;
	background: url(images/linkleiste_schatten.jpg) 0 0 repeat-x #ddd;
	font-size: 12px;
}

.globalLinkCell{
	width: 16%;
	height: 18px;
	border-left: 1px solid #999;
	display: block;
	float:left;
	text-align: center;
	padding-top: 2px;
	color: #999;
}
.globalLinkCell a{
	color: #999;
}
.globalLinkCell a:hover{
	text-decoration: underline;
	color: #000;
}

#showVideoLink{
	width: 630px;
	height:20px;
	overflow:hidden;

	font-size: 10pt;
	color:#aaa;
	margin-top: 20px;
	margin-left: 8px;
}

#showVollbildLink{
	width: 630px;
	height:20px;
	overflow:hidden;

	font-size: 10pt;
	color:#aaa;
	margin-top: 20px;
	margin-left: 8px;
}


#aussenwrapper{

	width: 100%;
	height: 70%;
	margin-bottom: 0px;
}

#rootBox{
	margin: auto;
	width: 974px;
	position: 	relative;
	min-height: 32%;
	
}

#header{
	height: 254px;
	width: 100%;

}

#header2{
	height: 300px;
	width: 100%;
	

}

#banner{
	background: url(images/banner.png) no-repeat center center;
	height: 254px;
	width: 1000px;
	margin: auto;
	display: block;
	
}

#addOn{
	background: url(images/demoversion.png) no-repeat center center;
	height: 184px;
	width: 160px;
	margin-top: -250px;
	display: block;
	position: absolute;
	right: 12%;
}


#addOn2{
	background: url(Linkleiste/demoversion.png) no-repeat center center;
	height: 103px;
	width: 100px;
	display: block;
	position: relative;
	right: -420px;
	top:-220px;
	border: 0px;
}

#schrittLeiste{

	background: url(images/bg_leiste.png) no-repeat black;
	width: 100%;
	bottom:  0px;
	clear: left;
	display: block;
	height:72px;
	position:relative;
	z-index: 5;
	
	
}


#menuBox{
	width: 185px;
	float:left;
	margin-top: -70px;
	margin-left:22px;
	margin-bottom: 20px;
}

#menuBoxTop{
	/*background: url(images/menu_top_order.png) no-repeat 0 0;*/
	background: url(images/menu_top_demo_order.png) no-repeat 0 0;
	height: 41px;
	width: 185px;
	display: block;
	position: relative;
}
/*#menuBoxTop:hover{
	background: url(images/menu_top_order_hover.png) no-repeat 0 0;
}*/


#menuBoxTopBtDemo{
	background: url(images/menu_top_bt_demo.png) no-repeat 0 0;
	height: 41px;
	width: 88px;
	display: block;
	position: absolute;
	top:0px;
	left: 0px;

}

#menuBoxTopBtDemo:hover{
	background: url(images/menu_top_bt_demo_over.png) no-repeat 0 0;

}

#menuBoxTopBtOrder{
	background: url(images/menu_top_bt_order.png) no-repeat 0 0;
	height: 41px;
	width: 97px;
	display: block;
	position: absolute;
	top:0px;
	right: 0px;

}

#menuBoxTopBtOrder:hover{
	background: url(images/menu_top_bt_order_over.png) no-repeat 0 0;

}


#menuBoxMiddle{
	background: url(images/menu_bg.png) repeat-y;
	width: 185px;
}

.menuBoxBottom{
	background: url(images/menu_bottom.png) no-repeat 0 0;
	height: 61px;
	width: 185px;
	display: block;

}


.menuNode{
	background: url(images/menu_node.png) no-repeat 0px 0px;
	width: 172px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	font-size: 10pt;
	border:1px solid white;
	color:white;
	margin-top: 0px;
	margin-left: 1px;
	display:block

}

.menuNode:link{
	color:white;
}


.menuLeaf{
	background: url(images/menu_3.png) no-repeat 0px 0px;
	font-size: 9pt;
	border:0px;
	border-bottom: 1px solid #95a7bb;
	color:black;
	text-align: left;
	width: 165px;
	height: 21px;
	margin-left: 2px;
	padding-left: 7px;
	padding-top: 6px;
	display:block

}

.menuLeaf:hover{
	background: url(images/menu_1.png) no-repeat 0px 0px;
	font-size: 9pt;
	border:0px;
	border-bottom: 1px solid #95a7bb;
	color:black;
	text-align: left;
	width: 165px;
	height: 21px;
	margin-left: 2px;
	padding-left: 7px;
	padding-top: 6px;
	display:block

}

.menuLeaf:link{
	color:black;
}

.menuLeaf_active{
	background: url(images/menu_2.png) no-repeat 0px 0px;
	font-size: 9pt;
	border:0px;
	border-bottom: 1px solid #95a7bb;
	
	color:black;
	text-align: left;
	padding-left: 5px;
	width: 165px;
	height: 21px;
	margin-left: 2px;
	padding-left: 7px;
	padding-top: 6px;
	display:block

}


#sigerom_download_mac{
	background: url(images/mac_icon.png) no-repeat center center;
	width: 250px;
	height: 250px;
	display:block;
	float:left;
	text-align: center;
	padding-bottom: 30px;
}

#sigerom_download_win{
	background: url(images/win_icon.png) no-repeat center center;
	width: 250px;
	height: 250px;
	display:block;
	margin-left: 380px;
	text-align: center;
	padding-bottom: 30px;
}

#sigerom_download_hilfe{
	margin-left:180px;
	background:url(images/hilfe1_small_trans2.png) no-repeat 100px 20px; 
	width:300px;
	height:120px;
	display: block;
}

#kerngeschaeft{
	background: url(images/sigeromWerbung2_klein.png) no-repeat center center;;
	width: 300px;
	height: 300px;
	display:block;
	margin-left: 170px;
}

#content{
	float:left;
	padding: 20px;
	color:white;
	margin: auto;
	width: 690px;
	margin-top: -80px;
	position: relative;	
	margin-left: 20px;
	
}


#contentTopic{
	font-size: 20pt;
	text-align: left;
}


.keyword{
	font-weight: bold;
	font-size: 11pt;
	color: #ffce76;
}

.keyword_ul{
	font-weight: bold;
	font-size: 10pt;
	color: #ffce76;
	color:white;
}

#contentText{
	background: url(images/text_bg_trans.png) repeat 0 0;
	padding: 20px;
	margin-top: 10px;
	font-size: 10pt;
	line-height: 18px;
}

#contentText a:link{
	color:#c4f6c2;
}

#contentText a{
	color:#c4f6c2;
}


#contentText a:hover{
	color:#a5e8a4;
}

.faq_quest{
	font-size: 10pt;
	margin-bottom: 20px;
	background: #585858;
	border: 1px solid #767676;
	padding: 10px;
	width: 520px;
	margin-left: 10px;
	margin-top: 8px;
}

#madeOnMac{
	margin-left: 250px;
	margin-top:25px;
	background: url(images/mwmac.png) repeat 0 0;
	width:139px;
	height:50px;
	display:block;
}

.release_notes_topic{
	padding: 10px;
	color: #ffce76;
	font-size: 12pt;
}

.release_notes_content{
	margin-left: 20px;
}

.release_notes_status{
	color:lightgreen;
	float:left;
	margin-right:20px;
}

.release_notes_desc{
	margin-left:60px;
}

#container{
	margin-left:6px;
}

.contentSmallInfo{
	color:#aaa;
	font-size:8pt;
	text-align:left;
	margin-top:50px;
	width:100%;
}

.news_date{
	background: #444;
	padding:10px;
	width: 100%;
	margin-left: -10px;
	color:#ffce76;
	font-size: 11pt;
	
}

.news_text{
	padding: 10px;
	margin-bottom: 30px;
}

.author{
	float:right;
	font-style: italic;
	font-size: 8pt;
	color:#bbb;
}



.infofield{

	padding: 10px;
	margin: 10px;
	//border: white 1px solid;
	color: white;
	line-height: 20px;
	


}

li{
	margin-bottom: 8px;
}

ul{
	line-height: 18px;
	margin-left: -20px;
}


.bildtext{
	width: 100%;
	text-align: center;
	font-size: 9pt;
	font-style: italic;
}

#mySteps{
	margin: auto;
	width: 920px;
	
}

#mySteps2{
		width: 920px;
	border: 1px solid red;
	position: relative;
	bottom: 5px;
	right:10px;
}

.schritte{
	float: left;
}

.s1_bt{
	background: url(images/s1_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	display: block;
	float:left;
	margin-top: 7px;
	
}

a.s1_bt{
	background: url(images/s1_hover.png) no-repeat center center;
	opacity: 0.8;
}

a.s1_bt:hover{
	opacity: 1.0;
}


.s2_bt{
	background: url(images/s2_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	margin-left: 5px;
	float: left;
	display: block;
	position: relative;
	margin-top: 7px;
}

a.s2_bt{
	background: url(images/s2_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s2_bt:hover{
	opacity: 1.0;
}

.s3_bt{
	background: url(images/s3_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 2px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s3_bt{
	background: url(images/s3_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s3_bt:hover{
	opacity: 1.0;
}

.s4_bt{
	background: url(images/s4_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 2px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s4_bt{
	background: url(images/s4_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s4_bt:hover{
	opacity: 1.0;
}


.s5_bt{
	background: url(images/s5_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s5_bt{
	background: url(images/s5_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s5_bt:hover{
	opacity: 1.0;
}


.s6_bt{
	background: url(images/s6_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s6_bt{
	background: url(images/s6_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s6_bt:hover{
	opacity: 1.0;
}


.s7_bt{
	background: url(images/s7_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s7_bt{
	background: url(images/s7_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s7_bt:hover{
	opacity: 1.0;
}


.s8_bt{
	background: url(images/s8_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s8_bt{
	background: url(images/s8_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s8_bt:hover{
	opacity: 1.0;
}


.s9_bt{
	background: url(images/s9_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s9_bt{
	background: url(images/s9_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s9_bt:hover{
	opacity: 1.0;
}


.s10_bt{
	background: url(images/s10_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 7px;
}

a.s10_bt{
	background: url(images/s10_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s10_bt:hover{
	opacity: 1.0;
}


.s11_bt{
	background: url(images/s11_active.png) no-repeat center center;
	width: 79px;
	height: 60px;
	position: relative;
	margin-left: 5px;
	display: block;
	float:left;
	margin-top: 7px;
}

a.s11_bt{
	background: url(images/s11_hover.png) no-repeat center center;
	opacity: 0.8;
}

.s11_bt:hover{
	opacity: 1.0;
}

.errorbox{
	display: block;
	color:white;
	padding: 20px;
	margin: auto;
	background: #e55;
	width:300px;
	opacity:0.7;
	position: absolute;
	margin-left:40%;
	border:2px solid white;
	border-top:0px;
}