

/***************************************
	Standard-Formen
****************************************/

* html body{
	behavior: url(/javascript/csshover.htc); 
	behavior: url(/javascript/pngfix.htc); 
}

html {
	font-size: 62.5%;
}

body {
	font-family: "Lucida Grande", Tahoma;
	width: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:Ó; }
abbr,acronym { border:0; }

A {
	text-decoration: none;
	color: #0194aa;
}

div#site{
	width: 950px;
	/*margin: 0 auto;*/
}

/***************************************
	HEADER
****************************************/
div#site div#header{
	float: left;
	position: relative;
	background-image: url("images/background_header.jpg");
	background-color: #ffffff;
	width: 949px;
	height: 198px;
}
div#site div#header SPAN#welcome{
	float:left;
	margin-top: 160px;
	margin-left: 200px; 
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8em;
}
div#site div#header SPAN#language A.de {
	float:left;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-image: url("images/de.png");
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: right bottom;
	font-size: 0.9em;
}

div#site div#header SPAN#language {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 30px;
	margin-top: 180px;
}

A.fr {
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-image: url("images/fr.jpg");
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: right bottom;
	font-size: 0.9em;
}

/***************************************
	CONTENT
****************************************/

div#site div#content{
	width: 950px;
	float: left;
	background-image: url("images/background_column_left.png");
	background-repeat: repeat-y;
}

/***************************************
	NAVIGATION
****************************************/

div#site div#content div#column_left{
	width: 155px;
	position: relative;
	float: left;
	border-top: 1px solid #ffffff;
}

div#site div#content div#column_left div#background_navi{
	background-image: url("images/background_navi_left.png");
	position: absolute;
	height: 242px;
	width: 98px;
	top: -1px;
}

*html div#site div#content div#column_left div#background_navi{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/styles/images/background_navi_left.png", sizingMethod="size");
}

div#site div#content div#column_left UL {
	text-align:right;
	list-style: none;
	width:154px;
	padding-top: 30px;
}

div#site div#content div#column_left UL LI {
	padding-top: 2px;
	padding-bottom: 6px;
	margin-bottom: 3px;
}

div#site div#content div#column_left UL LI A {
	font-size: 1.1em;
	color: #B4EDF6;
	position:relative;
	margin-right: 17px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#site div#content div#column_left UL LI.active,
div#site div#content div#column_left UL LI:HOVER{
	background-color: #2f8cbc;
	border-top: 1px solid #45a1cd;
	border-bottom: 1px solid #45a1cd;
	padding-top: 1px;
	padding-bottom: 5px;
	color: #ffffff;
}

div#site div#content div#column_left UL LI A:HOVER{
	color: #ffffff;
}

div#site div#content div#column_left IMG{
	float: left;
	padding-top: 65px;
	margin-left: 30px;
	margin-bottom: 150px;
	display:block;
}

/***************************************
	INHALT
****************************************/

div#site div#content div#column_center{
	width: 593px;
	position: relative;
	float: left;
	background-image: url("images/logo_context.png");
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

div#site div#content div#column_center div#context{
	margin-top: 50px;
	margin-left: 45px;
	margin-right: 45px;
	
}

div#site div#content div#column_center div#context H1 {
	color: #a8a8a8;
	margin-bottom: 10px;
	font-size: 1.4em;
}

div#site div#content div#column_center div#context H2 {
	color: #a8a8a8;
	margin-bottom: 10px;
	font-size: 1.2em;
}

div#site div#content div#column_center div#context p {
	color: #515151;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

div#site div#content div#column_center div#context strong {
	font-weight: bold;
}

div#site div#content div#column_center div#context hr.divider {
	display: block;
	border: 1px solid #a8a8a8;
	margin-bottom: 1em;
}

div#site div#content div#column_center div#context div#context_column_left{
	width: 235px;
	float: left;
	margin-right: 30px;
}

div#site div#content div#column_center div#context div#context_column_right{
	width: 235px;
	float: left;
}

/***************************************
	RECHTE SEITE
****************************************/

div#site div#content div#column_right{
	float: right;
}

div#site div#content div#column_right div#contact,
div#site div#content div#column_right div#addthis_toolbox,
div#site div#content div#column_right div#news,
div#site div#content div#column_right div#search {
	color: #fca120;
	width: 200px;
	margin-top: 15px;
	background-image: url("images/background_contact.png");
}

div#site div#content div#column_right div#contact div.background_contact_top,
div#site div#content div#column_right div#addthis_toolbox div.background_contact_top,
div#site div#content div#column_right div#news div.background_contact_top,
div#site div#content div#column_center div.background_contact_top,
div#site div#content div#column_right div#search div.background_contact_top {
	background-image: url("images/border_contact_top.jpg");
	background-repeat: no-repeat;
	width:200px;
	padding-top:10px;
}

div#site div#content div#column_right div#contact div.background_contact_bottom,
div#site div#content div#column_right div#addthis_toolbox div.background_contact_bottom,
div#site div#content div#column_right div#news div.background_contact_bottom,
div#site div#content div#column_right div#search div.background_contact_bottom {
	background-image: url("images/border_contact_bottom.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 6px;
	background-color: #ffffff;
}

div#site div#content div#column_right div#contact p,
div#site div#content div#column_right div#news p,
div#site div#content div#column_right div#search p {
	font-size: 1.1em;
	padding-left:10px;
	padding-right: 10px;
}


div#site div#content div#column_right div#news H2,
div#site div#content div#column_right div#addthis_toolbox H2,
div#site div#content div#column_right div#search H2 {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1.4em;
	color: #ffd200;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 5px;
}


div#site div#content div#column_right div#news div.newsitem{
	float: left;
	margin-bottom: 1em;
	border-bottom: 1px dotted  #ffd200;
	padding-bottom: 1em;
}


div#site div#content div#column_right div#news div.newsitem H3 {
	font-weight: bold;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 5px; 

}

div#site div#content div#column_right div#news div.newsitem img {
	float: right;
	border: 1px solid #808080;
	margin: 10px;
	margin-top: 0;
}

div#site div#content div#column_right div#news div.background_contact_top div.newsitem_last{
	margin-bottom: 0;
	border: none;
	padding-bottom: 0;
}

div#site div#footer{ 
	clear: both;
}


/***************************************
	Produkt
****************************************/

div#site div#content div#column_center div#context h2.productgroup {
	color: #a8a8a8;
	padding: 0.5em;
	background-image: url(images/productgroup-header.png);
	font-size: 1.2em;
	margin-bottom: 0;
	height: 17px;
}
div#site div#content div#column_center div#context span#preisliste {
	font-size:1.2em;
	margin-right:50px;
	margin-top:52px;
	position:absolute;
	right:0;
	top:0;
}
div#site div#content div#column_center div#context h2.productgroup a {
	color: black;
	display: block;
}

div#site div#content div#column_center div#context div.productlist {
	background-color: #F4F4F4;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 1em;
}

div#site div#content div#column_center div#context div.productlist ul {
	
}

div#site div#content div#column_center div#context div.productlist ul li {
	
}

div#site div#content div#column_center div#context div.productlist ul li img {
	float: left;
	margin-right: 15px;
}

div#site div#content div#column_center div#context div.productlist ul li h3 {
	
}

div#site div#content div#column_center div#context div.productlist ul li h3 a {
	
}

div#site div#content div#column_center div#context div.productlist ul li p {
	
}

/***************************************
	Download
****************************************/

div#site div#content div#column_center div#context h2.downloadgroup {
	color: #000;
	padding: 0.5em;
	background-image: url(images/productgroup-header.png);
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 0;
}

div#site div#content div#column_center div#context h2.downloadgroup a {
	color: black;
	display: block;
}

div#site div#content div#column_center div#context div.downloadlist {
	background-color: #F4F4F4;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}

div#site div#content div#column_center div#context div.downloadlist table {
	
}

div#site div#content div#column_center div#context div.downloadlist table td.file {
	width: 38px;
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

div#site div#content div#column_center div#context div.downloadlist table td.title {
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

div#site div#content div#column_center div#context div.downloadlist table td.title h3 {
	font-size: 1.1em;
	font-weight: bold;
}

div#site div#content div#column_center div#context div.downloadlist table td.title p {
	
}

div#site div#content div#column_center div#context div.downloadlist table td.system {
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

div#site div#content div#column_center div#context div.downloadlist table td.system p {
	
}

div#site div#content div#column_center div#context div.downloadlist table td.version {
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

div#site div#content div#column_center div#context div.downloadlist table td.version p {
	
}

div#site div#content div#column_center div#context div.downloadlist table td.download {
	border-bottom: 1px solid #E5E5E5;
	padding: 3px;
}

div#site div#content div#column_center div#context div.downloadlist table td.download p {
	text-align: center;
}

div#site div#content div#column_center div#context div.downloadlist table td.download p a .filesize {
	font-size: 0.85em;
}

/***************************************
	???????????
****************************************/

div#site div#content div#column_center div#context div#context_column_right div.image {
	float: left;
	width: 240px;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	position: relative;
}

div#site div#content div#column_center div#context div#context_column_right div.image img {
	border: 1px solid #000;
}

div#site div#content div#column_center div#context div#context_column_right div.image div.lupe {
	position: absolute;
	bottom: 40px;
	right: 100px;
}

div#site div#content div#column_center div#context div#context_column_right div.image div.lupe img {
	border: none;
}

div#site div#content div#column_center div#context div#context_column_right div.screenthumb {
	float: left;
	width: 117px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

div#site div#content div#column_center div#context div#context_column_right div.screenthumb img {
	border: 1px solid #000;
}

div#site div#content div#column_center div#context div#context_column_right div.screenthumb p.copyright {
	font-size: 0.8em;
	text-align: right;
	margin: 0;
	padding: 0;
}

div#site div#content div#column_center div#context div#context_column_right div.screenthumb a.zoomin {
	padding-left: 15px;
	background-image: url(images/zoomin.gif);
	background-position: center left;
	background-repeat: no-repeat;
	font-weight: normal;
	border-bottom: none;
	color: #595959;
}

div#site div#content div#column_center div#context div#context_column_right div.system_requirements {
	float: left;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F4F4F4;
	border: 1px solid #E5E5E5;
	padding: 1em;
}

div#site div#content div#column_center div#context div#context_column_right div.system_requirements h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}

div#site div#content div#column_center div#context div#context_column_right div.screenthumb div.lupe{
	position: absolute;
	bottom: 40px;
	right: 40px;
}
div#site div#content div#column_center div#context div#context_column_right div.screenthumb div.lupe IMG{
	border: none;

}

/***************************************
	HŠndler Item
****************************************/

div#site div#content div#column_center div#context div.reselleritem {
	float: left;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 8px;
	padding-top: 10px;
}

div#site div#content div#column_center div#context div.reselleritem h3 {
	color: #a8a8a8;
	font-size: 1.15em;
}

div#site div#content div#column_center div#context div.reselleritem p {
	
}

div#site div#content div#column_center div#context div.reselleritem p a {
	
}

/***************************************
	Schulung Liste
****************************************/

div#site div#content div#column_center div#context ul.traininglist {
	width: 100%;
	padding-bottom: 20px;
}

div#site div#content div#column_center div#context ul.traininglist li {
	padding-bottom: 5px;
	color: #515151;
}

div#site div#content div#column_center div#context ul.traininglist li a {
	
}
/****************************************/
div#site div#content div#column_center div#context ul.courseinfo {
	width: 100%;
	padding-bottom: 15px;
	list-style-type: circle;
}

div#site div#content div#column_center div#context ul.courseinfo li {
	padding-bottom: 5px;
	margin-left: 15px;
	color: #515151;
}

/***************************************
	FaQ Item
****************************************/

div#site div#content div#column_center div#context div.faqitem {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

div#site div#content div#column_center div#context div.faqitem p.product {
	font-size: 12px;
	font-weight: bold;
}

div#site div#content div#column_center div#context div.faqitem p.question {
	font-weight: bold;
}

div#site div#content div#column_center div#context div.faqitem p.answer {
	font-style: italic;
	margin-bottom: 10px;
}

/***************************************
	Preisliste
****************************************/

div#site div#content div#column_center div#context table.pricelist {
	width: 100%;
}

div#site div#content div#column_center div#context table.pricelist td.group_title {
	padding: 0.5em;
	background-image: url(images/productgroup-header.png);
	font-size: 1.2em;
}

div#site div#content div#column_center div#context table.pricelist td.product_title {
	background-color: #DFE0E0;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 0.5em;
	font-weight: bold;
}

div#site div#content div#column_center div#context table.pricelist td.flavor_title {
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 0.5em;
	padding-left: 1.5em;
}

div#site div#content div#column_center div#context table.pricelist td.price {
	width: 100px;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	text-align: right;
	padding: 0.5em;
}

/***************************************
	News Listitem
****************************************/

div#site div#content div#column_center div#context div.newslistitem {
	float: left;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 8px;
	padding-top: 10px;
}

div#site div#content div#column_center div#context div.newslistitem h3 {
	color: #a8a8a8;
	font-size: 1.15em;
}

div#site div#content div#column_center div#context div.newslistitem img {
	float: right;
	border: 1px solid #E5E5E5;
}

div#site div#content div#column_center div#context div.newslistitem p {
	
}

div#site div#content div#column_center div#context div.newslistitem p a {
	
}

/*********************************/
/* Suchergebniss
/*********************************/

div.percentageindicator {
	float: left;
	width: 70px;
	border-top: 1px solid #B3B3B3;
}

div.searchlistitem {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 5px;
	border-left: 1px solid #B3B3B3;
}

div.searchlistitem a {
	font-size: 1.2em;
	margin-bottom: 3px;
	line-height: 155%;
}

/*********************************/
/* Support
/*********************************/
div.supportitem {
	float: left;
	padding: 10px;
	padding-bottom: 5px;
	width: 480px;
	border: 1px solid #cbcbcb;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;	
	background-color: #f3f3f3;
	margin-bottom: 20px;
}

div#site div#content div#column_center ul {
	font-size: 100%;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: disc;
	margin-left: 20px;
}

div#site div#content div#column_center ul li {
	padding-bottom: 5px;
	color: #515151;
}

/*********************************/
/* Refernce Item
/*********************************/
div.reference_item {
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	width: 480px;
	border-bottom: 1px solid #cbcbcb;
}
