@import url("jstuff.css");

body {
width: 100%;
}

#content100 {float:left;}
#header_items {width: 100%;}
#header.block_holder, #slideshow.block_holder, #footermenu.block_holder {padding:0;}
.module_margin, .maincontent, .side_margins {margin:5px;}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {float: left;}
.block_holder {padding:0px;}

/*--Framework Classes--*/
.block_holder {
}
.container {
	width:100%; 
}
.wrapper960 {
	width:960px; 
	margin:0 auto; 
}

.clear {
	clear:both;
}
.menu{}

#content_full {
}

/*--Header Div--*/
#header {
	position:relative;
}

/* Search */
#search {
	height:20px;
	position:absolute;
	z-index:10;
}
#search form {
	margin:0;
}
#search .inputbox {
border:medium none;
height:19px;
margin:0;
padding:3px 5px 3px 4px;
width:165px;
}
#search form .search label {
	display: none;
}

/*Language Divs*/
#language {
	position:absolute;
}

/*--Logo & Slogan Layout--*/
#logo {
	position:absolute;
}
.logo_container {
	margin: 0px; 
}
h1.logo {
	margin:0; 
	padding:0; 
}
h1.logo a {
	display:block; 
	position:relative; 
	z-index:0; 
	width:100%; 
	background: url(../images/logo.png) no-repeat; z-index:1;
}
h1.logo-text {
	margin:0; 
	padding:0; 
	text-align:center;
}
h1.logo-text a {
	letter-spacing:-3px; 
	white-space:nowrap; 
	outline:none; 
	position:relative; 
	text-decoration:none; 
	width:100%;
}
p.site-slogan {
	padding:0; 
	position:relative; 
	white-space:nowrap;
}

/*Social Media Divs*/
#socialmedia {
	position:absolute;
	z-index:4;
	width:240px;
	margin:0;
}
ul#navigation {
	float:right;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	list-style: none;
	height:23px;
}
ul#navigation li {
	background: none; 
	float:right; 
	line-height: 23px; 
	padding: 0;
}
ul#navigation li a {
	background-image: url("../images/sm_icons.png") !important;
	background-repeat: no-repeat;
	overflow:hidden;
	margin-right:3px;
	display: block;
	width: 23px;
	height: 23px;    
}
ul#navigation .nav_rssfeed a {background-position: 0 0;}
ul#navigation .nav_rssfeed a:hover {background-position: 0 -24px;}
ul#navigation .nav_twitter a {background-position: -27px 0px;}
ul#navigation .nav_twitter a:hover {background-position: -27px -24px;}
ul#navigation .nav_facebook a {background-position: -54px 0;}
ul#navigation .nav_facebook a:hover {background-position: -54px -24px;}
ul#navigation .nav_myspace a {background-position: -80px 0;}
ul#navigation .nav_myspace a:hover {background-position: -80px -24px;}
ul#navigation .nav_blogger a {background-position: -106px 0;}
ul#navigation .nav_blogger a:hover {background-position: -106px -24px;}
ul#navigation .nav_stumble a{background-position: -132px 0;}
ul#navigation .nav_stumble a:hover{background-position: -132px -24px;}
ul#navigation .nav_google a {background-position: -158px 0;}
ul#navigation .nav_google a:hover {background-position: -158px -24px;}
ul#navigation .nav_flickr a{background-position: -184px 0;}
ul#navigation .nav_flickr a:hover{background-position: -184px -24px;}
ul#navigation .nav_linkedin a{background-position: -210px 0;}
ul#navigation .nav_linkedin a:hover{background-position: -210px -24px;}
	
/*--Breadcrumb Divs--*/	
#breadcrumb .module_padding {
	padding:0px;
}

/*--Main Content and Side Columns Divs--*/
#main {
}
#sidecol_a, #sidecol_b {
height:100%;
} 

/*--Bottom Modules Divs--*/
#bottom_modules {
 }

/*--Base Modules and footer Divs --*/	

 #copyright {
 	float:left;
 }
 
 #copyright a {
 color:#bbb;
 text-decoration:none;
 }
 
  #copyright.module_margin {
 	margin: 5px 10px;
 }

/* Module Styling */
.module h3, .module_menu h3 {
	padding:0; 
	margin:0;
}
.module p, .module_menu p {
	margin:0;
}
.module_padding {
	height:100%;
	padding:10px 0px;
}
.module_content {
	padding:5px 0;
}
#sidecol .module {
	margin-bottom:10px;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {
	list-style-type: none;
}
.module ul a, .module_menu ul a {
	display:block;
	text-decoration: none;
}

#breadcrumb-1, #footer-1, #footer-2, #footer-3 {
	float: left; 
	width:100%;
}
 
 
/** Hornav **/
#hornav {float:left; width:100%;}
#hornav ul {margin:0;}
#hornav a span {cursor:pointer; display:block;}
#hornav li{list-style:none outside none; position:relative; text-indent:0; }
#hornav li li a span, #hornav li li a:hover span {}
#hornav a:hover {cursor:pointer; display:block; text-decoration:none;}
#hornav a:hover span{cursor:pointer; display:block;}
#hornav li ul li, #hornav li ul li ul li {margin-top: 0px;}

/* Hornav - Parent Styling */ 
#hornav ul a, #hornav ul ul a, #hornav .separator {white-space:nowrap; margin:0; margin-bottom:3px; cursor:pointer;}
#hornav li:first-child a {border: none;}
#hornav li, #hornav li li {float:left; z-index: 1;}
#hornav ul a, #hornav .separator {display:block; padding: 0 14px; text-decoration: none; z-index: 9999; margin-bottom: 0px /*dropdown gap*/;}
#hornav li:hover {}
#hornav ul ul a {display:block; line-height:20px; padding: 1px 10px; text-decoration: none; z-index: 9999; border:none;}

/* Hornav - Child Styling */
#hornav li li a, #hornav li li.active a, #hornav li li.visited a {color:#555555 !important; text-transform: none;}
#hornav li li a, #hornav li li a:hover, #hornav li li.active a, #hornav li.active ul li a {background:none !important;}

/* Hornav - Child Block Styling */
#hornav li li, #hornav li li li {clear:left; float:left; margin:0; padding: 2px 0px 4px !important; white-space: nowrap; z-index: 9999 !important;}
#hornav li li:last-child, #hornav li li li:last-child {background:none !important;}

/* Hornav - Dropdown Block Styling */
#hornav ul li ul{  
height:auto;  left:-999em;  margin:0;  padding:5px;  position:absolute; z-index:99999 !important;}

/* Hornav - Image 16*16 Styling */
#hornav ul li ul img {padding:3px 6px 3px 0px;}

/* Hornav - Sub-Child Block Styling */
#hornav li ul li ul {height:auto; left:-999em; margin:0; padding:5px; position:absolute; top:0;}

/* Hornav - General */
#hornav li:hover ul ul, #hornav li:hover ul ul ul, #hornav li:hover ul ul ul ul, #hornav li.iehover ul ul, #hornav li.iehover ul ul ul, #hornav li.iehover ul ul ul ul {left: -999em;}
#hornav li:hover ul, #hornav li li:hover ul, #hornav li li li:hover ul, #hornav li li li li:hover ul, #hornav li.iehover ul, #hornav li li.iehover ul, #hornav li li li.iehover ul, #hornav li li li li.iehover ul {left:0; z-index:99999 !important;}
#hornav li li, #hornav li li li {min-width: 180px;}
#hornav li ul li ul {margin-left: 187px;}
#hornav .menu li:first-child, .module .latestnews li:first-child {margin-top: 0 !important;}
#menu li li.parent {cursor: pointer !important;}
#hornav li:hover {left:0; z-index:5001 !important;}
#hornav ul li ul {margin-top: 0px;}


/* MenuMatic */
/* Just sub menu links */
#subMenusContainer a, #hornav li li a{text-align:left;}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px;}

/* All ULs and OLs */
#subMenusContainer ul, #subMenusContainer ol {padding: 0; margin: 0; list-style: none; line-height: 1em; min-width:170px;}

/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol {back-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; border:1px solid #ddd; left:0; padding-bottom:5px;}
#subMenusContainer li {list-style: none; background: none;}
#subMenusContainer{	display:block; 	position:absolute;	top:7px;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000;}

/** Top Menu **/
#topmenu {
	position:absolute;
	z-index:3;
}
#topmenu ul li{
    float: left;
    list-style:none;
}
#topmenu ul li a {
	display:block;
	text-decoration: none;
}

/** Footer Menu **/
#footermenu {
	float:right;
}
#footermenu ul li{
    display: inline;
    float: left;
}
#footermenu ul li a {
    display: block;
	text-decoration: none;
}
#footermenu ul li:last-child a {
	border:none;
}

/* Kifo-Modifikationen */

body {
  
  /* background: #2d66b5 url("../../../images/hintergrund_wasser.jpg") center top scroll no-repeat !important; */
  background: #404040 url("../../../images/hintergrund_wasser.jpg") center top scroll no-repeat !important;
}

#container_header, #container_slideshow, #container_base {
  background-color: transparent !important;
}
#container_base {
  background: #404040 url("../images/hintergrund_gestreift_antrazit.png") left top fixed repeat !important;
}

#container_top_modules {
  /* background-color: #2d66b5 !important; */
  /* background-color: #404040 !important; */
  background: #404040 url("../images/hintergrund_gestreift_antrazit.png") left top fixed repeat !important;
}

#search {
  top: 27px !important;
}

#joomlage,
#joomlage a {
  color: #444444 !important;
}

#ais_87 {
  border: white solid 1px;
}

#hornav a:hover,
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
  color: #d06600 !important;
}

#hornav {
  text-transform: uppercase;
}

#content_full a,
#content_remainder a {
    text-decoration: underline !important;
}

div#top_modules div.module {
  min-height: 125px !important;
}

div#top_modules div.module div.module_padding {
  padding: 0 !important;
}

div#sidecol_a div.module_header div  h3{
  background-color: #fd8b11;
  text-align: left;
  color: #0000cc;
  font-family: Molengo;
  font-size: 25px;
  font-weight: bold;
}

div#sidecol_a div.module_header {
  margin-bottom: 10px;
}

div#sidecol_a div.module_content {
  text-align: justify;
  border: solid 1px #b0b0b0;
  padding: 10px;
}

div.maincontent div.item-page div.page-header {
  margin-top: -11px;
}

div.maincontent div.item-page div.page-header  h2 {
  color: #696969 !important;
  border-bottom: 1px solid #808080;
  font-style: italic;
}

div.bottom-1 div.module_header div h3,
div.bottom-2 div.module_header div h3,
div.bottom-3 div.module_header div h3 {
  background-color: #fd8b11 !important;
  font-size: 12pt;
  font-weight: bold;
}

div.base-1 div.module_content a,
div.base-1 div.module_content {
  color: #f0f0f0;
  font-weight: bold;
}

div.base-1 div.module_content {
  padding: 5px 7px;
}

div.base-1 div.module_content a:hover {
  color: #d06600 !important;
}

div#footermenu div.module_margin {
  margin-right: 29px;
}

table.zweispaltig {
  background-color: #F5F5F5;
  border-collapse: collapse;
}

table.zweispaltig td {
  border-bottom: 3px solid #E9E9E9;
  border-right: 3px solid #E9E9E9;
  padding: 5px 10px;
  vertical-align: top;
}

table.zweispaltig td:first-child {
  font-weight: 700;
}

table.zweispaltig td:last-child {
  background-color: #D9D9D9;
  border-right: 0px solid #E9E9E9;
  color: #333333;
}
table.mitarbeiter td:first-child {
  width: 150px;
}

table.impressum {
  width: 920px;
}

table.impressum td:first-child {
  width: 200px;
}

div.typ {
  font-size: 11pt;
  font-weight: bold;
}
div.uebersicht_bild {
  width: 150px;
  height: 100px;
  padding: 0;
  background-color: #ffffff;
}
div.uebersicht_textblock {
  width: 140px;
  height: 210px;
  background-color: #ffffff;
  padding: 5px;
  line-height: 1.4;
}
div.uebersicht_textblock table {
  margin: 0 0 10px 0;
  padding: 0;
  border-collapse: collapse; 
}
div.uebersicht_textblock table td {
  border: 0px solid #000;
  height: 18px;
  font-size: 9pt;
}
div.uebersicht_textblock table td:first-child {
  width: 55px;
}
div.uebersicht_textblock table td:last-child {
  width: 85px;
}
div.blog div.sigplus-gallery a > img {
  margin: 0 !important;
}
.kurzbeschreibung {
  font-size: 8pt;
}
p.readmore {
  position: relative;
  bottom: 50px;
  left: 5px;
  height: 20px;
  line-height: 20px;
}
p.readmore > a {
  color: #000000 !important;
  text-decoration: none;
}
p.readmore > a:hover {
  color: #ccc;
}
p.readmore a.btn {
  width: 120px;
}
div.maincontent div.cols-5 {
  width: 985px;
}
div.maincontent div.cols-5 div.span2 {
  width: 192px;
  float: left;
}
div.motorenframe {
  width: 940px;
}
div.trailerframe {
  width: 1013px;
}
div.backlink {
  height: 40px;
  margin-top: 5px;
  float: right;
}
div.titel {
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 5px;
  clear: both;
}
div.hauptbildrahmen {
  position: relative;
  width: 650px;
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
}
img.hauptbild {
  width: 650px;
}
div.technische_daten_auswahl {
  float: right;
  margin-bottom: 20px;
  margin-right: 25px;
}
div.rissrahmen {
  float: right;
}
img.riss {
  width: 250px;
}
div.fotos {
  margin-bottom: 20px;
}
div.clearall {
  clear: both;
}
div.linkespalte_vollebreite {
width: 920px;
}
div.linkespalte_schmal,
div.linkespalte_mittel,
div.linkespalte_breit {
  float: left;
  margin-right: 40px;
}
div.linkespalte_schmal {
  width: 350px;
}
div.linkespalte_mittel {
  width: 440px;
}
div.linkespalte_breit {
  width: 530px;
}
div.rechtspalte_keine {
  width: 920px;
}
div.rechtespalte_schmal,
div.rechtespalte_mittel,
div.rechtespalte_breit {
  float: right;
}
div.rechtespalte_schmal {
  width: 350px;
}
div.rechtespalte_mittel {
  width: 440px;
}
div.rechtespalte_breit {
  width: 530px;
}
div.f2c_main_article p {
  text-align: left !important;
}
div.riss,
div.beschreibung,
div.ausstattung,
div.technische_daten,
div.downloads,
div.preis {
  margin-bottom: 20px;
}
.preis_wert {
  font-size: 14pt;
  color: #25366A;
}
div.technische_daten table,
div.ausstattung table {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border-collapse: collapse;
  border: 0px solid #000;
}
div.rechtespalte_schmal div.technische_daten table,
div.rechtespalte_schmal div.ausstattung table {
  width: 350px !important;
}
div.rechtespalte_mittel div.technische_daten table,
div.rechtespalte_mittel div.ausstattung table {
  width: 440px !important;
}
div.rechtespalte_breit div.technische_daten table,
div.rechtespalte_breit div.ausstattung table {
  width: 530px !important;
}
div.rechtespalte_keine div.technische_daten table,
div.rechtespalte_keine div.ausstattung table {
  width: 920px !important;
}
div.technische_daten table tr td,
div.ausstattung table tr td {
  padding: 0 10px 0 0 !important;
}
div.rechtspalte_keine div.technische_daten table tr td:first-child {
  padding: 0 30px 0 0 !important;
}
div.technische_daten table tr td:first-child {
  height: 18px;
  width: 50%;
}
div.technische_daten table tr td:last-child {
  height: 18px;
  padding-right: 0 !important;
  width: 50%;
}
div.technische_daten table tr:nth-child(odd) {
  background-color: #fafafa;
}
div.spalte_20 table tr td:first-child,
div.spalte_80 table tr td:last-child {
  width: 80%;
}
div.spalte_20 table tr td:last-child,
div.spalte_80 table tr td:first-child {
  width: 20%;
}
div.spalte_30 table tr td:first-child,
div.spalte_70 table tr td:last-child {
  width: 70%;
}
div.spalte_30 table tr td:last-child,
div.spalte_70 table tr td:first-child {
  width: 30%;
}
div.spalte_40 table tr td:first-child,
div.spalte_60 table tr td:last-child {
  width: 60%;
}
div.spalte_40 table tr td:last-child,
div.spalte_60 table tr td:first-child {
  width: 40%;
}
div.backlink_bottom {
  clear: both;
  text-align: right;
}
/* für Seite "Sonderangebote" */
div#content_full div.sonderangebot_artikel {
  width: 920px;
  height: 400px;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}
div#content_full div.sonderangebot_bild {
  float: left;
  width: 600px;
  height: 400px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#content_full img.sonderangebot_foto {
  width: 600px;
}
div#content_full div.sonderangebot_beschreibung {
  float: right;
  width: 280px;
  height: 380px;
  padding: 10px 20px;
  background-color: #fafafa;
}
div#content_full div.sonderangebot_titel {
  font-size: 12pt;
}
div#content_full span.preis {
   font-size: 12pt;
   font-weight: 700;
}

/* für Startseite (nur Angebot des Monats */
div#content_remainder div.page-header h2 {
  color: #404040
}
div#content_remainder div.sonderangebot_artikel {
  width: 628px;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}
div#content_remainder div.sonderangebot_bild {
  width: 628px;
  height: 419px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#content_remainder img.sonderangebot_foto {
  width: 628px;
}
div#content_remainder div.sonderangebot_titel {
  visibility: hidden;
  height: 0;
}
div#content_remainder div.sonderangebot_beschreibung {
  padding: 10px 20px;
  background-color: #fafafa;
  line-height: 20px;
}
div#content_remainder span.sonderangebot_titel {
  font-size: 12pt;
}
div#content_remainder span.preis {
   font-size: 12pt;
   font-weight: 700;
}
/* Ende Startseitenformate */
div.balkentitel {
  background-color: #FD8B11;
  color: #0000CC;
  font-family: Molengo;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  box-shadow: 1px 1px 5px #999999;
  padding: 6px;
  margin-bottom: 10px;
}
ul.arbeitsmenue {
  float: right;
}
ul.arbeitsmenue a {
  color: white;
  font-weight: bold;
  border-bottom: 1px dotted #FFFFFF;
  border-top: 1px dotted #FFFFFF;
}
ul.arbeitsmenue li {
  display: inline;
  float: left;
}
