/* Default CSS Stylesheet for a new Web Application project 
   mark "!L" in style comment means that this style is important for page layout and is recommended to not change
			 this value unless you want to change page-layout (position of the DIVs)
*/

body
{
    /* font styles */
    font-family: Arial; /* element body margin */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; /* size of body */
    vertical-align: top;
    height: 100%;
    width: 100%; /* allows to set MainPage in the center of the IE browser. Does not work in FireFox.*/
    text-align: left;
}


/* this class contains all content on page including header and (possible) footer */
.MainPage
{
	height: 100%;	   /* !L */
	width: 100%;	   /* if you change this value, you also should change width in .ContentArticle */
	
	margin: 0px 0px 0px 0px;	
	vertical-align: top;
	background: #F1F1F1;   /* should be the same as .MainPageOverlay background */
	
	text-align: left;
	font-family: Arial;
			
		
	position: absolute;	/*  !L */
	left: 0px; 	
}
.MainPageOverlay
{
	padding: 4px 4px 4px 4px; /* !L */
	position: absolute;	      /* !L */
	background: white;	      /* should be the same as .MainPage background */
	height: auto;	          /* !L */
	width: 792px;			  /* !L */
}
/* combination of above 3 classes makes mainpage always fit to page height, but also allows overlay when needed.
It's made like this mainly due to FireFox.*/


/* Dropdown menu (main menu) */
/* if you don't want to change layout, do not change padding-* */

.CMSMenu { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; background-color: #f1f1f1;}
.CMSMenuItem
{
	padding-right: 11px;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 3px;
	width: 169px;
	height: 18px;
	color: black;
	padding-top: 3px;
	font-family: verdana;	
}
.CMSMenuItemMouseUp
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	color: black;
	padding-top: 2px;
	font-family: verdana;

	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	background: #ffffff;
	border-left: #999999 1px solid;
	color: black;
		height: 18px;

	border-bottom: #999999 1px solid;

}
.CMSMenuItemMouseOver
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	cursor: hand;
	color: white;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
	/*alex*/
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	background: #ffffff;
	border-left: #999999 1px solid;
	color: black;
		height: 18px;

	border-bottom: #999999 1px solid;

}
.CMSMenuItemMouseDown
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	color: black;
	padding-top: 2px;
	font-family: verdana;
		/*alex*/
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	background: #ffffff;
	border-left: #dcdcdc 1px solid;
	color: black;
		height: 18px;

	border-bottom: #dcdcdc 1px solid;
}
.CMSMenuHighlightedMenuItem
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	
	padding-top: 2px;
	font-family: verdana;
	
		/*alex*/
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	background: #ffffff;
	border-left: #999999 1px solid;
	color: black;
		height: 18px;

	border-bottom: #999999 1px solid;
}
.CMSMenuHighlightedMenuItemMouseUp
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	cursor: hand;
	color: white;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
		/*alex*/
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	background: #ffffff;
	border-left: #999999 1px solid;
	color: black;
		height: 18px;

	border-bottom: #999999 1px solid;
	
}
.CMSMenuHighlightedMenuItemMouseOver
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	cursor: hand;
	color: white;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
			/*alex*/
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	background: #ffffff;
	border-left: #999999 1px solid;
	color: black;
		height: 18px;

	border-bottom: #999999 1px solid;
}
.CMSMenuHighlightedMenuItemMouseDown
{
	padding-right: 10px;
	padding-left: 4px;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 169px;
	cursor: hand;
	color: white;
	padding-top: 2px;
	font-family: verdana;
	background-color: #808080;
			/*alex*/
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	background: #ffffff;
	border-left: #dcdcdc 1px solid;
	color: black;
		height: 18px;

	border-bottom: #dcdcdc 1px solid;

}


/* ############### CONTENT ############### */

/* envelopes content of the page, that mean ContentArticle and ContentNews*/
/* Because of incompatibilies between IE and FireFox, it's better not to use padding when you want to set DIV position.
   Therefore, it is soluted with 2 DIVs, where the inner DIV has set margin style. The effect is same as usign padding
   in outer DIV. Outer DIV is ContentNews and inner DIV ContentNewsPadding, or ContentArticle and ContentArticlePadding.*/

/* You can switch the position of panels (DIV) by switching float from left to right or right to left in 
   ContentArticle and ContentNews. */
.ContentArticle 
{
	float:left;
	width: 585px;
}
.ContentArticlePadding
{
	margin: 0px 0px 0px 0px;
}
/* Latest news box */
.ContentNews 
{
	float: right;
	width: 200px;
	background: #EFEFEF;
	border: 1px solid #C6C6C6;	
}
.ContentNewsPadding 
{
	margin: 3px 3px 3px 3px;
}
.LatestNews
{	
	text-align: left;
	width: 100%;
}
/* end Latest news */

/* panel, that contains link to administrator's mode (cmsdesk)*/
.AdminBar
{
	clear: both;	/* !L  clears the floating */
	height: 1.3em;	
		
	/*	border: 1px solid red;*/
}

/* ############### PRODUCTS ############### */

/* if you would like to move category panel to the right, set flow to right in class CategoryMenu
   and sets the width of ProductList panel and ProductViewer panel. */
.CategoryMenu
{
	float: left;
}
.CategoryMenuRight
{
	float: right;	
}
.PartnersMain
{
	float: left;
	width: 638px;	
}
.PartnersMenu
{
	float: right;
	width: 150px;
}
.ProductList 
{
	margin-left: 152px;
}
.RightColumn
{
	margin-left: 152px;
}	
.ProductViewer 
{
	margin-left: 155px;
	display: inline-block;
}




/* Products Listing */

.ProductListing
{
	border: 1px solid #E0E0E0; 
}
.ProductListingPadding
{
	margin: 4px 4px 4px 4px;
}

/* Left tree menu (see also TD) */

.CMSTreeMenuTable { width:150px; border-bottom: 1px solid #c2c2c2;}
.CMSTreeMenuItem { BACKGROUND: #E2E2E2;  padding: 2px; border: 1px solid #C2C2C2; border-bottom-width: 0px;}
.CMSTreeMenuSelectedItem { BACKGROUND: #808080; padding: 2px; border: 1px solid #606060; border-bottom-width: 0px;}
.CMSTreeMenuLink { COLOR: black; TEXT-DECORATION: none }
.CMSTreeMenuSelectedLink { COLOR: white; TEXT-DECORATION: none }


/* ############### OTHER TAGS ############### */
/* Left tree menu has items in element TD, so changing following style in TD change also those menu.*/
h1
{
	font-size:18px;
	margin: 5px 0px;
}

h2
{
	font-size:14px;
	margin: 8px 0px;
}

h3
{
	font-size:11px;
	margin: 10px 0px;
}

p 
{
	margin-top: 0px; /* !L - fit the paragraph to the top of parent box */
	margin-bottom: 1em; /* !L - makes a one line space under each paragraph */
}


/* SEARCH page - set the same width for dropDownList (in IE by default, but not in FireFox)*/
select.CMSSearchDialogSearchScopeDropDownList,
select.CMSSearchDialogSearchModeDropDownList
{
	width: 100%;
}

/* ############# EDIT MODE BUTTONS ################ */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	position:absolute;   
}

.CMSPageManager
{
	border: 1px solid darkgray;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}




/* Newsletter Subscription */
.CMSNewsletterSubscriptionTextBox
{
	width: 130px;
}

.ERegTextBox textarea
{
	overflow: hidden;
}


/* -------------------------------------------------------- remags baselayout ------------------------------------------------ */

.menu
{
     vertical-align: top;
}

.zoneheader
{
    vertical-align: top;
    text-align:right;
    background-image: url(images/zoneheader.gif);
    background-repeat:repeat-x;
    font-size: 11px;
	color: #494949;
	font-family: arial;
	padding-top:5px;
	padding-right:5px;
}

.zonebread
{
    vertical-align: top;
    background-image: url(images/zonebread.gif);
    background-repeat:repeat-x;

}

.zoneheaderimage
{
     vertical-align: top;
     background-color: #dbdcdf;
     height: 210px;
     
     
}

.zoneheadernavi
{
    vertical-align: top;
    background-color: #cccccc;
    border-top: white 1px solid;
    position: relative;
    top: -3px;
}

.zonecontent
{
     vertical-align: top;
     height:100%;
     padding-left: 20px;
     padding-top: 10px;
}

/* ------------------------------- breadcrubms -------------------------------- */

.breadstart
{
    padding-top:4px;
	color: #ea7900;
	font-size: 14px;
	font-family: arial;
    font-weight:bold;
}

.CMSBreadCrumbsLink:a
{
	text-decoration:none;
	color: #494949;
	font-size: 14px;
	font-family: arial;
    font-weight:bold;
}

.CMSBreadCrumbsCurrentItem
{
	text-decoration:none;
	color: #494949;
	font-size: 14px;
	font-family: arial;
    font-weight:bold;
}
/* ------------------------------- links -------------------------------- */

a
{
	text-decoration:none;
	color: #2D6CAD;
}
a:hover
{
	color: #ff9900;
	text-decoration: underline;
}

a:visited
{
	color: #2d6cad;
}

a:visited:hover
{
	color: #ff9900;
}

/* ------------------------------- Sitemap -------------------------------- */


.CMSSiteMapList { }

.CMSSiteMapListItem { list-style-image: url(images/arrow.gif);font-family: arial;font-size: 11px; } 

.CMSSiteMapLink { color: #2D6CAD; text-decoration:none; }



/* ------------------------------- default -------------------------------- */

.default_content_top
{
	padding-left: 0px;
}
.default_content_Center
{
    padding-top:10px;
    padding-left:20px;
}

.default_content
{
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 8pt;
	background-color: white;
}
.default_content_titel
{
   	padding-top: 20px;
	font-size: 16px;
	font-weight:bold;
	color: #ea7900;
	font-family: arial;
}

.default_content_list
{
    
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	font-size: 8pt;
}

.text
{
	font-size: 11px;
	font-family: arial;

}

























.ProductSummary
{
 width: 800px;
}


.ProductShortDescription
{
	margin-left: 0px;
	color: black;
}


.ProductInfo
{
	margin-left: 0px;
	color: black;
}

.ProductFooter
{
	margin-left: 115px;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	color: #ea7900;
}


	






.suche
{
	font-size: 10pt;
	color: white;
}

.footertext
{
	padding-left: 10px;
	font-size: 8pt;
	vertical-align: middle;
	color: white;
}

.footer
{
    position: fixed;
    bottom:0px;
    font-size: 8pt;
    width: 100%;
	border-top: silver 1px solid;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: white;
}
.homelinks
{
	padding-left: 25px;
	font-size: 8pt;
	line-height: 15pt;
	background-image: url(images/back_left.jpg);
	padding-top: 20px;
	background-repeat: repeat-x;
	background-color: #cdd3e1;
}
.homerechts
{
	padding-left: 20px;
	padding-top: 20px;
	font-size: 8pt;
	background-image: url(images/back_right.jpg);
	background-repeat: repeat-x;
	background-color: #EDEEF3;
}

.homerechtstext
{
	font-size: 8pt;
	line-height: 15pt;
}

.toolbar
{
	
	padding-right: 10px;
	border-top: #F1F1F1 1px solid;
	padding-left: 10px;
	font-size: 8pt;
	border-bottom: #F1F1F1 1px solid;
	background-color: white;
	padding-bottom: 1px;
}







.submenu
{
	font-size: 10pt;
	background: #588abf;
	vertical-align: top;
	color: white;
}

.content 
{
	margin-left:5px;
	background-color: #f1f1f1;
}



/* Kontaktform */

.EditingFormTextBox
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.EditingFormTextArea
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.EditingFormDropDownList
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}    
.EditingFormInfoLabel
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
    color: #ea7900;
}
.EditingFormLabel
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
}
.EditingFormErrorLabel
{
    width: 200px;
	font-size: 8pt;
    font-family: arial;
    color: #e2001a;
}
.FormButton
{
    background-color: #ff9900;
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: Tahoma;
    vertical-align: middle;
    text-align: left;
    padding-left: 5px;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.EditingFormCheckBoxList label
{
	font-size: 8pt;
    font-family: arial;
    padding-left: 2px;
    padding-bottom: 5px;
}