@import url(base.css);
ul { list-style-type: disc; }
/* =layout
----------------------------------------------- */
#header {
   background: url(../images/site_img/layout/header.png) repeat-x;
   height: 101px;
}

#container {
   width: 100%;
   float: left;
   margin-right: -202px;
}

#content { margin-right: 202px; }

#main { margin-left: 201px; padding-top: 52px; }

#sidebar {
   width: 193px;
   float: left;
   padding-right: 8px;
   padding-top: 8px;
   background: url(../images/site_img/layout/nav-shaddow-left.png) no-repeat;
}

#extra {
   width: 194px;
   padding-left: 8px;
   padding-top: 8px;
   float: right;
   background: url(../images/site_img/layout/nav-shaddow-right.png) no-repeat;
}

#footer {
   background: #1F4E89 url(../images/site_img/layout/footer-bg.png) no-repeat right top;
   clear: both;
   height: 25px;
   margin-bottom: 24px;
   color: white;
   padding: 11px 19px 0;
}

#footer a{ color: white; }

#footer p{ float: left; }

#footer #extranav{ float: right; list-style: none; }

#footer #extranav li{
   float: left;
   padding-left: 17px;
   padding-right: 15px;
   background: url(../images/site_img/layout/nav-seperator.png) no-repeat;
   height: 20px;
}

#footer #extranav li.first{ background: none; }

#wrapper:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#outer-wrapper{ margin-bottom: 28px;}

#inner{ padding: 0 15px; }

/* =header
----------------------------------------------- */
p#logo{
   background: white;
   float: left;
   position: relative;
   z-index: 1;
}

p#logo img{ display: block; }

p#logo a{ display: block; padding: 19px 16px 16px; }

#personal{
   background: url(../images/site_img/layout/header-oval.jpg) no-repeat right top;
   height: 50px;
   padding-top: 17px;
}

#lang{ width: 75px; float: right; list-style: none; }

#lang li{
   float: left;
   line-height: 1;
   font-weight: bold;
   margin-right: 2px;
   padding: 7px 5px;
}

#lang li.active a, #lang li.active{ background: #204F89; color: white; }

#lang li a{ text-decoration: none; color: #26558E; }

#personal form{ text-align: right; }

#personal form p{
   float: right;
   margin-top: 2px;
   position: relative;
   padding-right: 63px;
   margin-right: 10px;
}

#personal form label{
   color: #333;
   font-weight: bold;
   padding-right: 6px;
}

#personal form input{ padding: 1px 0 4px 4px; margin-right: 3px; }

#personal form input#submit{
   position: absolute;
   right: 0;
   top: -1px; /* ie */
}

#personal form ul{
   font-size: .9em;
   width: 9em;
   float: right;
   text-align: left;
   margin-right: 14px;
}

#personal form ul a{ color: #333; }

#tools{
   position: absolute;
   left: 0;
   top: 67px;
   background: url(../images/site_img/layout/tools-corner.png) no-repeat right top;
   width: 189px;
   height: 34px;
   padding-left: 17px;
}

#tools li{
   float: left;
   list-style: none;
   margin-top: 14px;
   margin-right: 15px;
}

#main p#navbar { margin-top: 7px; }

/* =search
----------------------------------------------- */
#search{
   position: absolute;
   left: -202px;
   top: 101px;
   background: #EAF0F6 url(../images/site_img/layout/search-bg.png) repeat-x;
   width: 100%;
   height: 44px;
   clip: rect(auto auto auto 403px);
}

#search fieldset{ padding-left: 415px; margin-top: 14px; }

#search fieldset input{ margin-right: 5px; }

#search select{ width: 198px; }

#search #find{ width: 273px;}

#search fieldset .submit{ position: absolute; left: 905px; top: 11px; }

#search #search-lc{
   position: absolute;
   left: 403px;
   bottom: 0;
   background: url(../images/site_img/layout/search-lc.png) no-repeat left bottom;
   width: 5px;
   height: 5px;
}

#search #search-rc{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: url(../images/site_img/layout/search-rc.png) no-repeat right bottom;
}


/* =scrolling banner
----------------------------------------------- */

#banner {
	position: absolute;  
	right: 202px; 
	left: 202px; 
	top: 153px; 
	overflow: hidden; 
	width: auto; 
	height: 59px;
	background: url(../images/site_img/layout/banner_tile.png)  repeat-x;
}

#banner #scrolling_banner {
	 overflow: hidden; 
	 width: auto; 
	 height: 42px;
	 color: #FFFFFF; 
	  
	 font-size: 18px; 
	 white-space: nowrap; 
	 padding-top: 17px; 
	 letter-spacing: 1px; 
	 background: url(../images/site_img/layout/banner_l.png) no-repeat left bottom;
}

#banner img {
	width:7px; 
	height: 6px; 
	float:right;
}

/* =flash
----------------------------------------------- */
#flash
{
   background: #fff url('../images/site_img/layout/home_flash_pixel.jpg') repeat-x 0 5px;
   height: 235px;
   margin: 0 0 0px;
}

/* =nav
----------------------------------------------- */
#nav{
   margin-left: 214px;
   list-style: none;
   height: 34px;
   color: white;
   font-weight: bold;
   font-size: 1.1em;
   line-height: 1;
   background: url(../images/site_img/layout/nav-bg.png) no-repeat;
}

#nav li{
   float: left;
   padding-left: 2px;
   background: url(../images/site_img/layout/nav-seperator.png) no-repeat 0 10px;
}

#nav li.first{ padding-left: 0; background: none; }

#nav li.active a{
   display: block;
   border-bottom: 3px solid #FF9900;
   padding-bottom: 8px;
}

#nav li a{
   color: white;
   text-decoration: none;
   padding: 11px 9px 11px;
   display: block;
}

#nav li a:hover{
   border-bottom: 3px solid #FF9900;
   padding-bottom: 8px;
}

/* =navbar
----------------------------------------------- */
#navbar a{ color: black; }

/* =faux columns
----------------------------------------------- */
/*#outer-wrapper,
#sidebar{
   background: url(../images/site_img/layout/column-left.png) repeat-y;
}
#wrapper,
#extra{
   background: url(../images/layout/column-right.png) repeat-y right;
}
*/

#whoami {
	font: bolder 16px arial;
   	color: #204F89;
   	margin: 15px 0 0 15px;
}

#whereami {
 	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	margin: 6px 0 0 15px;
}

#main #whereami a {
 	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
}

#main #whereami a:hover {
 	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #204F89;
}

#main #main_content {
	padding: 22px 23px 0 23px;
	overflow:hidden;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}
#main #main_content ul {
	margin-left: 30px;
}

#main_content #subcategories {
	   clear: both;
	   margin-top: 50px;
}

.inhalt {
	float:left;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* =more info
----------------------------------------------- */
#inner #moreinfo{
   float: right;
   width: 178px;
   padding-left: 16px;
   background: #eaf0f5 url(../images/site_img/layout/more-info.png) no-repeat;
   padding-top: 10px;
   padding-bottom: 5px;
   display: block;   
	
}

#inner #moreinfo p{
	margin: 0 0 12px 0 !important;
}
#inner #moreinfo p img{
   margin-right: 3px;
   vertical-align: bottom;
}

/* =tables
----------------------------------------------- */
#prodlist{
   margin-top: 30px;
   background: #EBEBEB;
   border: 1px solid #ccc;
   border-collapse: collapse;
   width: 100%;
}


#prodlist td,
#prodlist th{
   border: 1px solid #ccc;
   padding: 10px 7px;
}

#prodlist th{
   font-weight: normal;
}
/* =search products
----------------------------------------------- */
#prod-search{
   margin-top: 53px;
}

#prod-search #tarsiprod{ 
float: left;
}

#prod-search .submit{
   margin: -1px 0 0 4px;
   position: relative;
   background: url('../images/site_img/layout/button-tursene-prod.png') 0 0;
   width: 24px;
   height: 24px;
   border: none;
}

/* product details */
.two-col #content{
   margin-right: 0
}

.filter {
	width: 150px;
}

p a.fl_sel {
	color: #000;
}



.subm {
   margin: 2px 0 0 4px;
   margin: 0;
   background: url(../images/site_img/layout/button-tarsene_bg.png);
   width: 68px;
   height: 21px;
   border: none;
   cursor: pointer;
}

img.submit {
	margin: 2px 0 0 4px;
	cursor: pointer;
}

.search {
	width:350px;
	margin: 15px 0 0 0;
}

/* =anketa
----------------------------------------------- */
p.radio {
   margin:6px 0 !important;
   padding-left: 30px;
}

p.radio:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

p.radio label,
p.radio input{
   padding:0;
   margin:0;
   float: left;
}

p.radio label{
   width: 200px;
   margin-left: 10px;
}
p.horiz input {
	width: 180px;
}

p.horiz{
  clear: both;
  padding-bottom: 20px;
}

p.horiz label,
p.horiz input{
   float: left;
}

p.horiz label{
   width: 60px;
   text-align: right;
   margin-bottom: 15px;
   margin-right: 10px;
   top: 3px;
}

form h2{
   clear: both;
   font: bold 11px tahoma;
   color: #204F89;
   margin: 30px 0 20px
}


.inquiry {
	background : #fff url('../images/site_img/layout/question_send_bg.jpg') no-repeat 0 0;
	border: none;
	width: 78px;
	height: 22px;
	float: right;
}
/* END anketa
----------------------------------------------- */

.catalog_class
{
	margin-bottom:20px;
	clear:left;
}

.catalog_class:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* =Sitemap
----------------------------------------------- */
.sitemap{
   margin-top: 30px;
   margin-left: 20px;
}

.sitemap ul{
   padding-left: 18px;
   font-weight: bold;
}

.sitemap ul ul{
   font-weight: normal;
   margin-top: 7px;
   margin-bottom: 1.2em;
}

.sitemap ul ul ul{
   margin-bottom:0;
}

.sitemap li{
   list-style: none;
   margin-bottom: 8px
}

.sitemap ul ul li{
   margin-bottom: 5px;
   font-size: .8em
}

.sitemap ul ul ul li{
   font-size: 1em;
   padding-left: 18px;
}

.sitemap a{
   text-decoration: none;
   font-size: 1.2em
}

.sitemap a.slide{
   margin-right: 18px;
    text-decoration: none;
}

.sitemap ul ul li a{
   color: Black;
   text-decoration: underline;
}

.sitemap li.slide a{
   margin-left: 18px;
}