* {
	margin: 0;
	padding: 0;
}
 
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	background: white;
	margin: 0;
	text-align: center;
	background: url(/skin/original/web_top_background_fade.gif) repeat-x top;
}
body-login {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;
	text-align: left;
	background: #428884 url(/resources/spacer.gif) no-repeat top;	
}
H1 {
	padding:0.2em 0;
	font-size: 1.8em;
	line-height: 1.3em;
}
H2 {
	font-size: 1.3em;
	line-height: 1.3em;
	padding:0.2em 0;
}
H3 {
	font-size: 1.2em;
	line-height: 1.2em;
	padding-bottom: 0em;
}
A {
	color: #0160b8;
	text-decoration: underline;
}
A:visited {
	color: #915d91;
}
A:hover, A:active {
	color: #FF0000;
}
A.selected {
	text-decoration: none;
	font-weight: bold;
}
IMG {
	border: 1px solid #c8c8c8;
	margin: 3px;
}
UL {
	padding-top: 6px;
	padding-bottom: 4px;
}
UL LI {
	margin-left: 15px;
	text-indent: 0px;
	padding-bottom: 6px;
	line-height: 1.2em;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
#header {
	clear:left;
	float:left;
	height: 144px;
	min-width:740px;
	width:100%;
	overflow:hidden;
	display:inline;
}
#header-left {
	width: 44px;
	height: 144px;
	float: left;
	background: url(/skin/original/web_top_left_corner.gif) no-repeat left;
	display:inline;
}
#header-middle {
	height:144px;
	margin: 0 -3px;
	width: 100%;
	background: url(/skin/original/web_top_border.gif) repeat-x;
	display:inline;
}
/* Hack, IE needs "display:inline" above*/ 
html>body #header-middle {display:block;} 	
#header-right {
	width: 44px;
	height: 144px;
	float: right;
	background: url(/skin/original/web_top_right_corner.gif) no-repeat right;
	display:inline;
}
#header-handyman IMG {
	float: left;
	margin: 0px;
	margin-left: 15px;
	border: none;
}
#header-logo IMG {
	float: right;
	margin: 69px 3px 0 0;
	border: none;
}
#top-headline  {
	position: relative;
	top: 120px;
	right: -15px;	
	color: #6e6e6e;
	font-size: 1.4em;
	background-color: transparent;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	line-height: 0px;
	padding-right: 15px;
}
#outer_wrapper {
	min-width:740px;
}
#wrapper {
}
#container {
	width: 100%;
	float: left;
	margin-right: -26px;
	background: url(/skin/original/web_right_border.gif) repeat-y right;
}
#content {
	margin-right: 26px;
	background: url(/skin/original/web_left_border.gif) repeat-y left;
	text-align: left;
}
#topbar {
	clear:both;
	height: 40px;
	margin: 0 -1px 0 25px;
	overflow:hidden;
	text-align: right;
	vertical-align: middle;
	background: #428884 url(/skin/original/web_topbar_background.gif) no-repeat right;
}
#topbar-login{
	height: 40px;	
	text-align: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 15px;
	color: #ffffff;
}
#topbar-loggedin{
	clear:both;
	height: 40px;
	width: 250px;	
	overflow:hidden;
	text-align: left;
	vertical-align: middle;
	background: transparent;
	padding-top: 8px;
	padding-left: 15px;
	color: #ffffff;
}
#topbar-loggedin img {
	float:left;
	border: 0px;
	margin-top:0px;
}
#topbar-login {
	clear:both;
	height: 40px;
	width: 250px;	
	overflow:hidden;
	text-align: left;
	vertical-align: middle;
	background: #428884;
	font-size: 10px;
}
#topbar-login a {
	font-size: 10px;
	color: #CFE3E0;
	vertical-align: middle;
	top: 4px;
	position: relative;
}
#login-table {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 10px;
	margin-left: 15px;
}
#login-table tr {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 10px;
	height: 5px;
}
#login-table td {
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	height: 5px;
	color: #FFFFFF;
}
#login-frame {
	margin-top:5px;
	float: left;
	height: 30px;
	width: 250px;
	background-color: #428884;
}
.login-inputbox {
	margin-top: 0px;
	background-color: #428884;
	color: white;
	font-size: 10px;
	vertical-align: middle;
	border: solid #CFE3E0 1px;
}
#top-menu-items {
	margin-top: 13px;
	margin-right: 10px;
	color: #ffffff;
}
#top-menu-items A {
	color: #ffffff;
	text-decoration: underline;
}
#top-menu-items A:visited {
	color: #ffffff;
}
#top-menu-items A:hover, A:active {
	color: #FF0000;
}
#top-menu-items A.selected {
	text-decoration: none;
	font-weight: bold;
}
#head-path {
	font-size: 0.9em;
	color: #020202;
}
#head-path A {
	color: #020202;
	text-decoration: underline;
}
#head-path A:visited {
	color: #020202;
}
#head-path A:hover, A:active {
	color: #F20202;
}
#head-path A.selected {
	color: #020202;
	text-decoration: none;
	font-weight: normal;
}
#lead-image {
	float: left;
	display:inline;
}
#main, #main-bottom {
	margin-left: 26px;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 1.7em;
}
#main {
	background: url(/skin/original/web_content_top_background.gif) repeat-x top;
}
#main-bottom {
	height: 180px;
	overflow:hidden;
	clear: both;
	background: url(/skin/original/web_content_bottom_background.gif) repeat-x;
}
#left-border {
	width: 26px;
	float: left;
	display:inline;
}
#right-border {
	width: 26px;
	float: right;
	display:inline;
}
.companycard {
	font-size: 0.9em;
	line-height: 1.2em;
	width: 343px;
	height: 164px;
	float: left;
	margin-right: 15px;
	overflow:hidden;
	background: url(/skin/fagzonen/Company-List-Background.gif) no-repeat top;
}
#content-list {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.2em;
	background: transparent;
}
.content-table {
	width: 100%;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 2 px;
	background: transparent;
}
.content-table td {
	text-align:left;
	padding: 2 px;
	background: transparent;
}
.content-table th {
	text-align:left;	
	background: transparent;
}
.companycard a {
	font-size: 1.0em;
	line-height: 1.2em;s
}
.companycard h1 {
	font-size: 1.1em;
	line-height: 1.0em;
	font-weight:bold;
	text-align: left;
	text-indent: 8px;
	color: #ffffff;	
	text-decoration: none;
	margin:2px;
}
.companycard-address {
	width: 200 px;	
	float: right;
	margin: 5px;
}
.smallcard {
	font-size: 0.9em;
	line-height: 1.2em;
	width: 250px;
	height: 144px;
	float: left;
	margin-right: 15px;
	overflow:hidden;
	background: url(/skin/fagzonen/Company-List-Background.gif) no-repeat top;
}
.smallcard a {
	font-size: 1.0em;
	line-height: 1.2em;s
}
.smallcard-address {	
	float: left;
	margin: 5px;
}
.smallcard h1 {
	font-size: 1.1em;
	line-height: 1.0em;
	font-weight:bold;
	text-align: left;
	text-indent: 3px;
	color: #ffffff;	
	text-decoration: none;
	margin:2px;
}
#centercolumn {
	float:left;
	background: transparent;
	border:solid black 1px;
}
#topadd1 {
	background: url(/images/fagzonen-reklame/kampagne-bg.jpg) repeat-x top;
	height: 100px;
	clear:both;	
	margin: 0 -1px 0 25px;
	overflow:hidden;
	text-align: left;
}
#topcolumn {
	height: 20px;
	widht:100%;
	background:transparent;
	overflow:hidden;
}
.order-table {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 2 px;
	background: transparent;
}
.order-table img{
	border: 0px;
}
.admin-table {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 2 px;
	background: transparent;
}
.admin-table img{
	border: 0px;
}
/* SCROLLER */
#menu_scroll_left {
  width: 63px;
  top:0px; 
  left:0px;
  height:100%;
  float:left;
  display:inline;
  zIndex: 2;
  vertical-align: middle;  
}
#menu_scroll_right {
  width: 63px;
  top:0px; 
  height:100%;
  float:right;
  display:inline;
  zIndex: 2;
  vertical-align: middle;
}
#menu_sider_cont {
  position:absolute; overflow:hidden;
  width:80%; height:100%; 
  left: 10%;
  clip:rect(0px, 100%, 100%, 0px); 
  zIndex: 3;
  display:inline;
}
#menu_sider {
  width: 2280px;
  height: 150px;
  position:absolute; 
  left:0px; top:0px; 
  overflow:hidden;
}
.scroll-menu-item {
   width: 180px;
   height: 139px;
   display:inline;
   float:left;
   margin: 5px;
   background.color: #428884;
}
.scroll-menu-item img {
   width: 180px;
   height: 100px;
   border: solid black 0px;
   margin: 0px;
}
.scroll-menu-item  h1 {
  color: #ffffff; 
  font-size: 1.1em;
  text-align: center;
  vertical-align: middle;
}
.scroll-menu-item  a {
  color: #ffffff; 
  font-size: 1.1em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
/* Left Column */
#leftcolumn {
	float: left;
	top: 0px;
	padding-left: 0px;
	padding-bottom: 50px;
	font-size: 1.0em;
	line-height: 1.7em;
	width: 191px;
	margin-right: 10px;
	background: transparent;
}
#leftmenu {
	position: relative;
	clear: both;
	top: 0px;
	left: 0px;
	width: 189px;
	right-padding:5px;
	margin-top:10px;	
	background-color: transparent;
	
}
#leftmenu A {
	color: #000000;
	text-decoration: underline;
}
#leftmenu A:visited {
	color: #000000;
}
#leftmenu A:hover, A:active {
	color: #FF0000;
}
#leftmenu A.selected {
	text-decoration: none;
}
.leftmenu-maincat {
	font-size: 1.1em;
	line-height: 1.0em;
	width: 185px;
	font-weight:bold;
	text-align: left;
	text-indent: 8px;
	color: #ffffff;	
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 32px;
	margin-left: 3px;
	background-color: transparent;
	background: transparent url(/skin/fagzonen/menu-top.gif) no-repeat top;	
}
.leftmenu-subcat {
	line-height: 1.0em;
	width: 177px;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-left: 6px;
	text-indent: 4px;
	background: transparent;
	border-bottom: dashed #C9C9C9 1px;
}
#leftmenu-footer {
	background: transparent url(/skin/fagzonen/menu-bottom.gif) no-repeat left;
	margin-top: 0px;
}
#leftmenu UL {
	list-style: none;
	width: 182px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 7px;
}
#leftmenu UL LI {	
	padding-bottom: 5px;
	line-height: 1.2em;
	margin-left: 5px;
	clear: both;
	padding-top: 0px;
	padding-left: 0px;
	text-indent: 10px;
	border-bottom: dashed #C9C9C9 1px;
}
.leftmenu-mark-beg, .leftmenu-mark-adv, .leftmenu-mark-std {
	position:relative;
	left: -3px;
	top: 2px;
	font-size: 0.8em;
	line-height: 0.0em;
	display:inline;
}
.leftmenu-mark-std {
	margin-right: 3px;
}
#leftcolumn-txtwindow {
	position: relative;
	top: 2px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-right: 10px;
	line-height: 1.5em;
	background: transparent;
}
.box {
	position: relative;
	clear: both;
	top: 0px;
	left: 0px;
	width: 189px;
	margin-top:15px;
}
.box h1 {
	font-size: 1.1em;
	line-height: 1.0em;
	width: 185px;
	font-weight:bold;
	text-align: left;
	text-indent: 8px;
	color: #ffffff;	
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 24px;
	margin-left: 3px;
	background-color: transparent;
	background: transparent url(/skin/fagzonen/menu-top.gif) no-repeat top;	
}
#search {	
	padding:5px;	
	background-color: transparent;	
}
#search input {
	font-size: 0.9em;
	line-height: 1.2em
}
/* Right Column */
#rightcolumn {
	float:right;
	width: 310px;
	margin-top:10px;
}
#norightcolumn {
	float:right;
	width: 10px;
	margin-top:10px;
}
.rgtbox2 UL {
	list-style: none;
	line-height: 1.3em;
	padding-top: 3px;
}
.rgtbox2 UL LI {
	padding-top:2px;
	padding-bottom: 5px;
}
#rightcolumn-dropbox {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}
#rightcolumn-dropboxhead {
	border: 1px solid #d1d1d1;
}
#rightcolumn-dropboxhead-left {
	float: left;
}
#rightcolumn-dropboxhead-right {
	float: right;
	text-align: right;
	padding-top: 0.25em;
	display:inline;
}
#rightcolumn-dropboxhead-right A IMG {
	border: none;
}
#rightcolumn-userlvlradios {
	margin-top: 8px;
	line-height: 2.2em;
}
.rightcolumn-userlvlradio {
	text-align: left;
	height: 2.0em;
	vertical-align: -24%;
}
#rightcolumn-userlvlbutton {
	font-size: 1.2em;
	line-height: 1.1em;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 4px;
	cursor: pointer;
}
.faktabox {
	width: 310px;
}
.faktabox h1 {
	font-size: 1.1em;
	line-height: 1.0em;
	width: 304px;
	font-weight:bold;
	text-align: left;
	text-indent: 8px;
	color: #ffffff;	
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 24px;
	margin-left: 3px;
	background: transparent url(/skin/fagzonen/faktabox-top.png) no-repeat top;
}
.faktabox-content {
	background: transparent url(/skin/fagzonen/faktabox-center.jpg) no-repeat top;
	width: 304px;
	margin-left: 3px;
	inner-padding: 5px;
}
.faktabox-content p{
	padding: 6px;
}
.faktabox-content form{
	padding: 6px;
}
.faktabox-bottom {
	width: 310px;
	height: 22px;
	margin-left: 0px;
	background: transparent url(/skin/fagzonen/faktabox-bottom.png) no-repeat top;
}
/* Right Column */
#bottom {
	clear: both;
	min-width:740px;
	width: 100%;
}
#bottom-left {
	width: 44px;
	height: 37px;
	float: left;
	background: url(/skin/original/web_left_bottom_corner.gif) no-repeat left;
	display:inline;
}
#bottom-middle {
	height:37px;
	margin: 0 -3px;
	width: 100%;
	background: url(/skin/original/web_bottom_border.gif) repeat-x;
	display:inline;
}
/* Hack, IE needs "display:inline" above*/ 
html>body #bottom-middle {display:block;} 
#bottom-right {
	width: 44px;
	height: 37px;
	float: right;
	background: url(/skin/original/web_right_bottom_corner.gif) no-repeat right;
	display:inline;
}
/* Footer */
#footer {
	font-size: 1.2em;
	line-height: 1.7em;
	clear: both;
	height: 30px;
	color: #7d7d7d;
	background-color: transparent;
}
#footer-shortcuts {
	margin-left: 69px;
	margin-right: 69px;
	padding-top: 4px;
	text-align: center;
}
#footer-copyright {
	margin-left: 69px;
	margin-right: 69px;
	text-align: center;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
