@charset "utf-8";
/* CSS Document by Steffi Krallmann 2009 */
body {
	background: #f0f0f0;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 11px;
	color: #666;
	}	
INPUT, SELECT {			
	border: 1px solid #9ebddd;
	padding: 2px;
	font-size: 10px;
	outline: none;
	color: #000;
}
INPUT.formfield {width: 290px;}
textarea {
	border: 1px solid #9ebddd;
	padding: 2px;
	outline: none;
	font-size: 11px;
}
table {width: 100%;border: 0;}
ul {list-style-type: square;}
a {outline: none; color: #799a02; text-decoration:none;}
a:hover {text-decoration: underline;}
th {font-weight: bold;text-align: left;}
dt {font-weight: bold;float: left;}
dd {display: block;padding: 0 0 10px 95px;}

h3 {
	color:#333333;
}
h4 {
	font-size: 15px;
	line-height: 20px;
	padding: 2px 0;
	color: #000;
	margin: 14px 0 6px 0;
	background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/h4_underline.png) no-repeat bottom left;
	}
h4.margin {
	margin-top: 0px;
	}

#content {
	width: 692px;
	float: none;
	margin:auto;
	}	
	
	/* HEAD & TOPNAVI */
	.head {
		top:10px;
		height: 108px;
		width: 692px;
		background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/top_bg.png) no-repeat;
		z-index: 2;
		float: none;
		position:relative;
		}
		#logo {
			position: absolute;
			top: 13px;
			left: 19px;
			border: 0;
			}
		#customers {
			position: absolute;
			top: 5px;
			left: 180px;
			font-size: 10px;
			color: #c8e0f8;
			width: 300px;
			text-align:right;
			}
		#flags {
			position: absolute;
			top: 2px;
			left: 478px;
			width: 144px;
			text-align: center;
			margin: 0;
			padding: 0;
			}
			#flags LI {
				list-style: none;
				display:inline;
				}
				
		#actual_lang {
			font-size:14px;
			font-weight:bold;
			color: #666;
			position: absolute;
			top: 18px;
			left: 489px;
			width: 125px;
			text-align: center;
			}
		#currency {
			position: absolute;
			z-index: 1;
			left: 624px;
			top: 3px;
			width: 47px;
			text-align: left;
			padding: 0;
			margin: 0;

			}
		#currency select {
			padding: 1px 1px 1px 0;
			border: 1px solid #666;
			width: 47px;
			font-size: 9px;
			position: relative;
			z-index: 2;
			}
		#bigSwf {position: absolute;z-index:99;}
			
		#about {
			position: absolute;
			top: 43px;
			left: 515px;
			width: 125px;
			font-weight: bold;
			color: #c4d7e6;	
			text-align: center;
			}
		#about A { 
			text-decoration: none;
			color: #fff;
			}
		#about A:hover {color: #ecf4fa;
		}
		#topnav {
			position: absolute;
			top: 75px;
			font-weight: bold;
			margin:0; 
			padding: 0;
			width: 692px;
			height:31px;
			overflow:hidden;
			}
		#topnav li {
				list-style: none;
				display: inline;
				}
		#topnav li#left a {
				padding: 8px 0 0 0;
				height:31px;
				width:173px;
				text-align:center;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_left.png) no-repeat ;
				}
		#topnav li.middle a {
				padding: 8px 0 0 0;
				height:31px;
				width:173px;
				text-align:center;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_middle.png) no-repeat ;
				}
		#topnav li#right a {
				padding: 8px 0 0 0;
				height:31px;
				width:173px;
				text-align:center;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_right.png) no-repeat ;
				}

		#topnav a {
				height: 21px;
				color: #fff;
				display: block;
				float: left;
				text-decoration: none;
				padding: 4px 15px 0 15px;
				margin: 0;
				}
				
			#topnav li#left a:hover {
				padding: 9px 0 0 0;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_left_hover.png) center 0 no-repeat ;
				}
			#topnav li.middle a:hover {
				padding: 9px 0 0 0;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_middle_hover.png) center 0 no-repeat ;
				}
			#topnav li#right a:hover {
				padding: 9px 0 0 0;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/menu_right_hover.png) center 0 no-repeat ;
				}

	/* CONTENT STYLES */	

		H1 {font-size: 18px;margin: 0;}
		H3 {font-size: 13px;margin: 0;}
		

		#content_head{
			width: 510px;
			height:72px;
			top:8px;
			left:30px;
			position: relative;
			text-align: left;
			float: left;
			}
		#content_head h1 {
			font-size: 28px;
			width:510px;
			margin: 8px 0 0 0;
			padding: 3px 0px 0 0px;
  			position: relative;
  			color: #464646;
			}
		#content_head h1 span {
  			background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/gradient.png) repeat-x;
  			position: absolute;
  			display: block;
  			width: 100%;
  			height: 31px;
			}

* html #content_head h1 span { 
			background: none;
			}
			
		#content_head h2 {
			font-size: 13px;
			color: #666;
			width:510px;
			margin: 0;
			font-weight:normal;
			}

		#content_head h1 sup {
			font-size:16px;
			}
		#content_buttons strong {
			padding-right:8px;
			background-image:url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/pfeil.png); background-repeat:no-repeat; 						background-position:right;
			}
		strong.redpfeil {
			padding-right:8px;
			background-image:url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/pfeil.png); background-repeat:no-repeat; 						background-position:right;
			color:#cc0000;
			}
		strong.grau {
			padding:inherit;
			background:inherit;
			color:#333333;
			}
		strong.red {
			padding:inherit;
			background:inherit;
			color:#cc0000;
			}
				
		#content_buttons a{
			display: block;
			width:145px;
			height:23px;
			top:20px;
			left:10px;
			position: relative;
			font-size: 12px;
			color:#333333;
			text-align: center;
			float: left;
			padding: 3px 0px 0 0px;			
			}
		#button1 {
			background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/content_button1.png) no-repeat;
			}
		#button2 { 
			margin: 4px 0 0 0;
			background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/content_button2.png) no-repeat;
			}
		
		/* Head Image */
				
		#content_img {
			clear:both;
			background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/content_head.jpg) no-repeat;
			top:12px;
			height: 207px;
			width: 692px;
			float: left;
			position:relative;
			}
				
			#content_img div {
				top:167px;
				width:134px;
				float: right;
				font-size:20px;
				text-align:center;
				position:relative;
				}
				
		/* Content Left */
				
		#content_left {
			width: 502px;
			top: 12px;
			position: relative;
			font-size: 11px;
			line-height: 18px;
			text-align: justify;
			float:left;
			}
			
			#content_left .head {
				height:12px;
				width:502px;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/producttext_head.png) no-repeat;
			}
			#content_left .foot {
				height: 6px;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/producttext_bottom.png) no-repeat;
				overflow:hidden;
				}
		
			#content_left strong {
				color:#333333;
			}

		/* Content Right */
			
			#content_right {
				width: 180px;
				overflow: hidden;
				position: relative;
				float: right;
				color: #666;

				}
				#content_right h3 {
					width: 170px;
					height: 18px;
					color: #333;
					font-size: 11px;
					padding: 6px 0 0 10px;
					margin: 10px 0 0 0;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/productnav_head.png) no-repeat;
					}
				#content_right h3#version {
					width: 170px; 
					height: 20px;
					font-size: 11px;
					font-weight: bold;
					color: #333;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/versionbg.png) no-repeat;
					padding: 6px 0 0 10px;
					margin: 22px 0 0 0;
					}
				#content_right #download {
					color:#00a6eb;
					}
				#content_right #buy {
					color:#cc0000;
					}
				#content_right li a { 
					text-decoration: none;
					color: #666;
					height: auto;
					}
				#content_right a:hover {color: #000;}
					
				#content_right span {color: #000;font-weight: normal;font-size: 11px;display: inline;} /*Preisformatierung*/

				#content_right .productnav_y {
					width: 160px;
					padding: 4px 9px 2px 9px;
					border-left: 1px solid #ddd;
					border-right: 1px solid #ddd;
					background-color:#FFFFFF;
					list-style-type: none;
					margin: 0;
					}
				#content_right .primtop {	
					width: 177px;
					height: 3px;
					margin-top: 10px;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/productnav_head.png) no-repeat #3e7eba;
					font-size: 1px;
					}

				/*#content_right .productnav_y LI {padding: 0 10px 0 0;}
				#content_right .productnav_y UL { padding: 0 0 0 28px;}*/

				#content_right .foot {
				width:170px;
				height: 6px;
				background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/productnav_bottom.png) no-repeat;
				overflow:hidden;
				padding: 0 0 0 10px;
				}				
					
				/* Content Main */
				
				#content_main {
					width: 692px;
					top: 12px;
					position: relative;
					font-size: 11px;
					line-height: 18px;
					text-align: justify;
					float:left;
					}
			
				#content_main .head {
					height:12px;
					width:692px;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/main_head.png) no-repeat;
					}
				#content_main .foot {
					height: 6px;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/main_bottom.png) no-repeat;
					overflow:hidden;
					}
								
				/* Foot*/
				#foot {
					clear:both;
					width: 692px; 
					height: 21px;
					top:22px;
					padding: 5px 0 0 0;
					font-size: 11px;
					color: #fff;
					text-align: right;
					position:relative;
					background: url(http://img.ashampoo.com/ashampoo.com_images/img/1/mac/foot.png) no-repeat;
					margin: 0 0 5px 0;
					}
				#foot br {
					clear:both;
					}
				#foot .privacy {
					float: left;
					margin: 0 0 0 10px;
					color: #fff;
					}
				#foot h3 {
					font-weight:normal;
					margin:  0 10px 0 0px;
					font-size: 11px;
					color: #fff;
					}
					
				/* Content All */
				
				.producttext_y {
					padding: 10px 18px 6px 18px;
					border-left: 1px solid #ddd;
					border-right: 1px solid #ddd;
					background-color:#FFFFFF;
					list-style-type: none;
					margin: 0;
					}