/**
 * Layout for PROJECT
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev$
 * $Author$
 * $Date$
 */

/* Reset Section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
ul { list-style: none; }
ol { list-style: none; }
a { text-decoration: none; }
object, embed { outline: none; }
a, a:active, a:visited { outline: none; }

html,body { height: 100%; }

body {
	color: #323232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	overflow-y: scroll;
	background-color: #e0e0e1;
	background-image: url(../../layout/bautrockner-verleih-vermietung.de/bg_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

/* Page Section */
div#page {
	background-color: #FFFFFF;
	height: 100%;
	width: 760px;
	margin: 0px auto;
}

/* Header Section */
div#header { border-bottom: 35px solid #cf2f2f; }

div#head {
	background-color: #000000;
	color: #FFFFFF;
	line-height: 47px;
	text-align: center;
}

div#teaser img { display: block; }

/* Navigation Section */
ol#navigation { position: relative; top: -41px; }

ol#navigation li { line-height: 46px; float: left; }
ol#navigation li a {
	text-indent: -5000px;
	background-image: url(../../layout/bautrockner-verleih-vermietung.de/bg_navigation.png);
	background-repeat: no-repeat;
	display: block;
}

li#link_home a { width: 230px; background-position: top left; }
li#link_home a:hover, li#link_home.active a {  background-position: 0px -46px; }

li#link_info a { width: 158px; background-position: -230px 0px; }
li#link_info a:hover, li#link_info.active a { background-position: -230px -46px; }

li#link_auswahl a { width: 161px; background-position: -388px 0px; }
li#link_auswahl a:hover, li#link_auswahl.active a { background-position: -388px -46px; }

li#link_anfrage a { width: 165px; background-position: -549px 0px; }
li#link_anfrage a:hover, li#link_anfrage.active a { background-position: -549px -46px; }

li#link_anfrage:hover, li#link_anfrage.active,
li#link_auswahl:hover, li#link_auswahl.active,
li#link_info:hover, li#link_info.active {
	background-image: url(../../layout/bautrockner-verleih-vermietung.de/bg_navigation_back.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 13px;
	margin-left: -13px;
}

/* Content Section */
div#content { position: relative; margin-bottom: 110px; }

div#content a#prev,
div#content a#next {
	width: 74px;
	height: 74px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: 50;
}

div#content a#prev { background-image: url(../../layout/bautrockner-verleih-vermietung.de/prev_button.png); left: -40px; }
div#content a#next { background-image: url(../../layout/bautrockner-verleih-vermietung.de/next_button.png); right: -40px; }

div#content a#next:hover { background-image: url(../../layout/bautrockner-verleih-vermietung.de/next_button_hover.png); }
div#content a#prev:hover { background-image: url(../../layout/bautrockner-verleih-vermietung.de/prev_button_hover.png); }

div.contents { padding: 40px 40px 0px 60px; line-height: 19px; margin-bottom: 0px;  }
div.contents p { margin-bottom: 16px; }
div.contents h1 {
	font-size: 20px;
	color: #DE4143;
	margin-bottom: 15px;
}
div.contents h1 span#small_text { font-size: 16px; }
div.contents ul { margin-bottom: 15px; padding-left: 15px; list-style: square; }

/* Footer Section */
div#footer_wrapper {
	background-color: #FFFFFF;
	bottom: 0;
	height: 80px;
	position: fixed;
	padding-top: 5px;
}

a#imprint_link {
	background-image: url(../../layout/bautrockner-verleih-vermietung.de/bg_footer.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 760px;
	margin: 0 auto;
	display: block;
}

/* Countrie Section */
ul.cities *, ul.counties * { list-style: none !important; }
ul.cities { padding: 20px; line-height: 20px; list-style: none; }
ul.counties { list-style: none; }
ul.counties li { width: 150px; float: left; }
ul.cities li { float: left; width: 200px; }

ul.counties li ul {
	height: 80px;
	border-left: 1px solid #ffa800;
	line-height: 20px;
	padding: 18px;
}

ul.cities li ul li {
	height: auto;
	border-left: 1px solid #000;
	padding: 4px 0px 4px 8px;
}

ul.cities li ul li a { color: #DE4143; }
ul.cities li ul li:hover a { color: #000; }
ul.counties li ul li a { color: #DE4143; }
ul.counties li ul li:hover a { color: #000; }

/* Information Columns (2nd tab) */
.info-twocol { position: relative; }
.info-col { width: 320px; margin: 0px 0px 40px 20px; float: left; }
.info-col:first-child { margin-left: 0; }

.info-col img { margin-right: 10px; float: left; }
.info-col div { width: 210px; float: right; }

.info-col h2 { color: #414141; font-weight: 800; line-height: 1.8; }
.info-col dl dd, .info-col dl dt { line-height: 24px; }
.info-col dl dd dl dd, .info-col dd.nosub { width: 75px; float: right; }
.info-col dl dd dl dt, .info-col dt.nosub { width: 135px; float: left; }

.info-col ul { padding-left: 15px; list-style: square; }
.info-col ul li { line-height: 24px; }

/* Request Tab (3rd tab) */
.product-request { width: 100%; }
.product-request td { padding: 5px 0px; }
.product-request td select { padding: 1px; border: 1px solid #DE4143; }
.product-request td h2 { color: #000000; font-size: 13px; font-weight: normal; line-height: 1; } 
.product-request .pr-option { width: 10px; }
.product-request .pr-text { width: 170px; }

#request-show {
	bottom: 0px;
	position: absolute;
}

.next-btn {
	width: 223px;
	height: 46px;
	padding: 8px 0px 0px 24px;
	border: none;
	color: #FFF;
	font-size: 10px;
	line-height: 1.4;
	background: url(/layout/bautrockner-verleih-vermietung.de/next-btn.gif) no-repeat;
	display: block;
}
.next-btn strong {
	font-size: 13px;
	text-transform: uppercase;
	display: block;
}
.next-btn:focus, .next-btn:active { outline: none; }

/* Forms */
input, select, option, textarea {
	color: #323232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
label { cursor: pointer; }

div.input { margin-bottom: 5px; }
div.input label { width: 150px; display: inline-block; }
div.textarea label { vertical-align: top; }
div.input input, div.textarea textarea { width: 160px; border: 1px solid #DE4143; padding: 3px; }
div.submit input {
	padding: 3px 5px;
	border: 1px solid #DE4143;
	color: #000;
	font-weight: 800;
	background-color: #FFFFFF;
}

div.submit { margin-top: 10px; }

div.validation-advice { margin-left: 155px; }

/* Clearing Section */
.container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container {display:block;}
.container {clear:both;}