/*
Theme Name: Hydraulikschlauch24
Theme URI: http://www.hydraulikschlauch24.de
Description: Template zum Hydraulikschlauch24.de CMS
Author: Christoph Nissl
Author URI: http://www.hydraulikschlauch24.de
*/

/* ######################################################################################################
** ### START - BOXES ####################################################################################
** ######################################################################################################
*/
.sprite {
    background: url(img/csg-507583d6986e8.jpg) no-repeat top left;
}

.boxheader_search {
	background-position: 0 -640px; width: 282px; height: 30px;
	padding:0px 8px 0px 8px;
	margin:0;
	line-height:28px;
	border-style:solid;
	border-color:#7e7d7c;
	border-width:1px 1px 1px 1px;
}
.boxheader_kategorie {
	background-position: 0 -80px; width: 282px; height: 30px;
	padding:0px 8px 0px 8px;
	margin:0;
	line-height:28px;
	border-style:solid;
	border-color:#7e7d7c;
	border-width:0px 1px 1px 1px;
}

.side-box {
	background-image:url(img/bg_trans.png);
	padding:4px 8px 4px 8px;
	margin-bottom:0px;
	border-style:solid;
	border-color:#7e7d7c; 
	border-width:0px 1px 1px 1px;
}

/* ######################################################################################################
** ### ENDE - BOXES #####################################################################################
** ######################################################################################################
*/

* {
margin:0;
padding:0
}
body {
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-size:13px;
margin:20px 0;
padding:0;
background:url(img/bg.jpg) #eee;
color:#4c4947;
line-height:18px;
}
/* HEADINGS */
h1 {
color:#000;
font-weight:bold;
font-size:18px;
margin:20px 0 15px 0;
padding:0 0 8px;
width:auto;
border:#888786 solid;
border-width:0 0 1px 0;
}
h2 {
color:#000;
font-weight:bold;
font-size:16px;
margin:15px 0 8px 0;
padding:0;
}
h3 {
color:#555;
font-weight:bold;
font-size:12px;
}
/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover {
background:transparent;
text-decoration:none;
outline:none;
cursor:pointer;
}
a:link {
color:#666666;
outline:none;
}
a:visited {
color:#666666;
outline:none;
}
a:hover, a:active {
color:#fff;
outline:none;
}
a:hover {
color:#ff6800;
/* text-decoration:underline; */
outline:none;
}
a img {
border:none;
outline:none;
}
/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {
font-family:Arial, Sans-serif;
font-size:12px;
}
textarea {
font-family:Arial, Sans-serif;
font-size:12px;
border:1px solid #666;
padding:10px;
background:url(img/input_bg.gif) no-repeat;
}
select {
font-family:Arial, Sans-serif;
font-size:12px;
border:1px solid #666;
}
/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {
border:1px solid #666;
padding:2px;
background:url(img/input_bg.gif) no-repeat;
}
/* PARAGRAPH GLOBAL */
p {
margin:8px 0;
}
/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0;
background-color:#4E4E4F;
}
div.hrlightgrey {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0;
background-color:#999;
}
div.hrproductpreview {
padding-top:1px;
height:0;
overflow:hidden;
margin:12px 0;
display:inline;
height:0;
line-height:0;
display:block;
background-image:url(img/hr_productpreview.gif);
}
/* TABLE GLOBAL */
table td {
padding:2px;
} 

/* ######################################################################################################
** ### START - WHOLE SITE WRAPP #########################################################################
** ######################################################################################################
*/
#wrapper {
	width:1000px;
	/* background-color:#fff; */
	border:#fff solid;
	border-width:0 0px 0px 0px;
	margin:0 auto 10px;
}
/* ######################################################################################################
** ### ENDE - WHOLE SITE WRAPP ##########################################################################
** ######################################################################################################
*/


#header {
	height:130px;
}
#header #logo {
	float:left
}

#top_logo {
		margin-left: -100px;
  	  }

/* ########### Logo Bild ein Service der MD-Autohaus...*/
#top_md {
	float: left;
	position:absolute;
	margin: 55px 0px 0px 94px;
}

/* ######################################################################################################
** ### START TOP - Navigation ###########################################################################
** ######################################################################################################
*/
#nav_top {
	padding: 7px 20px 0px 0px;
	float: right;
	overflow:hidden;
}
#nav_top ul {
	padding: 0;
	font-size: 1em;
/* CSS Eror 20101221 	line-height: px; */
	display:inline;
	float:left;
}

#nav_top ul li {
	float: left;
	margin: 0;
	font-size: 1em;
	line-height:1.0em;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #363636;
}

#nav_top ul li a {
	display:block;
	width: auto;
	font-size: 1em;
	background: transparent;
	text-decoration: none;
	color: #000;
	margin: 0px 4px;

}
/* ######################################################################################################
** ### ENDE TOP - Navigation ############################################################################
** ######################################################################################################
*/

/* ######################################################################################################
** ### START Hauptnavigation ############################################################################
** ######################################################################################################
*/

#nav_main {
	width: 998px;
	height: 40px;
	overflow:hidden;
	background-color: #c3c2c2;
	border: 1px #8f8f8e solid;
}

#nav_main ul {
	padding: 0;
	font-size: 1.3em;
	display:inline;
	float:left;
	margin:4px 0px 0px 25px;
}

#nav_main ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height:1.0em;
	list-style-type: none;
}

#nav_main ul li#first {	border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; }
#nav_main ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; }

#nav_main ul li a {
	display:block;
	width: auto;
	font-size: 1em;
	background: transparent;
	text-decoration: none;
	color: #4c4947;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
}

#nav_main ul li a:hover {
	/*color: #ca513e;*/
	color: #ff6800;
	text-decoration: none;
	background: url(../../img/shiny_buttons/tab_hover.gif) repeat-x center right;
}

#nav_main ul li#current {
	color: #4097da;
	background-color: transparent;
	background-image: none;
	text-decoration: none;

}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
	color: #4097da;
	background: transparent;
	text-decoration: none;
	background: url(../../img/shiny_buttons/tab_hover.gif) repeat-x center right;
}


/* ######################################################################################################
** ### ENDE Hauptnavigation #############################################################################
** ######################################################################################################
*/

/* ######################################################################################################
** ### START MAIN CONTENT ###############################################################################
** ######################################################################################################
*/

/* CONTENT WRAPPER */
#contentwrap {
clear:both;
width:980px;
padding:0;
}
/* LEFT COLUMN */
#leftcol {
float:left;
width:300px;
padding:0 0 0px 0;
}

/* MAIN CONTENT */
#content {
float:left;
width:630px;
padding:0px 25px 0px 25px ;
margin-bottom:15px;
}

/* ######################################################################################################
** ### ENDE MAIN CONTENT ################################################################################
** ######################################################################################################
*/
/* ######################################################################################################
** ### SUBTEMPLATES #####################################################################################
** ######################################################################################################
*/

/**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; height: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }


#main       {width: 450px; padding: 0px; float: left;} 


#sidebar    {width: 300px; padding: 0px; padding-top: 20px; padding-bottom: 20px; float: left; margin-left:0px;}



#footer     {clear: both; height: 149px; width:1000px; margin-top: 15px; padding:5px; background-image:url(img/bg_trans.png); border: 1px #8f8f83 solid; }

/* Small headers */
/* Widget Kopf (Kategorie/Menü */
.widgettitle {
	font-size: 12px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
/*	font-weight: bold; */
	text-transform: uppercase;
	color: #4c4947;
	background-color: #c3c2c2;
	padding: 5px 10px 5px 10px;
	margin: -5px -5px 5px -5px;

	border-style:solid;
	border-color:#7e7d7c;
	border-width:0px 0px 1px 0px;
}

/* Kategoriemenü ohne Aufzählungspunkt */
li#wpdt-pages-widget-3.widget.wpdt-pages { list-style-type: none; }

/* Kategoriebox */
.widget {
	border-style:solid;
	border-color:#7e7d7c;
	border-width:1px 1px 1px 1px;
	padding:5px;
	background-image:url(img/bg_trans.png);
}