@charset "utf-8";

/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */


/* ****************************************** */
/* Global settings                            */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
}

html, body {
	min-width: 970px;
	height: 100%;
}

/* Main body style */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	background: #717171 url(../images/background.jpg) 50% 0;
	color: #6e6e6e;
}


/* **************************************************************** */	
/* Style settings fonts, links, misc                                */
/* **************************************************************** */	

p {
	font-size: 12px;
	color: #6e6e6e;
	line-height: 16px;
	margin-bottom: 16px;
}


table {
	position: relative;
	display: block;
	border-collapse: collapse;
	padding: 0;
}

	table p {
		margin-bottom: 0;
	}
	
	td {
		font-size: 12px;
		line-height: 16px;
	}



/* Image styles global */	
img {border: 0;}
* html img {display: block;}


/* Link colors global */
a:link, a:visited {
	font-size: 12px;
	color: #6e6e6e;
	text-decoration: none;
	outline: 0;
}

a:active, a:hover {
	color: #008993;
	text-decoration: none;
}

object {outline: none;}

/* Clear */
div.clear {clear: both;}
br.clear {clear: both;}

span.disin {display: inline;}
span.disno {display: none;}

.valid {display: none;}

/* **************************************************************** */	
/* Site container settings                                          */
/* **************************************************************** */

/* Site wrapper */
div#sitecontainer {
	position: relative;
	width: 970px;
	min-width: 970px;
	min-height: 100%;
	background:  url(../images/background_light.jpg);
	margin: 0 auto;
}
	* html div#sitecontainer {height: 100%;}


/* Logo */
div.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 135px;
	z-index: 10;
}

div.logo2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 135px;
	z-index: 12;
}

/* Topnavi */
div.topnavi {
	position: relative;
	float: left;
	width: 970px;
	height: 33px;
}

/* Wrapper left, navi and infos */
div.wrapperleft {
	position: relative;
	float: left;
	width: 166px;
	padding-right: 27px;
	padding-top: 100px;
}

/* Wrapper right, content */
div.wrapperright {
	position: relative;
	float: left;
	width: 777px;
	background: #ffffff url(../images/background_startseite.jpg) 15px 15px no-repeat;
	padding-bottom: 10px;
}	
	* html div.wrapperright {margin-right: -3px;}
	
	div.wrapperclipsite {
		position: relative;
		float: left;
		width: 777px;
		background: #ffffff url(../images/background_clipseite.jpg) 15px 15px no-repeat;
		padding-bottom: 10px;
		min-height: 750px;
	}	
		* html div.wrapperclipsite {height: 750px;}
	
	div.wrapperformular {
		position: relative;
		float: left;
		width: 777px;
		background: #ffffff url(../images/background_impressum.jpg) 15px 15px no-repeat;
		padding-bottom: 10px;
		min-height: 750px;
	}	
		* html div.wrapperformular {height: 750px;}
		
	div.wrapperstandard {
		position: relative;
		float: left;
		width: 777px;
		background: #ffffff url(../images/background_clipseite.jpg) 15px 15px no-repeat;
		padding-bottom: 10px;
		min-height: 750px;
	}	
		* html div.wrapperstandard {height: 750px;}
		
	div.wrapperlong {
		position: relative;
		float: left;
		width: 777px;
		background: #ffffff url(../images/background_impressum.jpg) 15px 15px no-repeat;
		padding-bottom: 10px;
	}	
	


div.footerwhite {
	position: relative; 
	float: right;
	width: 777px; 
	height: 15px; 
	background-color: #ffffff;
}

/* Footer clip information */
div.clipinformation	{
	position: relative;
	clear: both;
	padding: 15px 3px 0 193px;
}

	*:first-child+html div.clipinformation {padding-bottom: 20px;}
	* html div.clipinformation {margin-right: -3px; padding-bottom: 20px;}


	div.clipinformation	h1 {
		font-size: 12px;
		color: #ffffff;
		line-height: 17px;
		margin-bottom: 0;
		text-align: justify;
	}
	div.clipinformation	p {
		font-size: 11px;
		color: #ffffff;
		line-height: 15px;
		margin-bottom: 0;
		text-align: justify;
	}



/* ********************************************* */	
/* Top navi                                      */
/* ********************************************* */

/* Topnavi list */
div.topnavi ul {
	position: relative;
	float: right;
	list-style-type: none; 
	padding: 5px 17px 0 0;
}

	* html div.topnavi ul {margin-top: 4px;}
	
	/* Special style start button */
	div.topnavi ul.start {
		float: left;
		padding: 5px 0 0 210px;
	}

/* List elements */
div.topnavi ul li {
	float: left;
	padding-left: 30px;
}
	
	/* Special style start button */
	div.topnavi ul.start li {
		padding-left: 0;
	}

/* Link colors */
div.topnavi a:link, div.topnavi a:visited {
	color: #ffffff;
	text-decoration: none;
}

div.topnavi a:active, div.topnavi a:hover {
	color: #cccccc;
}

div.topnavi a.active {
	color: #cccccc;
}

/* ********************************************* */	
/* Main navi                                     */
/* ********************************************* */

/* Main navi */
div.navi {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 166px;
}

	/* Adjust registered character */
	div.navi sup {
		font-size: 9px;	
		vertical-align: text-top;
		padding-left: 2px;
	}
	
	/* Text style navi headlines */
	div.navi p {
		font-weight: bold;
		color: #ffffff;
		font-size: 14px;
		padding-left: 4px;
		margin-bottom: 6px;
	}
	
/* Navi list */	
div.navi ul {
	list-style-type: none; 
}

/* List elements */
div.navi li {
	width: 166px; 
	clear: both;
	border-bottom: 1px solid #dedede;
}
	div.navi li.clip01 {border-top: 1px solid #dedede;}
	div.navi li.info01 {border-top: 1px solid #dedede;}


/* Link styles */
div.navi a:link, div.navi a:visited {
	position: relative; 
	display: block; 
	width: 142px; 
	color: #ffffff; 
	text-decoration: none;
	outline: none;
	font-size: 14px;
	border-left: 14px solid #ffffff; 
	padding: 4px 0 3px 10px;	
}
	div.navi li.clip01 a:link, div.navi li.clip01 a:visited {border-color: #47a4ff;}
	div.navi li.clip02 a:link, div.navi li.clip02 a:visited {border-color: #33cccc;}
	div.navi li.clip03 a:link, div.navi li.clip03 a:visited {border-color: #000000;}
	div.navi li.clip04 a:link, div.navi li.clip04 a:visited {border-color: #e1a900;}
	div.navi li.clip05 a:link, div.navi li.clip05 a:visited {border-color: #ff6600;}
	div.navi li.clip06 a:link, div.navi li.clip06 a:visited {border-color: #ff6600;}
	div.navi li.clip07 a:link, div.navi li.clip07 a:visited {border-color: #ff6600;}
	div.navi li.clip08 a:link, div.navi li.clip08 a:visited {border-color: #ff6600;}
	div.navi li.clip09 a:link, div.navi li.clip09 a:visited {border-color: #a8a8a8;}
	div.navi li.clip10 a:link, div.navi li.clip10 a:visited {border-color: #c0b30c;}
	div.navi li.clip11 a:link, div.navi li.clip11 a:visited {border-color: #ff0066;}
	div.navi li.clip12 a:link, div.navi li.clip12 a:visited {border-color: #ff0000;}
	div.navi li.clip13 a:link, div.navi li.clip13 a:visited {border-color: #bb0000;}
	div.navi li.clip14 a:link, div.navi li.clip14 a:visited {border-color: #64439d;}
	
	div.navi li.info01 a:link, div.navi li.info01 a:visited {border-color: #eaeaea;}
	div.navi li.info02 a:link, div.navi li.info02 a:visited {border-color: #eaeaea;}
	div.navi li.info03 a:link, div.navi li.info03 a:visited {border-color: #eaeaea;}

/* Link styles, hover */
div.navi a:active, div.navi a:hover {
	position: relative; 
	display: block; 
	width: 142px; 
	color: #ffffff; 
	text-decoration: none;
	outline: none;
	font-size: 14px;
	border-left: 14px solid #ffffff; 
}
	div.navi li.clip01 a:active, div.navi li.clip01 a:hover {background-color: #47a4ff;}
	div.navi li.clip02 a:active, div.navi li.clip02 a:hover {background-color: #33cccc;}
	div.navi li.clip03 a:active, div.navi li.clip03 a:hover {background-color: #000000;}
	div.navi li.clip04 a:active, div.navi li.clip04 a:hover {background-color: #e1a900;}
	div.navi li.clip05 a:active, div.navi li.clip05 a:hover {background-color: #ff6600;}
	div.navi li.clip06 a:active, div.navi li.clip06 a:hover {background-color: #ff6600;}
	div.navi li.clip07 a:active, div.navi li.clip07 a:hover {background-color: #ff6600;}
	div.navi li.clip08 a:active, div.navi li.clip08 a:hover {background-color: #ff6600;}
	div.navi li.clip09 a:active, div.navi li.clip09 a:hover {background-color: #a8a8a8;}
	div.navi li.clip10 a:active, div.navi li.clip10 a:hover {background-color: #c0b30c;}
	div.navi li.clip11 a:active, div.navi li.clip11 a:hover {background-color: #ff0066;}
	div.navi li.clip12 a:active, div.navi li.clip12 a:hover {background-color: #ff0000;}
	div.navi li.clip13 a:active, div.navi li.clip13 a:hover {background-color: #bb0000;}
	div.navi li.clip14 a:active, div.navi li.clip14 a:hover {background-color: #64439d;}
	
	div.navi li.info01 a:active, div.navi li.info01 a:hover {background-color: #eaeaea; color: #6a6a6a;}
	div.navi li.info02 a:active, div.navi li.info02 a:hover {background-color: #eaeaea; color: #6a6a6a;}
	div.navi li.info03 a:active, div.navi li.info03 a:hover {background-color: #eaeaea; color: #6a6a6a;}


/* Link styles, active */
div.navi a.active, div.navi a.active:visited {
	color: #0873b1;
}

	div.navi li.active01 {background-color: #47a4ff;}
	div.navi li.active02 {background-color: #33cccc;}
	div.navi li.active03 {background-color: #000000;}
	div.navi li.active04 {background-color: #e1a900;}
	div.navi li.active05 {background-color: #ff6600;}
	div.navi li.active06 {background-color: #ff6600;}
	div.navi li.active07 {background-color: #ff6600;}
	div.navi li.active08 {background-color: #ff6600;}
	div.navi li.active09 {background-color: #a8a8a8;}
	div.navi li.active10 {background-color: #c0b30c;}
	div.navi li.active11 {background-color: #ff0066;}
	div.navi li.active12 {background-color: #ff0000;}
	div.navi li.active13 {background-color: #bb0000;}
	div.navi li.active14 {background-color: #64439d;}
	
	div.navi li.activeinfo01 {background-color: #eaeaea; color: #6a6a6a;}
	div.navi li.activeinfo01 a:link, div.navi li.activeinfo01 a:visited,
	div.navi li.activeinfo01 a:active, div.navi li.activeinfo01 a:hover {color: #6a6a6a;}
	
	div.navi li.activeinfo02 {background-color: #eaeaea; color: #6a6a6a;}
	div.navi li.activeinfo02 a:link, div.navi li.activeinfo02 a:visited,
	div.navi li.activeinfo02 a:active, div.navi li.activeinfo02 a:hover {color: #6a6a6a;}



/* Navi contact information */

/* Headline */
div.naviinfos p.headline {	
	padding-bottom: 5px;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
}

/* Text */
div.naviinfos p {
	font-weight: normal;
	line-height: 15px;
	font-size: 12px;
	color: #ffffff;
	padding-left: 6px;
	margin-bottom: 4px;
	padding-top: 2px;
	border: 0;
}

/* Arrows */
div.naviinfos span {
	font-size: 15px;
}

/* Link styles */
div.naviinfos a:link, div.naviinfos a:visited {
	width: 160px;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: 0;
}

div.naviinfos a:active, div.naviinfos a:hover {
	color: #cccccc;
}


/* ********************************************* */	
/* Startsite                                     */
/* ********************************************* */

/* Startsite wrapper */
div.startsite {	
	position: relative;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
}

	/* Kill gap */
	div.startsite img {
		display: block;	
	}
	
	

/* Clips wrapper */
div.clipauswahl {
	position: relative;
	float: left;
	padding-left: 8px;
	width: 550px;
}

	div.clipauswahl img {
		float: left;
	}

	/* Single clip */
	div.clip {
		position: relative;
		float: left;
		width: 132px;
		padding-right: 3px;
		padding-bottom: 9px;
	}

		/* Adjust registered character */
		div.clip sup {
			font-size: 9px;	
			vertical-align: text-top;
			padding-left: 2px;
		}

	/* Standard text link */
	div.clip a:link, div.clip a:visited {
		color: #6e6e6e;
		text-decoration: none;
		width: 132px;
		height: 200px;
		cursor: pointer;
	}
		
	/* Standard text link hover */
	div.clip a:active, div.clip a:hover {
		color: #008993;
	}
	
	/* Hover border for image, hidden */
	div.clip a span.cliphover {
		position: absolute;
		top: 0; 
		left: 0;
		width: 126px;
		height: 116px;
		z-index: 100;
		background: transparent url(../images/clipauswahl_hover.png) 0 0 no-repeat;
		display: none;
	}
		
		/* Show border for image on hover */
		div.clip a:hover span.cliphover {
			display: block;
		}	

	/* Text style product name */
	div.clip a strong {
		padding-left: 6px;
		float: left;
		width: 126px;
		margin-top: 1px;
	}
	
	/* Text style product info */
	div.clip a span {
		display: block;
		clear: both;
		padding-left: 6px;
		color: #6e6e6e;
		font-size: 11px;
		padding-top: 2px;
	}
	
	

/* News wrapper */
div.newswrapper {
	position: relative;
	float: left;
	margin-top: 30px;
	padding-left: 12px;
	width: 170px;
	border-left: 1px solid #d6d6d6;
}
	
	/* Graphic headline */
	div.newswrapper h3 {
		font-weight: bold;
		font-size: 10px;
		height: 16px;
		overflow: hidden;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	div.newswrapper h3 em {
		display: block; 
		background-repeat: no-repeat;
		height: 16px;
	}


	/* Single news */
	div.news {
		position: relative;
		float: left;
		width: 170px;
		margin-bottom: 10px;
	}
	
		/* News image */
		div.news img {
			position: relative;
			float: right;
		}
	
		/* News headline */
		div.news h2 {
			font-size: 11px;
			color: #6a6a6a;
		}
		
			/* Link styles news headline */
			div.news h2 a:link, div.news h2 a:visited {
				color: #6a6a6a;
			}
			
			div.news h2 a:active, div.news h2 a:hover {
				color: #008993;
			}
			
			/* Adjust registered character */
			div.news h2 sup {
				font-size: 9px;	
				vertical-align: text-top;
				padding-left: 2px;
			}
		
		/* News text */
		div.news p {
			font-size: 11px;
			line-height: 14px;
			color: #6a6a6a;
		}
		
		/* Link styles news more link */
		div.news a:link, div.news a:visited {
			font-size: 11px;
			line-height: 14px;
			color: #008993;
			text-decoration: none;
		}
		
		div.news a:active, div.news a:hover {
			color: #6a6a6a;
		}



/* ********************************************* */	
/* Clipsite                                      */
/* ********************************************* */


/* *********************** */	
/* Clip sitenavi           */
/* *********************** */

/* Sitenavi list */
div.sitenavi {
	position: relative;
	float: left;
	width: 487px;
	padding-top: 70px;
	padding-left: 270px;
}

/* Special sitenavi */
div.sitenavispecial {
	width: 587px;
	padding-top: 90px;
	padding-left: 170px;
}

	/* Sitenavi list */
	div.sitenavi ul {
		position: relative;
		float: left;
		list-style-type: none; 
		width: 487px;
	}
	
		/* List elements */
		div.sitenavi ul li {
			float: left;
			padding-right: 30px;
		}
			div.sitenavispecial ul li {padding-right: 24px;}
		
			div.sitenavi ul li.last {padding-right: 0;}

			

	/* Arrows */
	div.sitenavi span {
		font-size: 15px;
	}

	/* Link colors */
	div.sitenavi a:link, div.sitenavi a:visited {
		font-weight: bold;
		color: #8d8d8d;
		text-decoration: none;
		font-size: 13px;
	}
		div.sitenavi a:active, div.sitenavi a:hover {color: #000000;}
		div.sitenavi a.active:link, div.sitenavi a.active:visited, div.sitenavi a.active:active, div.sitenavi a.active:hover {color: #000000;}
	
	
	
/* *********************** */	
/* Clip styles global      */
/* *********************** */	
		
/* Clipsite wrapper */
div.clipsite {	
	position: relative;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
}	


/* Left content */
div.clipdisplay {
	position: relative;
	float: left;
	width: 270px;
	min-height: 100px;
}

div#flashcontent {
	width: 270px;
}

/* Right content */
div.clipcontent {
	position: relative;
	float: left;
	width: 470px;
	padding-top: 20px;
}

	/* Main headline */
	div.clipcontent h1 {
		font-size: 24px;
		padding-bottom: 10px;
	}
	
		/* Adjust registered character */
		div.clipcontent h1 sup {
			font-size: 14px;	
			vertical-align: text-top;
			padding-left: 2px;
		}
		
		/* Headline colors */
		h1.factotumclip {color: #47a4ff;}
		h1.maximusclip {color: #33cccc;}
		h1.maximuslabelclip {color: #000000;}
		h1.axionclip {color: #e1a900;}
		h1.promoclip {color: #ff6600;}
		h1.promobudgetclip {color: #ff6600;}
		h1.bigpromoclip {color: #ff6600;}
		h1.xlmoneyclip {color: #ff6600;}
		h1.lasergravuren {color: #a8a8a8;}
		h1.markclip {color: #c0b30c;}
		h1.cornerclip {color: #ff0066;}
		h1.primusclip {color: #ff0000;}
		h1.unusclip {color: #bb0000;}	
		h1.adclip {color: #64439d;}	
		
	
	
	div.clipcontent a:link, div.clipcontent a:visited {
		color: #008993;
	}

	div.clipcontent a:active, div.clipcontent a:hover {
		color: #000000;
	}	

/* *********************** */	
/* Clipsite Description    */
/* *********************** */


/* Standard content text */
div.clipdescription p {
	font-size: 13px;
	line-height: 18px;
}


/* Info table */
div.clipdescription table {
	margin-top: 10px;
}

	div.clipdescription td {
		line-height: 18px;
		font-size: 13px;
	}


/* Info list */
div.clipdescription div.clipcontent ul {
	list-style-type: none;
	margin-bottom: 12px;
	margin-top: 20px;
}
		
	div.clipdescription div.clipcontent ul li {			
		font-size: 13px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 16px;
		line-height: 18px;
	}
		* html div.clipdescription div.clipcontent ul li {height: 0;}


/* Skizzen box */
div.skizzenbox {
	position: relative;
	float: left;
	margin-top: 30px;
}
	* html div.skizzenbox {margin-right: -3px;}
	
	/* Box header */
	div.skizzenbox h3 {
		font-size: 12px;
		height: 17px;
		padding: 1px 0 0 5px;
		color: #ffffff;
		width: 445px;
		background-color: #999999;
		margin-bottom: 10px;
	}	
	
	/* Box content */
	div.skizzenbox div.boxcontent {
		position: relative;
		float: left;
		border-top: 0;
		width: 450px;
		height: 145px;
	}
		* html div.skizzenbox div.boxcontent img {display: none;}

		div.skizzenbox div.skizze_factotumclip {height: 145px;}
		div.skizzenbox div.skizze_maximusclip {height: 175px;}
		div.skizzenbox div.skizze_maximuslabelclip {height: 175px;}
		div.skizzenbox div.skizze_promoclip {height: 160px;}
		div.skizzenbox div.skizze_promobudgetclip {height: 160px;}
		div.skizzenbox div.skizze_bigpromoclip {height: 180px;}
		div.skizzenbox div.skizze_xlmoneyclip {height: 205px;}
		div.skizzenbox div.skizze_markclip {height: 155px;}
		div.skizzenbox div.skizze_primusclip {height: 150px;}
		div.skizzenbox div.skizze_unusclip {height: 130px;}
		div.skizzenbox div.skizze_axionclip_01 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_02 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_03 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_04 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_05 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_06 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_07 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_08 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_09 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_10 {height: 155px;}
		div.skizzenbox div.skizze_axionclip_11 {height: 155px;}
		div.skizzenbox div.skizze_cornerclip {height: 130px;}
		div.skizzenbox div.skizze_adclip {height: 155px;}
	
	
	/* Small info text */
	div.clipdescription div.clipcontent p.small {
		position: relative;
		float: left;
		font-size: 11px;	
		line-height: 12px;
		margin-top: 5px;
	}




/* *********************** */	
/* Clipsite Prices         */
/* *********************** */


/* Left content */
div.clippreise div.clipdisplay {
	position: relative;
	float: left;
	width: 170px;
}

/* Right content */
div.clippreise div.clipcontent {
	position: relative;
	float: left;
	width: 510px;
	padding-top: 20px;
}
	
	/* Main headline */
	div.clippreise div.clipcontent h1 {
		padding-bottom: 0;
	}

	
/* Price table */
div.clippreise table {
	margin-top: 10px;
	margin-bottom: 5px;
}

	div.clippreise td, 
	div.clippreise th {
		line-height: 18px;
		text-align: right;
		font-size: 12px;
		border-bottom: 1px solid #cccccc;
		padding-left: 6px;
		padding-right: 6px;
	}
	
	div.clippreise th {
		background-color: #999999;
		color: #ffffff;
	}

	div.clippreise td.rowhead, 
	div.clippreise th.rowhead {
		text-align: right;
		font-weight: bold;
	}
	
	div.clippreise td.rowhead2, 
	div.clippreise th.rowhead2 {
		text-align: left;
		font-weight: bold;
	}

	/* Small info text */
	div.clippreise p.small {
		font-size: 11px;	
		line-height: 12px;
		margin-top: 5px;
		margin-bottom: 20px;
	}


/* Info definition list */
dl {
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

	dt {
		font-weight: bold;
		line-height: 18px;
		font-size: 12px;
	}

	dd {	
		line-height: 18px;
		font-size: 12px;
	}


/* Icons */
div.preispdf, div.preisrechner, div.layoutpdf {
	position: absolute;
	top: 70px;
	left: 50px;
	z-index: 20;
}
	div.preisrechner {top: 170px;}
	div.layoutpdf {top: 275px; left: 34px;}


a.preispdf:link, a.preispdf:visited,
a.preisrechner:link, a.preisrechner:visited,
a.layoutpdf:link, a.layoutpdf:visited{
	position: relative;
	float: left;
	width: 70px;
	font-size: 11px;
	padding-top: 52px;
	background: url(../images/icon_pdf.png) 0 0 no-repeat;
	cursor: pointer;
	text-align: center;
}
	a.preisrechner:link,
	a.preisrechner:visited
	{background: url(../images/icon_rechner.png) 0 0 no-repeat;}
	
	a.layoutpdf:link,
	a.layoutpdf:visited
	{width: 100px; background: url(../images/icon_pdf2.png) 0 0 no-repeat;}


	a.preispdf:active, a.preispdf:hover,
	a.preisrechner:active, a.preisrechner:hover, 
	a.layoutpdf:active, a.layoutpdf:hover {
		color: #008993;
	}


/* *********************** */	
/* Clipsite Anfrage        */
/* *********************** */


/* Left content */
div.clipanfrage div.clipdisplay {
	position: relative;
	float: left;
	width: 170px;
}

/* Right content */
div.clipanfrage div.clipcontent {
	position: relative;
	float: left;
	width: 510px;
	padding-top: 20px;
}

	/* Main headline */
	div.clipanfrage div.clipcontent h1 {
		padding-bottom: 10px;
	}


	/* Standard content box */
	div.standardbox {
		position: relative;
		float: left;
		margin-bottom: 10px;
	}
		* html div.standardbox {margin-right: -3px;}


		/* Box header */
		div.standardbox h3 {
			font-size: 12px;
			height: 17px;
			padding: 1px 0 0 5px;
			color: #ffffff;
			width: 505px;
			background-color: #999999;
		}

		/* Box content */
		div.standardbox div.boxcontent {
			position: relative;
			float: left;
			border-top: 0;
			padding: 10px 0 0 5px;
			width: 505px;
		}
			html:first-child div.standardbox div.boxcontent {padding-bottom: 0;} /* Opera 8 */


/* Info list */
div.clipanfrage div.clipcontent ul {
	list-style-type: none;
	margin-bottom: 12px;
	margin-top: 20px;
}
		
	div.clipanfrage div.clipcontent ul li {			
		font-size: 13px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 16px;
		line-height: 18px;
	}
		* html div.clipanfrage div.clipcontent ul li {height: 0;}


/* *********************** */	
/* Clipsite Standard       */
/* *********************** */

/* Left content */
div.clipstandard div.clipdisplay {
	position: relative;
	float: left;
	width: 170px;
}

/* Right content */
div.clipstandard div.clipcontent {
	position: relative;
	float: left;
	width: 510px;
	padding-top: 20px;
}

	/* Main headline */
	div.clipstandard div.clipcontent h1 {
		padding-bottom: 10px;
	}



/* Info list */
div.clipstandard div.clipcontent ul {
	list-style-type: none;
	margin-bottom: 12px;
	margin-top: 20px;
}
		
	div.clipstandard div.clipcontent ul li {			
		font-size: 13px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 16px;
		line-height: 18px;
	}
		* html div.clipstandard div.clipcontent ul li {height: 0;}


/* ************************************************************************** */	
/* FORMULARE                                                                  */
/* ************************************************************************** */	
	
/* *********************************** */
/* Standard form styles                */
/* *********************************** */		
	
/* Standard fieldset */		
fieldset {
	position: relative;
	float: left;
	padding-right: 25px;
	border: 0;
}	
	/* Last one without padding */	
	fieldset.last {padding-right: 0;}
	
	
	fieldset span.hinweis {
		position: relative;
		clear: both;
		display: block;
		font-size: 11px;
		padding-left: 65px;
		margin-bottom: 0;
		margin-top: -4px;
		width: 150px;
	}
	
		* html fieldset span.hinweis {margin-top: 0;}
		*:first-child+html fieldset span.hinweis {margin-top: 0;}
	
	p.clipinfo {
		position: relative;
		clear: both;
		float: left;
		margin-top: -6px;
		margin-bottom: 4px;
		padding-left: 22px;
		line-height: 14px;
		width: 450px;
	}
	
		* html fieldset p.clipinfo {padding-left: 24px;}
		*:first-child+html p.clipinfo {padding-left: 24px;}
	
	fieldset.hidden {
		padding: 0;
		height:0; 
		line-height: 0;	
	}
	
	/* Standard label */	
	label {
		position: relative;
		float: left;
		font-size: 12px;
		color: #666666;
		margin: 3px 0 6px 0;
		cursor: pointer;
		width: 70px;
	}
	
	/* Standard input field */	
	input {
		position: relative;
		float: left;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #6e6e6e;
		border: 1px solid #bbbbbb;
		padding: 2px 4px 2px 4px;
		width: 162px;
		background-color: #ffffff;
	}	
		* html input {width: 161px;}
	
		input:focus {color: #000000;}
		
	/* Standard textarea */	
	textarea {
		position: relative;
		float: left;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #6e6e6e;
		border: 1px solid #bbbbbb;
		padding: 4px;
		margin-bottom: 0px;
		width: 489px;
		height: 60px;
		background-color: #ffffff;
	}			
		textarea:focus {color: #000000;}
		

/* *********************************** */
/* Fieldset with input fields          */
/* *********************************** */	

/* Input fields label */	
fieldset.inputfields label {
	width: 65px;	
}


div#upload input {
	margin: inherit; 
	margin-bottom: 4px;
	width: 220px; 
	margin-right: 20px;
	height: auto; 
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
}

div#upload input.last {
	margin-right: 0px;
}

div#uploadhint {
	position: absolute;
	left: 40px;
	top: -200px;
	width: 420px;
	height: 170px;
	background-color: #008993;	
	border: 1px solid #ffffff;
	z-index: 100;
	display: none;
}

	div#uploadhint p {
		color: #ffffff;
		text-align: center;
		padding-top: 20px;	
	}

/* *********************************** */
/* Fieldset with checkboxes            */
/* *********************************** */	

/* Checkbox label */	
fieldset.checkboxes label {
	margin: 0 0 8px 0;
	width: auto;
}

/* Checkbox */	
fieldset.checkboxes input {
	width: auto;
	height: 15px;
	border: 0;
	margin-right: 8px;
	cursor: pointer;
	background: inherit;
	background-image: none;
	padding: 1px;
}
	* html fieldset.checkboxes input {margin-right: 4px; margin-top: 1px; background-color: transparent;}
	*:first-child+html fieldset.checkboxes input {margin-right: 4px; margin-top: 1px; background-color: transparent;}


	
fieldset.axion {
	margin: 0;
	padding-right: 5px;
	width: 40px;
}

fieldset.axion label img {
	float: left;
}

fieldset.axion input {
	clear: both;
	margin-left: 13px;
}
	* html fieldset.axion input {margin-left: 10px;}

/* *********************************** */
/* Fieldset checkbox and input fields  */
/* *********************************** */	

fieldset.checkboxesinputfields label {
	margin: 15px 0 8px 0;
	width: 60px;
}

fieldset.checkboxesinputfields input {
	width: auto;
	height: 15px;
	border: 0;
	margin-right: 8px;
	margin-top: 15px;
	cursor: pointer;
	background: inherit;
	background-image: none;
	padding: 1px;
}
	* html fieldset.checkboxesinputfields input {background-color: #ffffff;}
	*:first-child+html fieldset.checkboxesinputfields input {background-color: #ffffff;}

fieldset.checkboxesinputfields input.checkboxinput {
	position: relative;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	border: 1px solid #e2e2e2;
	padding: 4px 6px 4px 6px;
	width: 200px;
	background: #f8f8f8;
	margin-bottom: 8px;
	margin-top: 10px;
	cursor: text;
}


/* *********************************** */
/* Button                              */
/* *********************************** */	

div.button {
	position: relative;
	float: left;
	border: 1px solid #008993;	
	margin-left: 7px;
}
	html:first-child div.button {margin-bottom: 20px;} /* Opera 8 */
	
	* html div.button {border:0; margin-left: 3px;}
	*:first-child+html div.button {border:0; margin-left: 3px;}

	div.button input {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		position: relative;
		float: left;
		width: 140px;
		font-weight: bold;
		color: #ffffff;
		margin: 1px;
		border: 0;
		padding: 3px 7px 3px 7px;
		background: #008993;
		cursor: pointer;
		overflow: visible; /* IE 6/7 - width of button */
	}

		* html div.button input {padding: 3px 10px 3px 10px; } /* IE 6 */
		*:first-child+html div.button input {padding: 3px 10px 3px 10px;} /* IE 7 */
	
		
		div.button input:hover {		
			background: #666666;
			cursor: pointer;
		}













/* ************************************ */
/* Product scroll display               */
/* ************************************ */

div.scrollproducts {
	position: relative;
	float: left;
	padding-bottom: 20px;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 450px;	 
	height: 160px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#clipitems {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* single item */
#clipitems div {
	float:left;
	width:450px;
	height:160px;
	color:#ffffff;
}






/* ************************************************************************** */	
/* HIGHSLIDE                                                                  */
/* ************************************************************************** */	



.highslide-html {
	padding: 10px;
	background-color: white;
}

.highslide-html-content {
	display: none;
	
}
.highslide-header {
}

.highslide-html-content h3 {
	position: relative;
	font-size: 11px;
	border: 1px solid #e2e2e2;
	height: 17px;
	padding: 3px 0 0 7px;
	color: #666666;
	background-color: #f8f8f8;
}

.highslide-html-content h3 a:link, .highslide-html-content h3 a:visited {
	font-family: arial;
	position: absolute;
	right: 0;
	font-weight: bold;
	margin-right: 0px;
	color: #666666;
	width: 24px;
	text-align: center;
}

.highslide-html-content h3 a:hover, .highslide-html-content h3 a:active {
	color: #008993;
}
.highslide-header .highslide-move a {
	cursor: move;
}

.highslide-body {
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
}