/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/* Layout ================================================================================= */
.wrapper {}
.page { width:960px; margin:0 auto; padding:0; text-align:left; height: 100%; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main {margin: 0px;}

/* Base Columns */ 
.col-left { float:left; width:230px;  padding:5px 5px 0; }
.col-main {background: white; border-right: 1px solid black; border-bottom: 1px solid black; padding: 20px; float: left; width: 672px; margin: 20px 0 10px; color: #353232;}
.col-right { float:right; width:230px;  padding: 0; margin: 30px 0px 0 0; display: inline;}

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

.startseite .col-main {background: none; border: 0; padding: 0px; float: left; width: 712px; margin: 12px 0 10px; color: #fff;}
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
label {float: left; width: auto;}
input,select,textarea,button { vertical-align:middle; color:#fff; }
input.input-text,select,textarea { background:#64595a;  border: 1px solid #a9a3a3;}
input.input-text,textarea { padding:1px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option {}
textarea { overflow:auto; }
input.radio { margin-right:3px;  display: inline;}
input.checkbox { margin-right:3px;  display: inline;}
.input-box { float:left; width: 100%; margin: 0 0 2px 0;}

a.link {width: auto; padding: 0px 0px 0 14px; line-height: 21px; text-decoration: none; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; background: url('../images/rahmen/pfeil-rot.gif') 0 5px no-repeat;}

a.back-link { font-size: 16px; overflow:visible; width:auto; border:0; padding:0 0 0 12px; color: #353232; background:url(../images/backlink_button.gif) 0 50% no-repeat; text-decoration: none; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }

.block a.link {color: #d4d5d7;width: auto; padding: 0px 0px 0 12px; line-height: 21px; text-decoration: none; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; background: url('../images/rahmen/pfeil-rot.gif') 0 5px no-repeat;}
.block a.link:hover {color: #fff; background: url('../images/rahmen/pfeil-weiss.gif') 0 5px no-repeat;}


/* Header ================================================================================ */
.logo { float:left; width:293px; height:83px; overflow:hidden; } 
.header {float: left; width: 100%; height: 120px; padding-left: 10px;}
.header a {color: #524849;}
.header .logo {margin-top: 16px;}
.header .logo a { display:block; width:293px; height:83px; }

.header .links { float:right; }
.header .links li {border-left: 1px solid #aaa6a7; padding: 12px 0 0px 8px; float: right; margin-right: 26px; font-size: 14px;font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; display: inline;}
.header .links a {text-decoration: none; color: #524849;}
.header .links a:hover {text-decoration: none; color: #000;}

.header .kasten {position: relative; background: #c6c7c9 url('../images/rahmen/kasten_bg.gif') repeat-x; float: right; color: #64595a; width: 380px; height: 64px; padding: 8px 10px 10px 10px; margin-right: 10px; display: inline;}
.header .kasten a {font-size: 16px; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; color: #64595a; float: left; text-decoration: none; margin-left: 20px;}
.header .hotline {font-size: 30px; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; width: 300px; margin-top: 4px;}
.header .hotline a {font-size: 30px; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; width: 300px; margin: 4px 0 0 0;}
.header .growibutton {position: absolute; top: 20px; right: -11px;}


.header .form-search {float: left;}
.header .form-search input { border: 1px solid #e2001a; background: white; color: #64595a; padding: 2px 0px 1px 4px; font-size: 12px;}
.header .form-search .input-text {width: 130px; height: 15px; float: left;}
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul {  background-color:#fff; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif; }
.header .form-search .search-autocomplete li.selected {}

button.button_search {margin-left: 4px; overflow:visible; height: 20px; width: 50px; float: left; border:0; background: #e2001a;  cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }
button.button_search span {float: left;color:#fff; display: inline; width: 100%; text-align: center; font-size: 12px;}

/********** < Navigation */
#nav {float: left; margin: 8px 0 0 0px; color: white; display: inline;}
#nav a {text-decoration: none; color: white;}

/* All Levels */
#nav li {
	display: block;
	position: relative;
	width: 230px;
	height: 175px;
	margin-right: 10px;
	float: left;
	display: inline;
}


#nav li div {
	display: block;
	width: 210px;
	height: 165px;
	background: #e3001b url('../images/rahmen/rot_bg.gif') repeat-x;
	left: 0;
	top: 0;
	position: absolute;
	padding: 3px 10px 8px;
}


#nav li div.zaun {
	background: #008f37 url('../images/rahmen/gruen_bg.gif') repeat-x;
}

#nav li div.extender {
	background: #003b81 url('../images/rahmen/blau_bg.gif') repeat-x;
}

#nav li div.bg {
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 
	background: #000;
	left: 2px;
	top: 2px;
	position: relative;
}

#nav .ueberschrift4 {text-shadow: black 0 1px 3px; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif;}
#nav .ueberschrift4:hover {color: #e2e3e5;}

#nav ul {margin-top: 15px; list-style: none; padding: 0;}
#nav ul li {line-height: 18px; width: 170px; height: auto; padding-left: 12px; margin: 0 0 7px 0; background: url('../images/rahmen/pfeil-weiss.gif') 0 5px no-repeat;}

#nav ul li a:hover, a:visited, a:active {color: #d4d5d7;}

.menuepunktschatten {	
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 
	background: #000;
	left: 2px;
	top: 2px;
	position: relative;
	display: block;
	width: 230px;
	height: 35px;
}

.menuepunkt {
	width: 230px;
	height: 35px;
	background: #c6c7c9; 
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.menuepunkt a {
	width: 222px;
	height: 33px !important;
	padding: 2px 0 0 8px;
	color: #fff; 
	text-decoration: none; 
	background: #c6c7c9; 
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}


.unternehmen {position: relative;  margin: 8px 0 0 10px; float: left; color: #fff; text-decoration: none; display: inline;}
.menuepunkt a:hover {text-decoration: none; background: #a7a7a7; color: #fff;}
.menuepunkt .ueberschrift4 {text-shadow: black 0 1px 3px; font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif;}

/* Inhalt =============================================================================== */
.newsbox {width: 200px; height: 106px; float:left; color: #403839; padding: 0 0 0 20px;}
.newsbox li {width: auto; padding: 0px 0px 0 14px; background: url('../images/rahmen/pfeil-rot.gif') 0 7px no-repeat;}

.vollebreite {width: 960px; float: left; margin: 10px 0 15px;}
.vollebreite .infobox p {color: #d4d5d7;}
.vollebreite .infobox p:hover {color: #fff;}

.vollebreite .infobox {width: 230px; float: right; margin-left: 20px; display: inline;}
.vollebreite .infobox a {text-decoration: none;}

.vollebreite .infobox h5 {border-top: 2px solid white; padding-top: 10px;}
.vollebreite .infobox h2 {font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif;}
.vollebreite .infobox img {float: left; width: 100px; height: 100px; margin: 0 10px 0 0;}
.vollebreite .text {font-size: 14px; width: 120px; float: left;color: #edecec;}

.vollebreite .growi {float: left; margin-left: 15px; display: inline;}
.vollebreite .growi h2 {font-family: 'TeXGyreHerosCnBold',"Arial Narrow", "Trebuchet MS", Trebuchet, sans-serif;}
.vollebreite .growi li {width: auto; padding: 0px 0px 0 14px; background: url('../images/rahmen/pfeil-rot.gif') 0 7px no-repeat;}

.vollebreite .growi a:hover {color: #fff;}

/* Sidebar =============================================================================== */
.block {color: #fff;  margin:0 0 27px 0; font-size: 14px; position: relative; display: block; float: right; width: 230px;}
.block .block-title { background: #1c1a1b; padding: 2px 2px 2px 7px; float: left; width: 221px;}
.block .block-title h2 { font-size: 16px; width: 50%; float: left; line-height: 18px;}
.block .block-title a {color: white; font-size: 14px; line-height: 16px; float: right; height: 18px; padding: 0px 40px 0 5px; text-decoration: none; background: url('../images/rahmen/bg_button_rot.gif') no-repeat; background-position: right;}
.block .block-title a:hover {background:  url('../images/rahmen/bg_button_rot_hell.jpg') no-repeat; background-position: right;}

.block .block-content { padding: 8px 0 5px 7px; width: 223px; float: left;}
.block .block-content .input-text {float: right; width: 150px;}
.block .block-content form {float: left; margin-bottom: 6px;}

.block img {float: left;}

.block .actions { text-align:right; }
.block .actions a { float:left; }
.block img.katalog {margin-left: 7px; display: inline; position: relative;}

.block .katalogbox {position: absolute; top: 62px; left: 87px; z-index: 10;}
.block .katalogbox h2 {font-size: 20px; line-height: 21px;}
.block .katalogbox div {
	display: block;
	width: 131px; 
	height: 49px;
	background: #e3001b url('../images/rahmen/rot_bg.gif') repeat-x;
	left: 0;
	top: 0;
	position: absolute;
	padding: 8px 0 0 8px;
	z-index: 20;
}

.block .katalogbox div.schatten {
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 
	background: #000;
	left: 2px;
	top: 2px;
}

.block .katalogbox div:hover {background: url(../images/rahmen/bg_hauptkategorie_stall_hover.gif) repeat-x;;}

.block .katalog-link {float: right; margin: 125px 0 0 5px; display: inline; color: #fff;}
.block .katalog-link:hover {color: #e2e3e5;} 

.block .price {float:right;}

/* Footer ================================================================================ */
.footer {padding:10px; background: #1a1818; font-size: 14px; width: 940px; float: left; position: relative; bottom: 0;}
.footer p {clear: left;}

.footer ul {margin-bottom: 20px;float: left;}
.footer li { float:left; margin-right: 5px; padding-left: 5px; border-left: 1px solid #696767; display: inline;}
.footer li a {color: #696767; text-decoration: none;}
.footer li a:hover {color: #c6c7c9; text-decoration: none;}
.footer li.first {border: none; padding: 0;}
/* ======================================================================================= */


.news-list-container {
}

.news-list-container .news-list-item {
	margin-bottom: 20px;
}

.news-list-container .news-list-item img {
	float: left;
	margin: 0 5px 5px 0;
}

.news-list-container .news-list-date {
}

.news-list-container .news-list-morelink {
}


.news-single-item {
	
}

.news-single-item .news-single-backlink {
	
}