/* SITE CSS */

body
{
    padding: 0;
    margin: 0;
    color: #44474c;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background: transparent url("../images/body_bg.gif") repeat-x;
}
p
{
	font-size: 12px;
	line-height: 16px;
}
a
{
    color: #44474c;
}
a:hover
{
    color: #7d7d7d;
}
h1 a, h2 a, h3 a, h4 a, li a
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	text-decoration: none;
}
div#allcontent
{
	width: 960px;
    margin: 0 auto;
    padding: 0;
	background: transparent;
}
div#topcontent
{
	height: 164px;
	padding: 0px 10px 0px 20px;
	background:  url("../images/topcontent_bg.png") repeat-x;
	overflow: hidden;
}


/* PAGE HEADER */

div#header
{
    padding: 0;
    margin: 34px 0 0 0;
    height: 86px;
    width: 915px;
    overflow: hidden;
}

div#header h1
{
    font-size: 30px;
    text-align: right;
    padding: 30px 0 0 0;
    color: #44474c;
}

div#header h1 a
{
    text-decoration: none;
    color: #44474c;
}
div#keycolor /* no longer used */
{
    float: left;
    width: 330px;
    height: 115px;
    margin: 0px;
    background-color: transparent;
}

div#keyvisual
{
    float: left;
    width: 569px;
    height: 115px;
    margin: 0 15px 0 15px;
    background-color: #fff;
}



/* TOOLBARS */

div#toolbar-top
{
    border: 1px solid;
    padding: 13px 0 0 8px;
    text-align: right;
}

div#toolbar-top ul
{
    float: right;
}

div#toolbar-bottom
{
    margin-top: 8px;
    text-align: center;
}

div#toolbar-bottom ul
{
    padding: 0.5em 0 0.5em 0;
}

div#toolbar-bottom li.toolbar-item a
{
    font-weight: bold;
}

div#toolbar-top li.toolbar-item, div#toolbar-bottom li.toolbar-item
{
    border-right: 1px solid;
    display: inline;
    margin: 0;
    padding: 0 8px 0 8px;
    white-space: nowrap;
}

div#toolbar-top div.search-line, div#toolbar-bottom div.search-line
{
    display: inline;
    vertical-align: middle;
}

div#toolbar-top div.label, div#toolbar-bottom div.label
{
    display: inline;
    text-align: left;
}

div#toolbar-top div.search-line form, div#toolbar-bottom div.search-line form
{
    display: inline;
}

div#toolbar-top div.search-line div.optionblock input,
div#toolbar-top div.search-line div.optionblock label,
div#toolbar-right div.search-full div.optionblock input,
div#toolbar-right div.search-full div.optionblock label
{
    display: inline;
}

div#toolbar-top input.searchinput, div#toolbar-bottom input.searchinput
{
    height: 1.6em;
    width: 7em;
}

div#toolbar-top li.toolbar-item a, div#toolbar-bottom li.toolbar-item a
{
    text-decoration: none;
}

div#toolbar-top li.first, div#toolbar-bottom li.first
{
    display: inline;
}

div#toolbar-top li.last, div#toolbar-bottom li.last
{
    border-right: none;
    display: inline;
    padding-right: 0;
}

div#slogan
{
    border: 0px solid;
    margin: 12px 0 12px 0;
    padding: 0;
    float:left;
    /* border-bottom: 1px solid; */
}
/* TOP MENU */

div#topmenu
{
    border: 0px solid;
    margin: 12px 0 0 0;
    vertical-align: top;
    padding: 0;
    height:30px;
    float: right;
    /* border-bottom: 1px solid; */
}

div.topmenu-line
{
    border-bottom: 0px solid; /* This line needs to be set to avoid bug in IE */
}

div#topmenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

div#topmenu ul
{
    margin: 0;
    padding: 0;
}

div#topmenu li
{
    margin: 0;
    padding: 0;
    height: 30px;
   float: left;
    display: block;
    list-style-type: none;
   

}



div#topmenu li a
{
    color: #000000;
    text-decoration: none;

}

div#topmenu li a:hover
{
    color: #f0f0f8;
    text-decoration: none;
}



div#topmenu li.menu-level-0
{
    padding: 0px 10px 0 10px;
    
}

div#topmenu li.menu-level-0-selected
{
   
 padding: 0px 10px 0 10px;
 background:  url("../images/line_solid_h1px.gif") bottom left no-repeat;    

}

div#topmenu li.menu-level-0 a.selected, div#topmenu li.menu-level-0-selected a.selected
{
   
   color: #f0f0f8;

}

div#topmenu li.menu-level-1 a.selected, div#topmenu  li.menu-level-2 a.selected
{
    display:none;

}
div#topmenu li.menu-level-0 a, div#topmenu li.menu-level-0-selected a
{
	
	font-size: 12px;
	line-height: 14px;
    text-transform: lowercase;
    
}

div#topmenu li.menu-level-1 a, div#topmenu  li.menu-level-2 a
{
   display:none
   }


/* SUB MENU */

div#submenu
{
    border: 1px solid;
    /* margin-top: -1px; */
    padding: 0;
    border-bottom: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#submenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

div#submenu ul
{
    padding: 0;
    margin: 0;
}

div#submenu li
{
    margin: 0;
    float: left;
    display: block;
}

div#submenu li div.spacing
{
    padding: 0.2em 12px 0.3em 12px;
}

div#submenu li a
{
    text-decoration: none;
}

div#submenu li a:hover
{
    text-decoration: underline;
}


/* PATH */

div#path
{
	height: 50px;
	float: left;
}

div#path p
{
    margin: 0;
    font-size: 10px;
    text-transform: lowercase;
}

div#path p a
{
    text-decoration: none;
}
div#section
{
	float: right;
}
div#maincontent div#section h1
{
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #f0ca00;
}
div#pagenavigator {
	margin-top: 2em;
}

/* Searchbox */

div#searchbox
{
    width: 100%;
    text-align: center;
}


/* COLUMNS */

div#columns
{
    margin: 0;
    padding: 0;
    height: auto;
   
    
  
}

div#leftcontent
{
    float: left;
    margin: 0 0 20px 0;
    width: 244px;
   
    min-height: 400px;
	height: auto;
    background: #f0f0f8;
    padding:30px 0 20px 0px;
    padding:20px 0 20px 0px;
}

div#rightcontent
{
    
    float: right;
    width: 0px;
    margin: 0 0;
}

div#maincontent
{
    float: left;
	
	min-height: 400px;
	height: auto;
	background: #f0f0f8;


}

div.maincontent-both
{
    margin-left: 270px;
    margin-right: 270px;
}

div.maincontent-noleft
{
    margin-left: 0;
    margin-right: 270px;
}

div.maincontent-noright
{
    margin-left: 26px;
    margin-right: 0;
    width: 640px;
    margin: 0 0 20px 26px ;
	padding: 30px 0 20px 50px;
}

div.maincontent-no
{

    width: 960px;
    margin: 0 0 20px 0;
	padding: 30px 0 20px 0;
}

div#fix /* This style breaks the unwanted connection between the content of the maincontent box and the menues on the left and right in some browsers */
{
/*
	float: left;
    width: 100%;
*/
}

div.displaynone {
	display: none;
}


/* TREE MENUE */

div#treemenu
{
    padding: 0;
    
 overflow: hidden;
 

     
}

div#treemenu ul
{
    margin: 0 0 0 0;
    padding: 0;
   
}

div#treemenu div.menu-entry
{
   
}

div#treemenu li
{
    list-style-type: none;
    
   
   
    
}

div#treemenu li a
{
    color: #44474c;
    text-decoration: none;
    
}
div#treemenu li a:hover
{
    color: #000000;
    text-decoration: none;
}



div#treemenu li.menu-level-0 li.selected
{
    


   
   }
   
   div#treemenu li.menu-level-1
{
    
   

     background:  url("../images/line_dotted_h3px.gif") bottom left no-repeat;
}

   div#treemenu li.menu-level-1-selected 
{
     

     background:  url("../images/line_solid_h3px.gif") bottom left no-repeat;
}

div#treemenu li.menu-level-0 a.selected, div#treemenu li.menu-level-1 a.selected, div#treemenu li.menu-level-2 a.selected
{
    color: #000000;

}
div#treemenu li.menu-level-0, div#treemenu li.menu-level-0 a
{

	display:none;
	padding: 0;
	margin: 0;
	height: 0;
	
   
}

div#treemenu li.menu-level-0-selected
{
	font-size: 24px;
	line-height: 30px;
  
}

div#treemenu li.menu-level-0-selected ul
{
	margin-top: 16px;
  
}

div#treemenu li.menu-level-0-selected a
{
	font-size: 24px;
	line-height: 30px;
	padding-left: 20px;
   
}

div#treemenu li.menu-level-1 a, div#treemenu li.menu-level-2 a, div#treemenu li.menu-level-1-selected a, div#treemenu li.menu-level-2-selected a
{
    font-size: 12px;
	line-height: 30px;
    font-weight: normal;
    text-transform: lowercase;
    padding-left: 30px;
}

/* NAVIGATORS */

div.content-navigator
{
    display: block;
    clear: both;
}

div.content-navigator div
{
    display: inline;
    text-align: center;
}

div.content-navigator div.content-navigator-separator, div.content-navigator div.content-navigator-separator-disabled
{
    padding-left: 4px;
    padding-right: 4px;
}

div.content-navigator div.content-navigator-arrow
{
    font-size: 150%;
}


/* TOOLBOXES */

div.toolbox
{
    border: 1px solid;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
}

div.toolbox-design
{
    padding: 0px;
}

div.toolbox-design h2
{
    font-size: 1em;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.toolbox-design div.toolbox-content
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 10px;
}

div.toolbox-design input.searchtext, div.toolbox-design input.textinput
{
    height: 18px;
    width: 120px;
    border: 1px solid;
}

div.toolbox-design label
{
    font-weight: normal;
    margin-bottom: 0;
    padding: 6px 0 0 0;
}

div.toolbox-design form
{
    vertical-align: bottom;
}

div.toolbox-design div.info-text p
{
    font-weight: normal;
}

div.toolbox-design div.attribute-link p
{
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

div.toolbox-design div.attribute-link-disabled p
{
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}


/* TOOL LISTS */

div.toollist
{
    border: 1px solid;
    width: 100%;
    margin: 8px 0 8px 0;
}

div.toollist-design
{
    padding: 0px;
    border: 1px solid;
}

div.toollist-design h2
{
    font-size: 1em;
    margin-top: 0px;
    padding: 2px 0 3px 10px;
}

div.toollist-design div.content-view-children
{
    padding: 3px 10px 10px 10px;
}

div.toollist-design h3
{
    margin: 0;
    text-decoration: underline;
}

div.toollist-design div.class-article div.attribute-short p
{
    margin: 0;
}

div.toollist-design div.class-article div.attribute-link p
{
    margin: 0 0 10px 0;
}

div.toollist-design div.class-article div.attribute-link-disabled p
{
    font-weight: normal;
    padding: 0 0 0 6px;
    vertical-align: middle;
}


/* FOOTER */

div#footer
{
	background: #f0f0f8;
	clear: both;
    padding: 5px 0px 20px 0px;
    font-size: 9px;
    margin:0 auto 20px;
    width: 960px;
  text-align: center;
}

div#footer ul.pic-referenzen li, div#footer ul.metanavigation li
{
   padding: 0px 2px 0px 2px;
   float: left;
   display: block;
    list-style-type: none;
}

div#footer div.horiz-ruler
{
    
   padding:  0 0 0 0;
   width: 960px;
   height: 10px;
    background:  url("../images/line_dotted_h3px.gif") 0px 5px repeat-x;
}




div#footer address
{
    font-style: normal;
}

div#footer a
{
    text-decoration: none;
}


/* GENERAL ELEMENTS */

div#maincontent p.taglist
{
    font-size: 10px;
    font-weight: normal;
    color: #44474c;
}

div#maincontent h1
{
    font-size: 24px;
    font-weight: normal;
    color: #44474c;
    margin-top: 10px;
    padding-bottom: 17px;
}

div#maincontent h2
{
    font-size: 14px;
    font-weight: bold;
    color: #44474c;
    margin: 10px 0 10px;
}

div#maincontent h3
{
    font-size: 12px;
    font-weight: bold;
    color: #44474c;
}

div#maincontent h4
{
    font-size: 12px;
    font-weight: bold;
}

div#maincontent h5
{
    font-size: 12px;
    font-weight: bold;
}

div#maincontent a
{
    text-decoration: none;
    color: #333333;
}

div#maincontent a:hover
{
    text-decoration: none;
    color: #000000;
}

div#maincontent div.object-left
{
    width: 600px;
    margin: 1em 0 1em -105px;
    float: none;
    clear: none;
}
div#maincontent div.object-left div.attribute-image
{
    float: left;
}
div#maincontent div.object-left div.attribute-caption
{
    float: left;
    width: 200px;
    margin-left: 15px;
}
div#maincontent div.object-left div.attribute-caption p
{
    font-size: 10px;
    line-height: 12px;
    color: #44474c;
    margin-top: 0px;
}

div.related-images
{
	padding-top: 2em;
}
div.related-images div.class-image
{
	float: left;
	padding-right: 5px;
}

/* GENERAL TABLE */

table th
{
    background-color: #d9e5f2;
}

/* SUBMIT BUTTONS */


input.searchbutton
{
    border: 1px solid;
}

input.shopbutton
{
    border: 1px solid;
}

input.searchimage
{
    width: 18px;
    height: 18px;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}

div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    padding-top: 14px;
    padding-bottom: 6px;
    display: inline;
    clear: both;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 8px;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-left: 8px;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f8;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    margin-top: 2px;
    margin-bottom: 2px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f8;
}

input.box, textarea.box, input.halfbox, input.ezcc-pic_member {
	border: 1px solid #7d7d7d;
	margin:0.5em 0.5em 0 0;
	width: 50%;
	font-size:0.9em;
}

input.ezcca-pic_member_user_account {

		border: 1px solid #7d7d7d;
	margin:0.5em 0.5em 0 0;
	width: 100%;
	font-size:0.9em;
	
}

label {

font-weight: normal;
padding: 0 0 3px 1px;
}

input.defaultbutton, input.button  {
border: 1px solid #7d7d7d;
font-weight:normal;
margin:0.5em 0.5em 0 0;
color: #44474c;
background: #b9bdc1;
font-size:0.9em;
}

div.intro-image {

float:left;
padding: 5px 20px 10px  0px;
}

div.intro-image img {
border:1px solid #7D7D7D;

}

/* Google Map InfoWindow*/

div.iw_block {
width:300px;
min-height: 130px;
}
div.iw_block_title {
font-size:13px;
font-weight:bold;
margin-top:5px;
padding:0;
}

div.iw_block_img {
float:left;
height:120px;
margin-right:10px;
text-align:center;

}

div#maincontent div.content-view-line div.pic-member h1 {
	padding: 20px 0 8px 0;
	margin: 0 0 0 0;
	}
	
div#maincontent div.content-view-line div.pic-member h2 {
	padding:0 0 6px 0;
	margin: 0 0 0 0;
	font-weight:normal;
	}

div.horiz-spacer
{
    
   padding:  0 0 0 0;
   width: 960px;
   height: 20px;
   background:  url("../images/body_bg.png") 400px  repeat-x;
}

div.ruler-horiz-dotted-grey {
	background-image: url(../images/line_dotted_h3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 3px;
	line-height: 3px;
	clear: both;
}
div#member-address {
width:320px;
float:left;
    display: block;
   
}

div#member-address li {
    list-style-type: none;
}

div#member-address ul {
    margin: 0 0 10px 0px;
}
div#member-map {
width:300px;
float:right;
padding: 0 20px 0 0;
    display: block;
   
}
div.class-start-jac_folder_section {
padding: 0 0 0 40px;

}

div.class-start-jac_folder_section h1{
padding: 40px 0 0 0;

}

div.block div.element {
padding-right: 20px !important;
}



table.list th, table.list td, table.special th, table.special td
{
    padding: 0.25em;
    text-align: left;
    vertical-align: top;
}
table.list th, table.special th
{
    
    background-color: #b9bdc1;
    border: 0px;
  color: #44474c;
    font-weight: normal;
    white-space: nowrap;
}

table.list td
{
    border: 0;
    font-weight: normal;
}

tr.bglight
{
    background-color: #F0F0F8;
}

tr.bgdark
{
    background-color: #b9bdc1;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover
{
    background-color: #F0F0F8;
}