/* Start of CMSMS style sheet 'Layout: Web hematec Screen' */
/* CSS Document */
/*****************

/******************
TEXT Layout
******************/

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #013C6B;
}


div#contentwrapper {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #013C6B;
}

h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   color: #013C6B;
}


h2 {
   font-family: Arial, Helvetica,
   sans-serif;
   font-size:13px;
   font-weight:bold;
   color: #013C6B;
}
 
a:link {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

a:visited {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

a:active {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

a:hover {
   color: #012F54;
   text-decoration:underline;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

div#search {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #013C6B;
   font-weight:bold;
}

div#breadcrumbs {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #013C6B;
}

div#breadcrumbs a:link{
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
}

div#breadcrumbs:active{
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

div#breadcrumbs a:visited{
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
}


div#breadcrumbs a:hover {
   color: #012F54;
   text-decoration:underline;
   font-family:Arial,sans-serif;
   font-weight:bold;
}

div#breadcrumbs span.lastitem { 
   font-weight:bold; 
 }

div#relatives {
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #013C6B;
}

div#relatives h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   color: #013C6B;
   margin-bottom:2px;
}


div#relatives h2 {
   font-family: Arial, Helvetica,
   sans-serif;
   font-size:13px;
   font-weight:bold;
   color: #013C6B;
   margin-bottom:2px;
}
 
div#relatives a:link {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
}

div#relatives a:visited {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
}

div#relatives a:active {
   color: #012F54;
   text-decoration:none;
   font-family:Arial,sans-serif;
}

div#relatives a:hover {
   color: #012F54;
   text-decoration:underline;
   font-family:Arial,sans-serif;
}
/*****************
basic layout 
*****************/
html { height: 100%; margin-bottom: 1px; }

body {
   background-color: #FFFFFF;
   margin:1em; /* gives some air for the pagewrapper */
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/* center wrapper, min max width */
div#pagewrapper {
	position:absolute;
	display:block;
	border: none;
	top:0;
	left:0;
	width: 100%;
	margin: 0 0 auto;     /* this centers wrapper */
	background-color: #fff;
}


div#header{
	clear:both;
}

div#header_logo {
   	border: none;
	padding-left: 30px;
   	background-color: :#FFF;
}

div#top_nav {
		
}

div#search {
   top:0px;
   left:0px;
   padding-left:15px;
   height: 60px;  
   line-height: 60px;
}

input.searchtextbox {
   background-image:url('images/cms/search.jpg');  
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 20px;
}

div#breadcrumbs {
   padding-left: 15px;
}

div#breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

div#lang {
   top:0px;
   left:0px;
   padding-left:15px;
   height: 23px;  
   line-height: 23px;
}

div#left_nav {
	border: none;
	width: 160px;
}

div#content {
   padding: 0px 15px 15px 15px;
   background-color:#FFF;
}

div#relatives {
   top:0px;
   left:0px;
   padding-left:15px;
}

div#footer {
   font-family: Arial, Helvetica, sans-serif;
   font-size:10px;
   color: #FFFFFF;
   margin-left:auto; 
   margin-right:0;
}

div#catalogitem {
   padding: 5px 15px 15px 15px;
   background-color:#FFF;
}

div#clear {
	clear:both;
}


/* End of 'Layout: Web hematec Screen' */

/* Start of CMSMS style sheet 'Navigation: Web hematec' */
/********************
MENU - horizontal (Oben)
*********************/

/* hack for Internet Explorer */
* html div#nav_top{
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#nav_top{
   width: 100%;
   margin: 0;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#nav_top ul {
   margin: 0;
   padding: 0;
}


/* menu list items */
div#nav_top li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;
   border-right: 1px solid #FFFFFF;
}

div#nav_top {
   padding: 5px 5px 5px 5px; /*2.6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #FFFFFF;
   /* color: #012F54; */
   display: block; /* IE has problems with this, fixed above */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}


/* the links, that is each list item */
div#nav_top a {
   padding: 5px 5px 5px 5px; /*2.6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #FFFFFF;
   /* color: #012F54; */
   display: block; /* IE has problems with this, fixed above */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}


/* hover state for links */
div#nav_top li a:hover {
   /*background-color: #E9F0F8;*/
   text-decoration: underline;
}
div#nav_top a.activeparent:hover {
   /* background-color: #E9F0F8; */
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#nav_top li.activeparent a {
   color: #FFFFFF;
   font-weight:bold;
   /*background: #385C72 url(images/cms/arrow-down.gif) no-repeat 0.4em center; */
}

div#nav_top h3 {
   padding: 5px 5px 5px 5px; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;                           /* instead of the normal font size for <h3> */
   font-weight:bold;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


/********************
MENU - vertikal (Links)
*********************/
div#left_nav {
   width:100%;
}

/* menu li block */
#left_nav ul {
   left: 0px;
   padding-left: 0px;
   margin-left: 0px;
}

/* menu li block */
#left_nav li {
   list-style: none;
   text-align: center;
}


/* first level links */
div#left_nav a {
   text-decoration: none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   padding: 0px 3px 0px 3px;  /*padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #FFFFFF; /* this will be link color for all levels */
}


/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* hover state for all links */
div#left_nav a:hover {
   /*background-color: #E9F0F8; */
   text-decoration: underline;
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#left_nav h3 {
   display: block; /* IE has problems with this, fixed above */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   padding: 0px 3px 0px 3px;  /*padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #FFFFFF; /* this will be link color for all levels */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}
/* End of 'Navigation: Web hematec' */