﻿body { margin: 0; padding: 0; background:#fafafa url(../images/blocks/bg.png) repeat-x;}
body { behavior: url(http://www.raum-21.de/fileadmin/templates/js/csshover.htc);}

.clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;}

a:focus {outline:none!important}
/*
	LISTS
-------------------------------------------------------------------------------------------------------------------------------------------- */
#mainMenu ul, #footer ul { margin: 0; padding: 0; list-style: none;}

#mainContainer { width:980px; margin: 0 auto 30px auto; /* max-height: 700px;  */background: url(../images/blocks/vertline.gif) top left repeat-y; }
* html #mainContainer { margin: 0 auto 0px auto; }
*+html  #mainContainer { margin: 0 auto 0px auto; }

/*
	HEADER
-------------------------------------------------------------------------------------------------------------------------------------------- */
#header {width: 100%; height: 161px; position: relative; z-index: 3;}
#header .logo { height: 125px; }
#header .logo img{ display: block; }
#header .navigation_bar { width: 900px; height: 35px; float: left; margin: 0 0 0 40px; display: inline; background: url(../images/blocks/bg_navigation.gif) top left no-repeat; }
#header .quick_search { width: 284px; float:right; overflow: hidden}
#header .quick_search .search_box { float:left; display: inline; margin:8px 20px 0 10px;}
#header .quick_search .imp-text { width:160px; float: left; background:#fff url(../images/icons/search.png) no-repeat 2px 0; padding:2px 2px 2px 25px; margin: 0; }
#header .quick_search .title { float: left;  margin: 6px 0 0 4px;}
#header .quick_search fieldset { float: left; }

/*
	MAIN MENU
-------------------------------------------------------------------------------------------------------------------------------------------- */
#mainMenu { width: 616px;  float: left; }
#mainMenu ul {padding: 0 0 0 10px; }
#mainMenu ul li { float: left; position: relative; z-index: 3;}
#mainMenu ul li.act, #mainMenu ul li.act:hover { background: #ada900;}
#mainMenu ul li:hover{ background: #E28217;}
#mainMenu ul ul { width: 180px; visibility: hidden; position: absolute; left: -9999px; top: 35px; z-index: 999; margin: 0; padding: 0; background: #424542;}
#mainMenu ul ul ul{ top: 0px; }
#mainMenu ul ul li{ width: 100%; }
#mainMenu ul li:hover ul {visibility: visible; left: 0; }
#mainMenu ul li:hover ul ul, #mainMenu ul li li:hover ul ul{visibility: hidden; left: -9999px; }
#mainMenu ul ul li:hover ul, #mainMenu ul ul ul li:hover ul {visibility: visible; left: 180px; }
#mainMenu a.level1:link, #mainMenu a.level1:visited { height: 35px; line-height: 35px; padding: 0 13px 0 11px; font-size: 14px; display: block; float: left; color: #fff; letter-spacing:-1px; background: url(../images/blocks/navbgborder.gif) top right repeat-y; zoom: 1;}
#mainMenu a.level1:hover { text-decoration: none;}
#mainMenu a.level2:link, #mainMenu a.level2:visited { padding: 3px 5px; font-size: 12px; display: block; color: #fff; zoom: 1; }
#mainMenu a.level3:link, #mainMenu a.level3:visited { padding: 3px 5px; font-size: 12px; display: block; color: #fff; zoom: 1; }
#mainMenu a.level4:link, #mainMenu a.level4:visited { padding: 3px 5px; font-size: 12px; display: block; color: #fff; zoom: 1; }
#mainMenu a.last:link, #mainMenu a.last:visited { width: 207px; padding: 0 0px 0 26px; background: url(../images/blocks/navnewsletter.png) right center no-repeat;}
#mainMenu .act a.last:link, #mainMenu .act a.last:visited, #mainMenu a.active:link, #mainMenu a.active:visited { background-position: right top;}
#mainMenu a.last:hover { background-position: right bottom;}
/*menu sizes*/
#mainMenu #menuItem1 {width: 32px;}
#mainMenu #menuItem2 {width: 56px;}
#mainMenu #menuItem3 {width: 64px;}
#mainMenu #menuItem4 {width: 75px;}
#mainMenu #menuItem5 {width: 25px;}

.Container { width: 900px; padding: 0 40px;}
.one-column #mainColumn {width: 100%; }
.two-columns #mainColumn {width: 595px; float: left; padding: 20px 0 0 0;   min-height:400px;  height:auto !important;  height:400px;}
.two-columns #rightColumn {width: 285px; float: right; padding: 20px 0 0 0; line-height: 18px; }

/*
	FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------- */
#footer { width: 940px; height: 20px; float: left; font-size: 11px; background:transparent url(../images/blocks/bg_footer.png) top left repeat-x }
#footer ul { display: inline; background: #fafafa; padding: 0 10px;}
#footer ul li { display: inline; height: 20px; line-height: 20px; padding-right: 6px; margin-right: 6px; border-right: #666 solid 1px;}
#footer ul li.last { border-right: #666 solid 0px; padding-right: 0px;  margin-right: 0px;}
#footer .footer_address { float: left; margin: 0 0 0 32px; }
#footer .footer_menu { float: right;}


/*
	CHRISTMAS PAGE
-------------------------------------------------------------------------------------------------------------------------------------------- */
.holiday-templ {background: #eceaea url(../images/holiday/bg_body.gif) top left repeat-x;}
.holiday-templ .bgwhite {background: none; margin: 0; }
* html .holiday-templ .bgwhite{height: 1px;}
*+html .holiday-templ .bgwhite {height: 1px;}
.holiday-templ #header {height: 160px; }
.holiday-templ #header .logo  { padding: 0 40px;}
.holiday-templ #header .clearer  {background: url(../images/holiday/bg_clearer.gif) top center no-repeat;}
.holiday-templ #header .navigation_bar { background: url(../images/holiday/bg_navigation.gif) top left no-repeat; }
.h_general_wrap #mainContainer  { background: none; margin-bottom: 0; overflow: hidden; }
.h_general_wrap #footer  { background: url(../images/holiday/bg_footer.gif) no-repeat scroll center top; }
.h_general_wrap #footer ul  { background: url(../images/holiday/bg_footer_links.gif) repeat-x left top; }
.h_general_wrap { width: 100%; background: url(../images/holiday/wrap_top.gif) top center no-repeat; }
.h_general_wrap_bottom { width: 100%; padding-bottom: 15px; background: url(../images/holiday/wrap_bottom.jpg) bottom center no-repeat; overflow: hidden;}