@charset "UTF-8";
/**
 * Cascading Style Sheets fr
 * www.acmeportable.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html, body {
	color:#333;
	text-align:center;
	background:#fff url(../images/bg_body.jpg) top left repeat-x;
	background-attachment:fixed;
}
body, h1, h2, h3, p, span, input, select, option, a, textarea, ul {
	font-family:Verdana, sans-serif;
	font-weight:normal;
}
h1 			{ font-size:18px; color:#333; padding-bottom:15px;}
h2 			{ font-size:15px; color:#02538b; }
h3 			{ font-size:12px; font-weight:bold; }
h4 			{ font-size:11px; font-weight:normal; }
ul 			{ font-size:12px; list-style:none; }
p 			{ font-size:11px; }
.bold 		{ font-weight:bold; }
.red		{ color:#cc0000; }
a 			{ text-decoration:none; color:#02538b; }
a:hover		{ color:#333; }
.linear 		{ display:none; }
.right		{ float:right; }
.clearer	{ clear:both; }
.center		{ text-align:center; }
img			{ display:block; }

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Site {
	position:relative;
	text-align:left;
	margin:0 auto;
	width:960px;
}
	
	/*** Header ***/
	#Header {
		float:left;
		width:100%;
	}
		
		/*** Topvav ***/
		#Topnav {
			height:31px;
			width:100%;
		}
		
		/*** Logo ***/
		#Logo {
			padding-bottom:15px;
		}
	
	/*** Navleiste ***/
	#Navleiste {
		clear:left;
		width:100%;
		height:40px;
		background:#02538b url(../images/bg_mainnav.jpg) top left no-repeat;
	}
	
		/*** Mainnav ***/
		#Mainnav {
		}
	
		/*** Suche ***/
		#Suche {
			float:right;
			text-align:center;
			width:23%;
			padding-top:10px;
		}
	
	/*** Flash Startseite ***/
	#FlashContent1 {
		width:100%;
		height:250px;
		background:#0076c0;
	}
	
	/*** Flash Alle anderen Seiten ***/
	#FlashContent2 {
		width:100%;
		height:160px;
		background:#0076c0;
	}
	
	/*** Breadcrump (auer Startseite) ***/
	#Breadcrump {
		width:100%;
		height:22px;
		background:#eeeff1;
		line-height:22px;
	}
	
	/*** ContentFrame ***/
	#ContentFrame {
		float:left;
		width:950px;
		padding:10px 0 40px 10px;
		background:#fff;
	}
		
		/*** Frame (Startseite)  ***/
		.frame {
			float:left;
			margin-bottom:10px;
		}
		
		/*** Submenu  ***/
		#Submenu {
			float:left;
			width:209px;
			margin-right:10px;
		}
			
		/*** Spalte fuer alle anderen Seiten (auer Startseite) ***/
		#Content {
			float:left;
			width:720px;
		}
	
	/*** Footer ***/
	#Footer {
		clear:both;
		float:left;
		width:100%;
		padding:10px 0 40px 0;
		border-top:1px solid #ddd;
	}

/******************************************************************************************************************* 
 * TOPNAV LISTE
 ******************************************************************************************************************/
		#Topnav ul {
			float:right;
			background:url(../images/bg_tn.jpg) top left repeat-x;
		}
		#Topnav ul li {
			float:left;
			padding-right:7px;
			font-size:10px;
			line-height:27px;
			height:31px;
		}
		#Topnav ul li img {
			margin:9px 0 0 0;
		}
		#Topnav ul li a {
			font-size:10px;
		}
		#Topnav li.cl {
			padding-left:7px;
			background:url(../images/bg_c_l_tn.jpg) top left no-repeat;
		}
		#Topnav li.cr {
			background:url(../images/bg_c_r_tn.jpg) top right no-repeat;
		}

/******************************************************************************************************************* 
 * MAINNAV LISTE
 ******************************************************************************************************************/
		#Mainnav ul {
			float:left;
			width:75%;
			padding-left:10px;
		}
		#Mainnav ul li {
			float:left;
			background:url(../images/mnav_trenner.gif) top right no-repeat;
		}
		#Mainnav ul li a {
			display:block;
			padding:0 10px;
			margin-right:1px;
			font-size:15px;
			color:#fff;
			line-height:40px;
			font-weight:normal;
		}
		#Mainnav ul li a:hover {
			background:url(../images/btn_over.gif) top right repeat-x;
		}
		#Mainnav ul li.selected a {
			background:url(../images/btn_activ.gif) top right repeat-x;
		}
		#Mainnav ul  li.last{
			background:none;
		}
		#Mainnav ul  li.last a{
			font-weight:bold;
			background:url(../images/blog.jpg) 8px 13px no-repeat;
			padding-left:32px;
		}

/******************************************************************************************************************* 
 * BREADCRUMP
 ******************************************************************************************************************/		
	#Breadcrump p {
		padding-left:10px;
		font-size:11px;
	}

/******************************************************************************************************************* 
 * SUBMENU
 ******************************************************************************************************************/	
		#Submenu .head {
			display:block;
			font-size:11px;
			height:28px;
			color:#fff;
			line-height:27px;
			padding-left:10px;
			background:url(../images/submenu_head.jpg) top left no-repeat;
		}
		#Submenu ul.nav li {
			float:left;
			width:100%;
			background:url(../images/submenu_e1.jpg) top left no-repeat;
		}
		#Submenu ul.nav li a  {
			font-size:11px;
			display:block;
			height:22px;
			color:#333;
			padding:8px 0 0 25px;
		}
		#Submenu ul.nav li a:hover {
			color:#000;
			background:url(../images/submenu_activ.jpg) top left no-repeat;
		}
		#Submenu ul.nav li.selected{
			background:url(../images/submenu_activ.jpg) top left no-repeat;
		}
		#Submenu ul.nav ul li {
			background:url(../images/submenu_e2.jpg) top left no-repeat;
		}
		#Submenu ul.nav ul li a {
			display:block;
			height:22px;
			color:#565656;
			padding:8px 0 0 35px;
		}
		#Submenu ul.nav ul li a:hover {
			color:#000;
			text-decoration: none;
			background:url(../images/submenu_activ2.jpg) top left no-repeat;
		}
		#Submenu ul.nav ul li.selected a {
			color:#000;
			font-size:11px;
			background:url(../images/submenu_activ2.jpg) top left no-repeat;
		}

/******************************************************************************************************************* 
 * Content
 ******************************************************************************************************************/	
		#Content p{
			line-height:18px;
			padding-bottom:15px;
		}
/******************************************************************************************************************* 
 * FOOTER
 ******************************************************************************************************************/	
	#Footer .col1 {
		float:left;
		width:50%;
	}
	#Footer .col2 {
		float:right;
		width:50%;
	}
	#Footer p {
		color:#666;
		font-size:11px;
	}
	#Footer ul {
		float:right;
	}
	#Footer ul  li{
		float:left;
		padding:0 5px;
		font-size:11px;
		border-right:1px solid #02538b;
	}
	#Footer ul  li.last{
		border-right:none;
	}
	
/******************************************************************************************************************* 
 * SPEZIELLES BOXLAYOUT STARTSEITE
 ******************************************************************************************************************/
			/*** Boxen ***/
			.box305 {
				width:305px;
				float:left;
			}
			.spacer {
				margin-right:11px;
			}
			.box_header_grey, .box_header_yellow, .box_header_blue, .box_header_green {
				width:100%;
				height:32px;
			}
			.box_header_grey {
				background:#545454 url(../images/d_305_grey.gif) top left no-repeat;
			}
			.box_header_yellow {
				background:#f5983a url(../images/d_305_yellow.gif) top left no-repeat;
			}
			.box_header_blue {
				background:#02538b url(../images/d_305_blue.gif) top left no-repeat;
			}
			.box_header_green {
				background:#88c948 url(../images/d_305_green.gif) top left no-repeat;
			}
			.box_header_grey h2, .box_header_yellow h2, .box_header_blue h2, .box_header_green h2 {
				color:#fff;
				font-size:13px;
				line-height:32px;
				padding-left:10px;
			}
			.box_content {
				width:301px;
				margin:0 1px;
				min-height:198px;
				border-left:1px solid #ddd;
				border-bottom:1px solid #ddd;
				border-right:1px solid #ddd;
			}
			.box_content2 {
				width:301px;
				margin:0 1px;
				border-left:1px solid #ddd;
				border-right:1px solid #ddd;
			}
			#NewsBox  p ,
			#EventBox p{
				
				padding:5px 5px;
				font-size:11px;
				border-bottom:1px solid #ddd;
			}
			#NewsBox  p:hover {
				background:#e7e7e7;
			}
			#NewsBox p.right,
			#EventBox p.right{
				border-bottom:none;
				padding-top:7px;
				background:none;
			}
			#EventBox  p.center {
				
				line-height:18px;
			}
			#SupportBox p{
				/*height:48px;
				padding:13px 0 0 50px;
				
				border-bottom:1px solid #ddd;
				background:#fff url(../images/bg_support.jpg) top left no-repeat;*/
			}
			#SupportBox .sh1{
				font-size:13px;
				font-weight:bold;
			}
			#SupportBox .sh2{
				font-size:13px;
				font-weight:normal;
			}
			#SupportBox a{
				color:#333;
			}

/******************************************************************************************************************* 
 * SPEZIELLES BOXLAYOUT LISTE & PRODUKTSEITE
 ******************************************************************************************************************/	
			.box720 {
				width:720px;
				float:left;
			}
			.box720 a {
				font-size:10px;
				color:#cc0000;
			}
			.box720 ul {
				list-style:disc;
				padding-left:12px;
				margin:0 0 10px 0;
			}
			.box720 ul li {
				
				font-size:10px;
				line-height:15px;
			}
			.box720 p {
				font-size:10px;
				line-height:15px;
			}
			.box_header_grey2 {
				height:32px;
				background: url(../images/d_720_grey.jpg) top left no-repeat;
			}
			.box_header_grey2 h2 {
				color:#333;
				font-size:10px;
				font-weight:bold;
				line-height:32px;
				padding-left:10px;
				float:left;
			}
			.box_content3 {
				width:718px;
				margin:0 1px 0 0;
				float:left;
				border-bottom:1px solid #ddd;
				background:url(../images/bg_box720.gif) top left repeat-y;
				padding:1px 1px 1px 1px ;
			}
			.box_content3 .col1 {
				float:left;
				width:190px;
			}
			.box_content3 .col2 {
				float:left;
				width:276px;
				padding:10px 0px 0 10px;;
			}
			.box_content3 .col3 {
				float:left;
				width:229px;
				padding:10px 0px 0 10px;
			}
			.link_produkt {
				float:right;
				padding:2px 10px 0 0;
				font-size:10px;
			}

/******************************************************************************************************************* 
 * Suche
 ******************************************************************************************************************/				
		#ajaxSearch_form {
            color: #444;
            width: auto;
        }
        #ajaxSearch_input {
            border:1px solid #999;
			width:120px;
			padding:4px 2px 4px 3px;
			font-size:11px;
			color:#666;
			margin-right:5px;
        }
        #ajaxSearch_submit {
            border:1px solid #999;
			color:#666;
			padding:2px;
			font-size:12px;
			background:#eee;
        }
        #ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }
		.ajaxSearch_highlight {
			color:red;
		}		
		.ajaxSearch_highlight1 {
		
		}
        .ajaxSearch_paging {
    
        }
        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }
        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
		


/******************************************************************************************************************* 
 * DITTO
 ******************************************************************************************************************/	
.artikel {
	margin-bottom:15px;
}
#ditto_pages {
	clear:both;
	margin-top:30px;
	text-align:right;
	font-size:11px;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    color: #565656;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #eee;
    color: #000;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a {
    border: 1px solid #999;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color:#ee3333;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
.buttons {
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.buttons img {
	float:left;
}
hr {
	clear:both;
	margin:3px 0 10px 0;
	padding:0;
	height:1px;
	border:none;
	border-top:1px dotted #ccc;
}
.back {
	margin-top:10px;
}
.back a {
	border-top:1px dotted #ddd;
	padding:5px 0;
}

/******************************************************************************************************************* 
 * Tabellen
 ******************************************************************************************************************/	
table {
	clear:both;
	width:100%;
	margin-top:3px;
}
td {
	border:1px solid #ccc;
	font-size:11px;
	padding:5px;
	background:#fff;
	color:#333;
}
/* Tabellen Referenz, erste Spalte */
td.td_ref {
	background:#f2f2f2;
	font-weight:normal;
}
/* Gruppeninfo */
td.td_group {
	background:#d9d9d9;
	color:#000;
}

/*******************************************************************************************************************

 * Sonstiges
 ******************************************************************************************************************/
 
.noBorder td{
	border:none;
}



/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideShow{
	margin-bottom: 5px;
	margin-left: 12px;
	width:550px;
	float:left;
}

.slideshowContainer {
	border: 1px solid #ccc;
	height: 366px;	
}

.slideshowContainer img{
	height: 366px;	
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;	
	display: inline;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #e4000d;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 4px;
}

.outline {
	border: 1px solid #206495;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	
	width: 560px;
	
}


/*************************************************************/
/* Features */

#features{	
	font-size: 12px; 
	margin-left: 599px;
		
}

#features ul{
	line-height:14px;
	list-style-image: url(http://www.acmeportable.de/assets/images/pfeil.gif);
	padding-left:30px;
}

#features b{
	font-size: 15px;
}

#features a{
	font-size: 15px;
	padding-left:30px;
	color:#F00;
}

#specifications{
	float:none;
	display:inline-block;
	margin-left:12px;
	width:800px;
}
#specifications strong{
	display:block;
	font-weight:bold;
	font-size: 0.8em;
}

#specifications table{
	width:890px;
}

.Stil1 {font-family: "Courier New", Courier, monospace}
.Stil2 {font-family: Arial, Helvetica, sans-serif}