/* V0.6 - 2010-01-11 by DeLucaMarketing, Marco De Luca */
/* Reset main tags */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%}
html {overflow-y: scroll;}

/* Main tag definitions */
body			{background-color: #fff; border-color: #bd3826; color: #444; font-family: Verdana, sans-serif; line-height: 140%; font-size: 82.5%; background: #a8adb1;}
h1				{color: #bd3826; background: #fff; font: normal 180%/1.2 verdana,sans-serif; margin-bottom: 0.25em;}
h2				{color: #bd3826; background: #fff; font: bold 100%/1.4 verdana,sans-serif; margin: 1.5em 0 0.5em 0; clear: left;}
h3				{font: bold 100%/1.3 verdana,sans-serif; margin: 1em 0 0.5em 0;}
h4				{font: bold 100% verdana,sans-serif; margin: 1em 0 0 0}
p				{margin: 0 0 0.5em 0;}
img			{border: none;}
blockquote	{margin: 1em 0 3em 0;}
hr				{color: #a8adb1; margin: 20px 0; background: #a8adb1; border: none; height: 1px; clear: left;}
ul				{padding-left: 1.4em; margin-top: 0; margin-bottom: 1em;}
ol				{padding-left: 1.8em; margin-top: 0; margin-bottom: 1em;}

ul.links		{list-style: none; margin: 0; padding: 0;}
ul.links		img {display: block;}
ul.links li	{margin-bottom: 3em;}

a, a:link	{color: #39529B;}
a:visited	{color: #39529B;}
a:hover		{color: #39529B; }
a:focus		{color: #39529B;}
a:active		{color: #b92200;}

a.url,
a.url:link 	 	{color: #39529B; background: url(../../img/arrow-right.gif) no-repeat 0 2px; padding-left: 14px;}
a.url:visited	{color: #818EB5; background: url(../../img/arrow-right-over.gif) no-repeat 0 2px;}
a.url:hover	 	{color: #a8adb1; background-image: url(../../img/arrow-right-over.gif);}
a.url:active	{color: #a8adb1; background: inherit;}

a.pdf,
a.pdf:link 	 	{color: #39529B; background: url(../../img/iconPDF.gif) no-repeat 0 2px; padding-left: 14px;}
a.pdf:visited	{color: #818EB5; background: url(../../img/iconPDF-over.gif) no-repeat 0 2px;}
a.pdf:hover	 	{color: #a8adb1; background: url(../../img/iconPDF-over.gif) no-repeat 0 2px;}
a.pdf:active	{color: #a8adb1; background: inherit;}


table { border-collapse: collapse; margin: 0.5em 0 2em 0;}
th {background: #a8adb1; color: white; text-align: left;}
td {border-bottom: 1px solid #a8adb1; background: #f5f5f5;}
th, td {padding: 0.25em; vertical-align: top;}
tfoot td {background: white; border-bottom: none; padding-top: 0.75em;}
table.tab {font-size: 0.85em;}
table.heizloesung th {border-bottom: 1px solid white;}
th.center {text-align: center;}
table.heizloesung .borderright {border-right: 1px solid white;}


/* Structure */
#outerWrapper				{background-color: #fff; width: 930px; margin: 0 auto;}
#outerWrapper #header	{background-color: #fff; padding: 10px; /* border-bottom: solid 1px #a8adb1; */}
#header						{position: relative; height: 100px;}
#logo							{position: absolute; left: 20px; top: 30px;}
#logos						{position: absolute; height: 60px; left: 270px; top: 20px; width: 500px; list-style: none; margin: 0; padding: 0; display:none;}
#logos li					{position: absolute; right: 0;}
#wp-logo						{position: absolute; left: 800px; top: 20px;}
#outerWrapper #contentWrapper						{overflow: hidden;}
#outerWrapper #contentWrapper #rightColumn1	{background-color: #fff; float: right; padding: 20px; width: 200px; font-size: 0.85em; /* border-left: 1px solid #a8adb1; */}
#outerWrapper #contentWrapper #content			{border-right: solid 1px #a8adb1; margin: 0 240px 0 0; padding: 20px;
	min-height: 720px;
	height: auto !important;
	height: 720px;
}
/* Single column layout */
#outerWrapper #contentWrapper #content.SingleCol{margin-right: 0; width: 890px; border-right: none;}
/* No min-height for login page */
#login #outerWrapper #contentWrapper #content	{min-height: auto; height: auto !important;}
#outerWrapper #footer									{background-color: #9F9C6F; color: white; padding: 10px 20px; text-align: right; font-size: 0.85em;}


/* navigation */
#nav {position: relative;}
#navigation {background: #bd3826; height: 2em; color: white; padding: 0 10px;}
ul.dropdown a {color: white; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 2em; display: block; padding: 0 10px; border: none;}
ul.dropdown a:visited,
ul.dropdown a:hover {color: white;}
ul.dropdown #logout {float: right; position: absolute; right: 0;}

#home .home,
#waermepumpen .waermepumpen,
#planungshinweise .planungshinweise,
#heizloesungen .heizloesungen,
#service .service,
#download .download,
#fa .fa,
#kontakt .kontakt {background: #9f9c6f;}

/* Specials */
.small				{font-size: 0.85em;}
.big					{font-size: 1.8em; font-family: arial,sans-serif;}
.video				{border: 1px solid #a8adb1; width: 640px; height: 385px; display:block; margin-bottom: 3em;}
.center				{text-align: center;}
.top1em				{margin-top: 1em;}
.bot1em				{margin-bottom: 1em;}
.left					{width: 50%; float: left;}
.right				{width: 50%; float: right;}
.left img,
.right img			{display: block;}
.spaced li			{margin-bottom: 1em;}
.img-left			{border: 1px solid #a8adb1; float: left; margin-right: 20px; margin-bottom: 20px;}
.clr					{clear: left;}
.green				{color: #090;}
.border				{border: 1px solid #a8adb1; padding: 10px;}
.clrboth				{clear: both;}
.pic-right			{float: right; margin-left: 20px;}
.pdfthumbnail		{border: 1px solid #a8adb1; margin-right: 10px;}
.clrbottommargin	{margin-bottom: 0;}
.box					{float: left; width: 280px; margin: 20px 20px 20px 0; padding-right: 20px; /*text-decoration: none;*/}
a.box:hover			{background: #f4f4f4; color: #bd3826;}
a.box:hover img	{border: 1px solid #bd3826;}
.negative			{color: #fff; background: #bd3826; text-align: center; padding: 0.25em 0; margin-top: 2em;} /* e.g. for service packages */
noscript p			{border: 1px solid #bd3826; margin-top: 20px;padding: 20px 20px 20px 84px; color: #bd3826; font-weight: bold; background: #F9E4E1 url(../img/Warning.gif) 10px center no-repeat;}
#randomquestion	{font-weight: normal;}
#randomquestion a {font-weight: normal;}
.ColLeft				{width: 33%; float: left;}
.ColMiddle			{width: 30%; float: left; margin-left: 1%; margin-right: 1%;}
.ColRight			{width: 33%; float: right;}
.footnote			{display: block; float: left; padding-bottom: 2em; margin-right: 0.25em;}


/* Page specific */

dl, dt, dd {margin: 0; padding: 0;}
dt {font-weight: bold; padding-left: 10px; background: #fff url(../img/arrow-right.gif) 2px center no-repeat; margin-top: 1em;}
dt.bghover {background-color: #f4f4f4; cursor: pointer; cursor: hand;}
dt.open {background: url(../img/arrow-down.png) left center no-repeat; color: #bd3826;}

#kontakt #content  p {margin-bottom: 2em;}


/* Fachpartner table */
.fachpartner {font-size: 0.8em;}
.fachpartner a {padding-right: 20px; background: url(../img/jump.gif) right 2px no-repeat;}


/* Form */
form							{margin-top: 1em; display: none;}
fieldset						{border: none; margin: 0; padding: 0; margin-bottom: 0.5em;}
fieldset.input				{border: 1px solid #a8adb1; display: inline; padding: 1em; width: 390px; background: #f4f4f4;}
fieldset.input input		{width: 200px;}
fieldset.input label		{margin-right: 0.5em;}
fieldset.submit input	{margin-top: 1em; padding: 0.25em 2em;}



/* Coda Slider (Link collection) */
.coda-slider-wrapper { padding: 0; }
.coda-slider {}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 200px } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 200px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
/* Tab nav */
.coda-nav ul li a.current {background: #bd3826; color: white;}
/* IE6 Hack */
.coda-nav ul li.tab1 a,
.coda-nav ul li.tab2 a,
.coda-nav ul li.tab3 a,
.coda-nav ul li.tab4 a {color: white;}
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline;}
.coda-nav ul li a { background: #a8adb1; color: #ffffff; display: block; float: left; margin-left: 1px; padding: 3px 6px; text-decoration: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
h2.title {display: none;}
.coda-slider img {border: none; display: block; border: 1px solid #a8adb1; margin-bottom: 0.5em;}


/* Breadcrumbs */
#crumbs { list-style: none; margin: 0; padding: 0; height:2em; font-size: 0.85em; border-bottom:1px solid #dedede;}
#crumbs li {float:left; line-height:2em; color:#777; padding-left:10px; }		
#crumbs li a {background:url(../img/crumbs.png) no-repeat right center; display:block; padding:0 20px 0 10px;}							
#crumbs li a:link,
#crumbs li a:visited {color: #777; text-decoration:none; }	
#crumbs li a:hover,
#crumbs li a:focus {color:#bd3826; text-decoration: underline;}		


/* */
.before-after {margin-top: 1em; margin-bottom: 1.5em;}
.before {margin-left: 37px;}
.after {margin-left: 455px; display: block;}



/* Suckerfish */
ul.dropdown {list-style: none; margin: 0; padding: 0 20px;}
ul.dropdown li {float: left;}
ul.dropdown a:hover {background: #b2b08c;}
ul.dropdown, ul.dropdown ul {padding: 0; margin: 0; list-style: none; line-height: 1;}

/*
#nav a {display: block; width: 10em;}
#nav li {float: left; width: 10em;}
*/

ul.dropdown ul a {display: block; padding: 0.15em 1em; border-top: 1px solid white; font-size: 0.9em; font-weight: normal; text-transform: none;}
ul.dropdown ul li {float: none;}

/* second-level lists */

ul.dropdown li ul {position: absolute; background: #bd3826; width: auto; left: -999em;}
ul.dropdown ul li {display: inline; width: 100%;}

/* IE fix */
ul.dropdown li:hover ul, ul.dropdown li.sfhover ul {left: auto;}