@CHARSET "utf-8";

/*
 * Author: Markus Kinzl
 * Web: http://www.apospec.com/
 * Copyright 2009 apospec International AG
 */


/* ================================
	global settings
=================================*/
* { padding: 0; margin: 0; }
html, body { font-family:Verdana,Geneva,sans-serif; font-size:11px; position:relative; color:#222222; }
p {	padding-bottom:10px; line-height:18px; }
h1, h2, h3 { font-size: 1em; }

html {
	height:101%;
}

body {
	background:url(/img/bg-gradient.png) repeat-x bottom fixed;
	height:100%;
}

h2 {
	font-size:15px;
	margin-bottom:15px;
}

h3 {
	font-size:13px;
	margin-bottom:10px;
}

a img {
	border: none;
}

a {
	color:#323d15;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.left {
	float:left;
}

.clear {
	clear:both;
}


input {
	width:200px;
	padding:3px;
	font-size:11px;
	margin:5px 0;
}

input.button {
	width:auto;
}

select.select {
	width:150px;
	padding:3px;
	font-size:11px;
	margin:5px 0;	
}



#wrapper {
	width:904px;
	margin:0 auto;
}



/* ================================
	navigation
================================= */

#navigation {
	padding:30px 0 15px 0;
}


h1.logo {
	float:left;
	margin-left:30px;
}

h1.logo a {
	background-image:url(/img/golden-dolphin-logo.jpg);
	width:212px;
	height:56px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
}



/* --- navigation menu --- */

#navigation ul.navigation {
	margin:10px -1px 0 0;
	float:right;
}

#navigation ul.navigation li {
	float:left;
	list-style:none;
}

#navigation ul.navigation li a {
	display:block;
	background-image:url(/img/menu-regular.png);
	background-repeat:no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	height:51px;
}

#navigation ul.navigation li.active a {
	background-image:url(/img/menu-active.png);
}

#navigation .home {
	width:80px;
	background-position:0;
}

#navigation .produkte {
	width:107px;
	background-position:-80px 0;
}

#navigation .erfolge {
	width:95px;
	background-position:-187px 0;
}

#navigation .bestellen {
	width:108px;
	background-position:-282px 0;
}

#navigation .ueberuns {
	width:103px;
	background-position:-390px 0;
}

#navigation .kontakt {
	width:97px;
	background-position:-493px 0;
}


/* ================================
	footer
=================================*/

#footer {
	padding:25px 0;
}

#footer ul {
	overflow:hidden;
	margin-bottom:10px;
}

#footer li {
	float:left;
	list-style-type:none;
}

#footer li a {
	padding:0 15px;
	font-weight:bold;
	text-decoration:none;
	border-right: 1px solid #323D15;
}

#footer li a.impressum {
	border:none;
}

#footer p {
	padding-left:15px;
}


/* ================================
	content
=================================*/

/* --- box --- */
.box-top {
	background:url(/img/box-top.png) no-repeat;
	height:8px;
	overflow:hidden;
}

.box-content {
	padding:10px 16px;
	background:url(/img/box-content.png) repeat-y;
}

.box-bottom {
	background:url(/img/box-bottom.png) no-repeat;
	height:9px;
	overflow:hidden;
}

/* --- quicknavi --- */
.quicknavi li {
	float:left;
	list-style-type:none;
	margin-left:85px;
	width:310px;
}

.quicknavi a {
	display:block;
	padding:15px 5px 5px 5px;
	text-decoration: none;
	overflow:hidden;
}

.quicknavi a:hover {
	background-color: #ededed;
}

.quicknavi span {
	display:block;
	line-height:18px;
}

.quicknavi span.title {
	font-size:13px;
	margin-bottom:10px;
	font-weight:bold;
}

.quicknavi .imagewrapper {
	position:relative;
	margin:-10px 20px 0 0;
	float:left;
}

.quicknavi .imageborder {
	position:absolute;
	display:block;
	left:0;
	top:0;
	background:url(/img/image-border.png) no-repeat;
	width:120px;
	height:100px;
}

/* --- Home --- */
#home .top-image {
	margin-bottom:15px;
}

#home .top-image img {
	display:block;
}


/* --- Product-Groups --- */
#productgroup .quicknavi {
	padding:10px 0;
}

/* --- Produkte --- */
#productdetails .page-with-menu .productgroupmenu {
	float:left;
	margin-right:20px;
	width:200px;
}

#productdetails .page-with-menu .details {
	float:right;
	margin-top:10px;
	width:640px;
}

#productdetails .productgroupmenu {
	list-style-type:none;
	padding-bottom:5px;
}

#productdetails .ui-dialog-titlebar {
	margin-bottom:5px;
}

#productdetails .productgroupmenu a {
	display:block;
	padding:5px 7px 5px 10px;
	text-decoration:none;
}

.tinymce ul, .tinymce ol {
	padding-left:20px;
	margin:5px 0;
}

.tinymce p,
.tinymce h1,
.tinymce h2,
.tinymce h3,
.tinymce h4,
.tinymce h5,
.tinymce h6
{
	margin:10px 0;
	padding:0;
}

/* --- Erfolge --- */

#erfolge .imagegallery {
	margin:0 75px;
}

#erfolge .imagewrapper {
	float:left;
	margin:20px 40px;
	position:relative;
}

#erfolge .imageborder {
	position:absolute;
	width:100px;
	height:100px;
	left:0;
	top:0;
	display:block;
	background: url(/img/image-border-customerprofit.png) no-repeat;
}

/* --- Ueber uns --- */
#ueber-uns .box-content {
	padding-right:56px;
}

#ueber-uns .photo {
	float:left;
	margin:0 40px 10px 40px;
}


/* --- Impressum --- */
#impressum table
{
	margin: 10px 0 0 50px;
}

#impressum table tr
{
	padding-bottom:50px;
}

#impressum table .title
{
	font-weight:bold;
	vertical-align:top;
}




/* --- Bestellung --- */

#bestellen .message {
	margin:0 auto 15px auto;
	width:400px;
	padding:10px;
	display:none;
}

#bestellen #javscriptCheck {
	display:block;
}

#bestellen .message .ui-icon {
	float:left;
	margin-right:3px;
}

#bestellen h2 {
	margin-bottom:30px;
}

#bestellen h3 span {
	font-size:10px;
	font-weight:normal;
}

#bestellen input.quantity {
	margin:0;
	width:50px;
}

#bestellen form {
	margin-bottom:15px;
}

#products {
	margin-bottom:30px;
}

#bestellen ul.list li {
	border:none;
	list-style-type:none;
	min-height:18px;
	padding:2px 7px;
	color:#222222;
}

#bestellen ul.errors {
	margin-left:10px;
}

#bestellen ul.errors li {
	padding:0;
	margin:0 0 2px 15px;
	clear:both;
	color:#BF0B23;
	min-height:inherit;
	list-style-type:disc;
}

#bestellen ul.list li.title span {
	margin-top:2px;
}

#bestellen ul.list li span.col,
#bestellen .invoice .list label,
#bestellen .delivery .list label {
	display:block;
	float:left;
	min-height:1px;
	margin:3px 5px 3px 0;
}

#bestellen .invoice .list label.radio {
	margin:0 !important;
}

#bestellen ul.list span.clear {
	display:block;
}

#bestellen ul.list li .last {
	margin-right:0;
}

#products .col1 {
	width:80px;
}

#products .col2 {
	width:80px;
}

#products .col3 {
	width:70px;
}

#products .col4 {
	width:350px;
}

#products .col5 {
	width:120px;
}

#products .col6 {
	width:100px;
}

/* --invoice delivery -- */
#bestellen .radio {
	width:auto;
	margin-right:5px;
}

#bestellen .invoice {
	float:left;
	width:400px;
	margin-left:10px;
}

#bestellen .delivery {
	float:right;
	width:400px;
	margin-right:10px;
}

#bestellen .invoice .list label,
#bestellen .delivery .list label {
	margin-top:7px;
	width:150px;
}


#products .product_delivery {
	border-top:1px solid #D2D4CE !important;
}

#products .amount {
	font-weight:bold;
	border-top:1px solid #D2D4CE !important;
}

#products .product_delivery .col1,
#products .amount .col1 {
	width:710px;
	padding-right:10px;
	text-align:right;
}

#products .amount .col2 {
	width:100px;
}

#bestellen li.policy,
#bestellen li.agb {
	padding:15px 0 0 162px !important;
}

#bestellen input.agb {
	width:auto;
	margin-right:5px;
}

#bestellen #send {
	margin:20px 0 15px 170px;
	padding:5px 7px;
	cursor:pointer;
}

#bestellen .shipping_costs {
	margin-bottom:30px;
}

#bestellen .shipping_costs .col1 {
	width:120px;
}

#bestellen .shipping_costs .col2 {
	width:80px;
	text-align:right;
	margin-right:20px !important;
}

/* --- Cookie-Bar --- */
.cookie-message {
  display: none;
  position:fixed;
  bottom:0;left:0;right:0;
  padding:10px 20px 10px 20px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
  font-size: 14px;
}
.cookie-message span {
  display: inline-block;
  float: right;
  cursor:pointer;
  background: #F0D57F;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

.cookie-message p { margin:0; padding:5px 0; }