/* css created and developed by 12bis3.de - zeitgemaess kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: lucida, "lucida sans", trebuchet, "Trebuchet MS", arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* -------------
main definitions
--------------*/


body {
	background: #fff;
	font-size: 70%;
	min-height: 101%;
	color: #000;
}

a {
	color: #000;
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	margin-bottom: 0.8em;
	color: #000;
	font-size: 125%;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-size: 120%;
	margin: 0 0 0.5em 0;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-size: 110%;
	margin: 0 0 0.5em 0;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-size: 100%;
	margin: 0 0 0.3em 0;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

h5 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
	color: #000;
	font-weight: normal;
}

p {
	margin: 0 0 1em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

blockquote, blockquote p {
	font-style: italic;
}


/* ---------------
layout definitions 
----------------*/

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	display: none;
}

#content-left {
	width: 625px;
	float: left;
}

#content-right {
	display: none;
}

#navigation {
	display: none;
}

#content {
	width: 518px;
	padding: 25px 50px 1px 57px;
	line-height: 170%;
}

#footer {
	display: none;
}

#content-left #footer {
	display: none;
}


/* -------
start page
------- */

#jack-start {
	display: none;
}


/* start boxes */

#start-boxes {
	min-height: 290px;
	line-height: 160%;
}

#start-boxes div {
	float: left;
	width: 264px;
	padding: 25px 18px 15px 18px;
}

#start-boxes div h3 {
	color: #000;
	font-size: 125%;
	margin: 0 0 1em 0;
}

#start-boxes div p {
	font-size: 110%;
}

#start-boxes div p.teaser-more {
	text-align: right;
	margin-top: -0.5em;
}

#start-boxes div p.teaser-more a {
	padding: 2px 25px 2px 0;
	display: block;
	color: #000;
}

h6 {
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}

#start-boxes div#start-news h4 {
	font-size: 120%;
	margin: 0;
}

#start-boxes div#start-dealer input {
	font-size: 115%;
	padding: 5px 3px;
	width: 120px;
	font-weight: bold;
	margin-right: 10px;
}

#start-boxes div#start-dealer button {
	border: none;
	height: 25px;
	width: 16px;
	vertical-align: 3px;
}



/* ---------------
content defintions
----------------*/

#content-left #jackport-logo {
	display: none;
}


/* content */

#content p {
	margin-bottom: 1.5em;
}

#content p.address-data {
	margin-bottom: 0.8em;
}

#content ul {
	margin: 0 0 1.5em 15px;
	list-style-type: none;
	list-style-type: square;
}

#content ol {
	margin: 0 0 1.5em 25px;
}

#content li {
	margin-bottom: 0.2em;
}

.image-left {
	float: left;
	margin: 0.5em 15px 0.3em 0;
}

.image-right {
	float: right;
	margin: 0.5em 0 0.3em 15px;
}

.image-right .zoom-in, .image-left .zoom-in, .image-big .zoom-in {
	border: none;
	margin: 5px 0 0 5px;
	position: absolute;
}

dl.image-big {
	margin: 0 0 1em 0;
}

dl.image-big dt {
	text-align: center;
}

.images {
	margin: 0 0 1.5em 0;
}

.images dl {
	float: left;
	padding: 0 10px 0 0;
}

.images dl dd, .image-left dd, .image-right dd, .image-big dd {
	font-size: 90%;
	color: #fff;
	font-style: italic;
}

table {
	border: 1px solid #000;
	border-collapse: collapse;
	border-bottom: none;
	margin: 0 0 1.5em 0;
}

table thead td, table thead th {
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #000;
	padding: 4px 5px;
}

table td {
	padding: 3px 5px;
	border-bottom: 1px solid #000;
	vertical-align: top;
}

table p {
	margin: 0 0 0.5em 0;
}


/* content footer */

p#content-footer {
	display: none;
}


/* news */

dl.news {
	width: 518px;
	border-top: 1px solid #000;
	margin: 0 0 1.4em 0;
	padding: 1.2em 0 0 0;
}

dl.news dt {
	width: 130px;
	text-align: left;
	float: left;
	margin-bottom: 0.1em;
}

dl.news dd {
	width: 388px;
	float: left;
	margin: 0.4em 0 0.1em 0;
}

dl.news dd p {
	margin-bottom: 1em;
}

#content dl.news dd p.news-more {
	margin: -1em 0 0 0;
	text-align: right;
}

dl.news dd p.news-more a {
	color: #fff;
}

dl.news h6 {
	font-size: 90%;
}

dl.news h2 {
	margin-bottom: 0;
}

p.back-news {
	border-top: 1px solid #000;
	padding-top: 0.5em;
}

/* press */

dl.press {
	width: 518px;
	border-top: 1px solid #000;
	margin: 0 0 1.4em 0;
	padding: 1.2em 0 0 0;
}

dl.press dt {
	width: 130px;
	text-align: left;
	float: left;
	margin: 0.4em 0 0.1em 0;
}

dl.press dd {
	width: 388px;
	float: left;
	margin-bottom: 0.1em;
}

#content dl.press dd p {
	margin-bottom: 0.5em;
}

#content dl.press dd ul.press-list {
	margin: 0;
}


/* icons */

dl.icons {
	width: 518px;
	margin: 0 0 1.4em 0;
	padding: 0.5em 0 0 0;
}

dl.icons dt {
	width: 105px;
	text-align: left;
	float: left;
	margin: 0.4em 0 0.1em 0;
}

dl.icons dd {
	width: 413px;
	float: left;
	margin-bottom: 0.1em;
}

#content dl.icons dd p {
	margin-bottom: 0.5em;
}


/* shop */

div#shop {
	border: 1px solid #000;
	padding: 5px;
}

dl.shop {
	width: 506px;
	border-top: 1px solid #000;
	margin: 0 0 1.4em 0;
	padding: 1.2em 0 0 0;
}

dl.shop dt {
	width: 145px;
	text-align: left;
	float: left;
	margin-bottom: 0.1em;
}

dl.shop dd {
	width: 361px;
	float: left;
	margin-bottom: 0.1em;
}

dl.shop dd p.price {
	text-align: right;
}


dl.shop dd p.price span {
	float: left;
}

#content p.basket {
	text-align: right;
	margin-bottom: 0.6em;
}

p.basket a {
	color: #000;
	text-transform: uppercase;
}

#content ul#shop-nav {
	margin: 1em 0 0 0;
}

#content ul#shop-nav li {
	float: left;
	padding: 0;
	background: 0;
}

#content ul#shop-nav li a {
	text-transform: uppercase;
	color: #000;
}

table.basket input {
	width: 25px;
}

caption {
	text-align: left;
	text-transform: uppercase;
	font-size: 100%;
	margin-bottom: 0.4em;
}


#content p.shop-more {
	margin: 1em 0 1em 0;
	font-size: 110%;
	text-align: right;
	padding: 0 5px 0 0;
}

dl.order {
	width: 506px;
}

dl.order dt {
	float: left;
	clear: left;
	margin-bottom: 0.6em;
	width: 150px;
	text-align: right;
	padding-right: 20px;
}

dl.order dd {
	float: left;
	margin-bottom: 0.6em;
	width: 336px;
}

table td.bestellung {
	text-align: right;
}

table td.td-sum {
	text-align: right;
	padding-right: 10px;
}

/* downloads */

div.downloads {
	border: 1px solid #000;
	padding: 10px;
}

#content div.downloads ul {
	margin: 0;
	list-style-type: none;
}



/* pager */

#content ul.pager {
	display: none;
}



/* ------------------
formular definitionen
-------------------*/

fieldset {
	margin-bottom: 1.2em;
}

form {
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

label {
	float: left;
	width: 150px;
	color: #fff;
	padding-right: 15px;
	text-align: right;
}

input, textarea, select {
	width: 250px;
	font-size: 100%;
	color: #000;
	padding: 3px;
	border: 1px solid #000;
}
textarea {
	width: 250px;
	height: 170px;
	padding: 4px 3x;
	border: 1px solid #000;
	color: #000;
}
select {
	padding: 3px;
	width: 258px;
}

p.input-small input {
	width: 50px;
}
option {
	padding: 0 3px;
	background: transparent;
}

input.small {
	width: auto;
	padding-right: 5px;
}

input.captcha {
	margin: 10px 0 0 165px;
}

form p span.tx-srfreecap-pi2-cant-read {
	padding-left: 165px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}

input.submit-btn {
	color: #000;
	text-transform: uppercase;
	width: 258px;
}

p.check-radio input, input.check-radio {
	width: auto;
	margin-right: 5px;
	background: none;
	border: none;
	height: auto;
	padding: 0;
}




/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
.clear {
	display: block;
}