/* HTML-Elemente */

body
{
	display:block;
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#FFFFFF;
	background:url('../../../../customGates/resources/binaries/universal/backgrounds/bg.gif') repeat scroll 0 0;
}

table 
{
	border-collapse:separate;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
	line-height:normal;
	text-align:start;
	white-space:normal;
	border-color:gray;
}

tbody 
{
	display:table-row-group;
	vertical-align:middle;
}

tr  
{
	display:table-row;
	vertical-align:inherit;
}

td
{
	display:table-cell;
	color:#000000;
	font-size:10pt;
}

input, select, option
{
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-size:10px;
}


a:link
{ 
	text-decoration:underline;
	color:#000099;
}

a:active
{
	text-decoration:none;
	color:#000099;
}

a:hover
{
	text-decoration:underline;
	color:#000099;
}

a:visited
{
	text-decoration:none;
	color:#000099;
}

/* Hintergrundfarben */

.bgcolor_dummy		{ background-color:#EFEFEF; }
.bg_darkblue		{ background-color:#74b3ef; }
.bg_lightblue		{ background-color:#d7e5f3; }
.bg_grey			{ background-color:#e7e7e7; }

/* Schriftgrössen */

.fontsize_dummy	{ font-size:20px; }

/* Schriftfarben */

.color_dummy		{ color:#990000; }

/* Schriftformatierungen */

.bold		{ font-weight:bold; }
.lowercase	{ text-transform:lowercase; }
.uppercase	{ text-transform:uppercase; }
.underline	{ text-decoration:underline }

/* Allgemein */
.hide
{
	display: none;
}


#layout 
{
	background:transparent url('../../../../customGates/resources/binaries/universal/backgrounds/bg_top.gif') repeat-x scroll center top;
	height:100%;
	min-height:100%;
	min-width:624px;
	padding-left:50px;
	padding-right:50px;
}

#head
{
	height:106px;
}

/**********
 * Header *
 **********/
 
#header 
{
	height: 87px;
}

#header #logo
{
	display:block;
	height:87px;
	left:42px;
	margin-left:10px;
	margin-top:0;
	position:absolute;
	text-decoration:none;
	top:4px;
	width:220px;
}

#header #esv
{
	float:right;
	margin-right:30px;
	margin-top:25px;
}

#header #shoppingcart
{
	margin-right:0;
	margin-top:36px;
	text-align:right;
}

#hdrtop 
{
	width:100%;
	height: 106px;
	background: url('../../../../customGates/resources/binaries/universal/backgrounds/hdrtop.gif') repeat-x top;
	
}

#hdrrgt 
{
	width:100%;
	height: 87px;
	background: url('../../../../customGates/resources/binaries/universal/backgrounds/hdrrgt.gif') no-repeat top right;
}

#hdrlft 
{
	width:100%;
	height: 87px;
	background: url('../../../../customGates/resources/binaries/universal/backgrounds/hdrlft.gif') no-repeat top left;
}

#functions 
{
	background:black url('../../../../customGates/resources/binaries/universal/backgrounds/fnccentre.gif') repeat-x scroll center top;
	height:19px;
	margin:0 9px 0 10px;
	overflow:hidden;
	padding-right:10px;
}

/**********
 * Footer *
 **********/
 
#crnlft 
{
	width: 100%;
	height: 100%;
	background: transparent url('../../../../customGates/resources/binaries/universal/backgrounds/blft.gif') no-repeat left top;
}

#crnrgt 
{
	width: 100%;
	height: 100%;
	background: transparent url('../../../../customGates/resources/binaries/universal/backgrounds/brgt.gif') no-repeat right top;
}

#footerbg 
{
	padding-left: 84px;
	padding-right: 83px;
}

#footerbg #bg 
{
	height: 105px;
	background: url('../../../../customGates/resources/binaries/universal/backgrounds/b.gif') repeat-x top;
}

#footerDefaults 
{
	margin-top: -105px;
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 200px;
	text-align: center;
	font-size: 9pt;
	overflow: hidden;
}
	
#footerDefaults #inner 
{
	border-top: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	color: #fff;
	padding-top: 3px;
}

#footerPagenav #inner a 
{
	color:#556677;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}

#footerPagenav #inner a:hover
{
/*	background-color:#EEEEEE;
	color:#000000; */
	
	text-decoration:underline;
}

#footerDefaults #inner a 
{
	color:#556677;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

#footerDefaults #inner a:hover 
{
/*
	background-color:#EEEEEE;
	color:#000000; */
	
	text-decoration:underline;
}

#footerDefaults #inner SPAN.trenner 
{
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
	
	
/* 
	Footer::Copyrighthinweis
*/
#footerCopyrightnote {
	margin-top: 0px;
	height: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 200px;
	
	text-align: center;
	color: #000;
	
	font-size: 9pt;
	overflow: hidden;
}

#footerCopyrightnote A {
	text-decoration: none;
}


/*
	Footer::Seitennavigation (up/back)
*/	
#footerPagenav {
	position: absolute;
	margin-top: -80px;
	height: 80px;
	width:200px;
	margin-left: 10px;
	margin-right: 10px;
}
	
#footerPagenav #inner {
	border-top: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 40px;
}


#footerPagenav #up {
	float: right;
	display: block; 
	height: 15px;
	width: 15px;
	background: url('../../../../customGates/resources/binaries/universal/icons/pfeilGrauOben.gif') no-repeat top left;
	text-decoration: none;
}
#footerPagenav #up:HOVER {
	background: url('../../../../customGates/resources/binaries/universal/icons/pfeilGrauObenA.gif') no-repeat top left;
} 

#footerPagenav #back {
	float: right;
	display: block; 
	height: 15px;
	width: 15px;
	margin-right: 5px;
	background: url('../../../../customGates/resources/binaries/universal/icons/pfeilGrauLinks.gif') no-repeat top left;
	text-decoration: none;
}
#footerPagenav #back:HOVER {
	background: url('../../../../customGates/resources/binaries/universal/icons/pfeilGrauLinksA.gif') no-repeat top left;
}
 
/********
 * Main *
 ********/

#cell
{
	background:transparent url('../../../../customGates/resources/binaries/universal/backgrounds/cntl.gif') repeat-y scroll left top;
	padding-left:11px;
	height:570px;
}

#left
{
	float:left;
	width:199px;
}

#content
{
	color:#000000;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

#content a 
{
	color:#305580;
	text-decoration:none;
}

#content a.link 
{
	background-image:url(customGates/resources/binaries/universal/icons/link.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}

#content a:hover 
{
	text-decoration:underline;
}

#content #vnavi 
{
	height:25px;
	overflow:visible;
	padding-bottom:5px;
	padding-top:5px;
}

#vnavi
{
	overflow:auto;
	margin-bottom:7px;
}

#vnavi #cpage 
{
	font-weight:bold;
}


#vnavi a 
{
	font-size:9pt;
	color:#000000;
	padding-left:2px;
	padding-right:2px;
}
#vnavi a:hover 
{
/*	background-color:#184F80;
	color:#FFFFFF; */
	text-decoration:underline;
}

#spacer
{
	background:transparent url('../../../../customGates/resources/binaries/universal/backgrounds/cntr.gif') repeat-y scroll right top;
	width:10px;
}

/**********
 * Search *
 **********/

#left #search 
{
	height:25px;
}

#left #search form 
{
	margin:0;
	padding:3px;
}

#left #search form #search 
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000000;
	float:left;
	font-size:12px;
	height:19px;
	width:165px;
}

/*********
 * Menue *
 *********/

#left #navigation 
{
	background-color:#FFFFFF;
	border-top:1px solid #E6E8EB;
	color:#FFFFFF;
	overflow:hidden;
}

#navigation
{
	margin-top:5px;
}

span.unsichtbar
{
	display:inline;
	height:0;
	left:-1000px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:0;
}

#navigation a
{
	text-decoration:none;
}

#navigation a.aktiveParent 
{
	font-weight:bold;
}

#navigation a.aktiveElement 
{
	font-weight:bold;
}

#navigation #root 
{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:10pt;
	margin-left:0;
	margin-right:0;
}

#navigation #root img 
{
	margin-left:10px;
}

#navigation ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#navigation ul li 
{
	margin:0;
	padding:0;
}

#navigation ul li a 
{
	background:#5A5A5A none repeat scroll 0 0;
	border-bottom:1px solid #323232;
	border-top:1px solid #7E877B;
	color:#FFFFFF;
	display:block;
	margin:0;
	padding:7px 10px;
}

#navigation ul li a:hover
{
	background-color:#4A6889;
	color:#FFFFFF;
}

#navigation ul li ul li 
{
	border:medium none;
	margin:0;
}

#navigation ul li ul li a 
{
	background:#F0F0F0 none repeat scroll 0 0;
	border-bottom:1px solid #D0D0D0;
	border-top:1px solid #EFEFEF;
	color:#666666;
	margin-left:0;
	padding-left:20px;
}

#navigation ul li ul li ul li a 
{
	margin-left:0;
	padding-left:30px;
}

#navigation ul li a:hover 
{
	background:#305580 url(none) repeat scroll 0 0;
	color:#FFFFFF;
}

#navigation ul li ul li a:hover 
{
	background:#4E76CC url(none) repeat scroll 0 0;
	color:#FFFFFF;
}

#navigation ul 
{
	background:#7E877B url('../../../../customGates/resources/binaries/universal/backgrounds/0lvbg.gif') repeat-y scroll left top;
}

#navigation ul li a 
{
	background:#7E877B url('../../../../customGates/resources/binaries/universal/backgrounds/1lvbg.gif') repeat-y scroll left top;
	border-bottom:1px solid #323232;
	border-top:1px solid #7E877B;
}

#navigation ul li ul li a 
{
	background:#7E877B url('../../../../customGates/resources/binaries/universal/backgrounds/2lvbg.gif') repeat-y scroll left top;
	color:#5C625A;
}

#navigation ul li ul li a.aktiveElement 
{
	color:#434742;
}

#navigation ul li ul li a.aktiveElement:hover 
{
	color:#FFFFFF;
}


/*********
 * Login *
 *********/
 
#loginbox 
{
	border-bottom:1px solid #CCCCCC;
	margin-top:20px;
}

#loginbox .header 
{
	background:#D0D0D0 url('../../../../customGates/resources/binaries/universal/backgrounds/bg_login.gif') repeat-x scroll center top;
	border-bottom:1px solid #BEBEBE;
	border-top:1px solid #CCCCCC;
	margin:0;
	font-weight:bold;
	overflow:hidden;
}

#loginbox div.inner 
{
	color:#3C3D3B;
	font-size:9pt;
	margin:5px 5px 5px 10px;
	text-transform:uppercase;
}

#loginbox #box 
{
	background:#FFFFFF url('../../../../customGates/resources/binaries/universal/backgrounds/col2bg.gif') scroll left top;
	text-align:center;
}
#loginbox #box #inner 
{
	padding:5px;
}

#loginbox #box #inner #login 
{
	background-color:transparent;
	font-weight:bold;
}

#loginbox #box #inner #username 
{
	margin-bottom:0.5em;
}

#loginbox #box #inner a 
{
	color:#305580;
	display:block;
	padding:2px;
	text-decoration:none;
}

#loginbox #box #inner a:hover 
{
/*	background-color:#4E76CC;
	color:#FFFFFF; */
	text-decoration:underline;
}



#newsletter 
{
	border-bottom:1px solid #CCCCCC;
	margin-top:20px;
}

#newsletter .header 
{
	background:#D0D0D0 url('../../../../customGates/resources/binaries/universal/backgrounds/bg_login.gif') repeat-x scroll center top;
	border-bottom:1px solid #BEBEBE;
	border-top:1px solid #CCCCCC;
	margin:0;
	font-weight:bold;
	overflow:hidden;
}

#newsletter div.inner 
{
	color:#3C3D3B;
	font-size:9pt;
	margin:5px 5px 5px 10px;
	text-transform:uppercase;
}

#newsletter #box 
{
	background-color:#EDEDED;
}
#newsletter #box #inner 
{
	padding:5px;
}

#newsletter #box #inner #login 
{
	background-color:transparent;
	font-weight:bold;
}

#newsletter #box #inner #username 
{
	margin-bottom:0.5em;
}

#newsletter #box #inner a 
{
	color:#305580;
	display:block;
	padding:2px;
	text-decoration:none;
}

#newsletter #box #inner a:hover 
{
	text-decoration:underline;
}

#newsletter #box #inner .submit { margin-top:3px; }
/***********
 * Content *
 ***********/

#content h1 
{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}

#content h1.line 
{
	border-bottom:1px solid black;
	color:#000000;
	font-size:16px;
	margin:0 0 1em;
	display:block;
}

#content h2 
{
	font-size:13px;
	font-weight:bold;
	margin:0px;
	display:inline;
}

#content h2.line 
{
	border-bottom:1px solid black;
	color:#000000;
	font-size:1.2em;
	margin:0 0 1em;
	display:block;
}

#content h2.keyword
{
	font-size:11px;
	font-weight:normal;
	margin:0 0 1em;
	display:inline;
}

#content h3
{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin:0 0 1em;
	display:block;
}
#content form h1 
{
	font-size:12pt;
	margin:0 0 15px;
	padding-bottom:10px;
	padding-left:5px;
	padding-top:5px;
}

#content form div.mfitem 
{
	padding-bottom:5px;
	width:100%;
}

#content form p 
{
	color:#000000;
}

#content div.mfitem label 
{
	color:#000000;
	margin:4px 0 0;
	padding:0;
	position:absolute;
	text-align:right;
	width:8em;
}

#content div.mfitem .notempty 
{
	color:#000000;
	font-weight:bold;
}

#content div.mfitem hr 
{
	color:#999999;
	margin-bottom:1em;
	margin-top:1em;
	width:60%;
}

#content small.error 
{
	color:#EE4A11;
	display:block;
	font-size:8pt;
	font-weight:bold;
	margin-left:8em;
	margin-top:0.5em;
}

#content div.error 
{
	color:#EE4A11;
	display:block;
	font-weight:bold;
	margin-top:0.5em;
}

#content div.errorbox 
{
	background-color:#EE4A11;
	border:1px solid black;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin-top:0.5em;
	padding:10px;
}

#content div.mfitem input.form, #content div.mfitem select.form, #content div.mfitem textarea.form 
{
	background-color:#FFFFFF;
	border:1px solid black;
	margin-left:8.5em;
	padding-left:5px;
	width:20em;
}

#content form a.button, #content form #submit 
{
	background:#226FB3 url('../../../../customGates/resources/binaries/universal/backgrounds/submitBackground.gif') repeat-x scroll left top;
	border:1px solid black;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:0.5em;
	padding:2px 1em;
	text-align:center;
}

#content form a.button 
{
	border:2px solid black;
	color:#000000;
	padding:2px 5em;
}

#content p, td, li 
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}

#content form a.button:hover 
{
	background-color:#CCEE63;
	color:#000000;
	text-decoration:none;
}

/* Breite Eingabefeld */
#content DIV.mfitem INPUT.form { width: 20em; }

/* Breite Feldbezeichnung */
#content DIV.mfitem LABEL { width: 8em; }
#content DIV.mfitem INPUT.form { margin-left: 8.5em; }
#content SMALL.error { margin-left: 10.5em; }
#content form #submit { margin-left: 8.5em; } 

#formular input 
{
	-moz-appearance:textfield;
	-moz-binding:url(chrome://global/content/platformHTMLBindings.xml#inputFields);
	-moz-user-select:text;
	background-color:-moz-field;
	border:2px inset threedface;
	color:-moz-fieldtext;
	cursor:text;
	font-family:-moz-use-system-font;
	font-size:-moz-use-system-font;
	font-size-adjust:-moz-use-system-font;
	font-stretch:-moz-use-system-font;
	font-style:-moz-use-system-font;
	font-variant:-moz-use-system-font;
	font-weight:-moz-use-system-font;
	letter-spacing:normal;
	line-height:normal !important;
	text-align:start;
	text-indent:0;
	text-rendering:optimizelegibility;
	text-shadow:none;
	text-transform:none;
	word-spacing:normal;
}

.displaynone {display:none;}

/****************
 * Produktliste *
 ****************/
 
#element1 { background-color:#EEEEEE; padding:8px;   }
#element2 { background-color:#DDDDDD; padding:8px;   }

#element1[id] { height:auto; }
#element2[id] { height:auto; }

/*****************
 * Rechte Spalte *
 *****************/
.rightbox
{
	margin-left:5px;
	margin-right:10px;
	text-align:center;
	padding:1px 5px 1px 5px;
}

.rightbox.headline
{
	font-size:1.2em;
	font-weight:bold;
}

a.tagcloudlink
{
	font-family:tahoma;
	text-decoration:none;
}
a.tagcloudlink:hover
{
/*	background-color:#4E76CC; */
	text-decoration:underline;
}

/******************
 * Produktansicht *
 ******************/
 
span#rubrik {
	color:#446FAA;
	font-weight:bold;
	text-align:right;
}

div#titel {
	border-bottom:1px solid #CCCCCC;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0.5em;
}

#content div#login {
	background:#D1D1D1 none repeat scroll 0 0;
	border:1px solid #808080;
	margin-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:180px;
}

#content div#login img {
	border:1px solid #808080;
	margin-top:10px;
}

div#ppd {
	background:#D1D1D1 url(/img/ppdbg.gif) repeat-x scroll center top;
	border:1px solid #808080;
	font-size:8pt;
	margin-bottom:1em;
	padding-bottom:10px;
	padding-top:3em;
	text-align:center;
	width:180px;
}

div#ppdp ul, div#ppd ul {
	margin:0;
	padding:0 0 0 28px;
	text-align:left;
}

div#ppdp ul li, div#ppd ul li {
	font-size:8pt;
	list-style-type:square;
	margin-top:10px;
}

div#ppd img {
	border:1px solid #808080;
}

div#anmerkung {
	clear:right;
	font-size:8pt;
}


/* Artikel Empfehlung */
.simplemodal-close { float:right; }
.modal_frame_recommend { padding:20px; }
.modal_frame_recommend .form_container { clear:both; padding-top:10px; margin-bottom:20px; font-size:12px; }
.modal_frame_recommend .field_container { clear:both; padding-bottom:10px; }
.modal_frame_recommend .field_label { clear:both; vertical-align:middle; margin-bottom:3px; }
.modal_frame_recommend .field_container input { width:270px; }
.modal_frame_recommend .field_container textarea { width:270px; }
.modal_frame_recommend .msgContainer {font-size:12px;}

/*******************
 * Kontaktformular *
 *******************/
 
.contact_label
{
	vertical-align:top;
	width:170px;
	text-align:right;
	padding:5px;
}


.contact_textfield
{
	border:1px solid black;
	width:265px;
	height:20px;
}

.contact_textarea
{
	border:1px solid black;
	width:265px;
}

.contact_checkbox
{
	margin:5px 0px;
}

/* Abonnement */
.download { margin: 8px 0px; background-color: rgb(217, 232, 246); padding:8px; }

/* Abonnement */
.abo {background:url(../../../../customGates/resources/binaries/universal/backgrounds/abo_bg.gif); height:386px; width:280px;
	background-repeat:no-repeat; float:left;}
.abo .abo-headline { float:left; font-weight: bold; margin-left:10px;}
.abo .abo-information { height:85px; margin-top:10px; font-weight:bold;}
.abo .abo-information ul {padding:10px 0px 0px 20px; margin:0px;}
.abo .abo-information select{ margin:10px 0px 5px 0px; font-size:11px;}
.abo .abo-information option{ font-size:11px;}
.abo .abo-information li {padding-bottom:5px; font-size:12px;}
.abo .abo-prices {height:40px; margin-bottom:15px;}
.abo .abo-prices .abo-price { font-weight:bold;}
.abo .abo-prices .abo-price-info {color:#a5a5a5; font-size:10px;}


/* Erweiterte Suche */
.ExtendedSearch {background-color:#d9e8f6; padding:8px;}
.ExtendedSearch .row {clear:both; padding-top:5px;}
.ExtendedSearch .label {width:100px; float:left;}
.ExtendedSearch .field {float:left;}
.ExtendedSearch .field input {width:200px; border:1px solid #74b3ef;}
.ExtendedSearch .field select {width:202px; border:1px solid #74b3ef;}
.ExtendedSearch .FreeTextSearch {margin-top:15px;}
.ExtendedSearch .CharacteristicsSearch {clear:both;padding-top:20px;}
.ExtendedSearch .Submit {clear:both;padding-top:20px;}
.ExtendedSearch .Notice {clear:both;padding-top:50px;}
.ExtendedSearch .Notice .headline {font-weight:bold;}

.multiuser-abo { margin: 8px 0px; background-color: rgb(217, 232, 246); padding:8px; }
.multiuser-abo .abo-text { float:left; font-weight: bold;}
.multiuser-abo .description { float:left; padding-top:10px; }
.multiuser-abo .abo-price { float:left; padding-top:10px; }
.multiuser-abo .abo-link { float:left; padding:10px 0px 0px 40px; }
.multiuser-abo .abo-pfeil { float:left; position:relative; top:2px;}
.multiuser-abo .abo-submit-button { background-color:#ffffff;color:#305580;border:none;cursor:pointer;
													font-size:10pt;position:relative;top:-3px;width:110px;height:20px;float:left; }
.multiuser-abo .abo-submit-button:hover { text-decoration:underline; }

.videoplayer {  height: 300px; }
.videoplayer a:link,
.videoplayer a:active,
.videoplayer a:visited { text-decoration:underline;font-family:Verdana,Arial,sans-serif; font-size:10px; color:#8dd1e6; }
.videoplayer  a:hover { text-decoration:none;font-family:Verdana,Arial,sans-serif; font-size:10px; color:#AAAAAA; }

.agb_inner_box	{ width:200px;  padding:5px; float: right; margin-top:30px; }
.agb_headline 	{ font-size:14px; font-weight: bold; }
.agb_subline	{ font-size:12px; font-weight: bold; }
.agb_subsubline	{ font-size:11px; font-weight: bold; }
.abg_box_grey	{ background-color:#bfbfbf;border: 1px solid black; padding:5px; }
.abg_box_white	{ background-color:#ffffff;border: 1px solid black; padding:5px; }
.agb_small		{ font-size:9px; }
.agb_black_border	{ border: 1px solid #000000;padding:5px; }