@charset "utf-8";

* {
	border:0;
	margin:0;
	padding:0;
}



/* -------------------------------------------------------
	|							site structure								|
    ------------------------------------------------------- */
html {

}

body {
	background:#fff;
	color:#000;
	font:76%/1.5em Verdana, Arial, Helvetica, sans-serif;
}


div#container {
	background:url(../images/bg-container.png) top right repeat-y;
	margin:0 auto 10px auto;
	width:980px;
}




/* -------------------------------------------------------
	|							 	header									|
    ------------------------------------------------------- */
div#header {
	background:url(../images/bg-header.jpg) top right no-repeat;
	height:212px;
	position:relative;
}

h1#branding {
	width:330px;
}

h1#branding a {
	background:url(../images/bg-branding.png) no-repeat;
	display:block;
	height:204px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}


#bubbles {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}




/* ----------- hyperlinks ---------- */

a:link {
	color:#004c87;
}

a:visited {
	color:#052e4f;
}

a:hover {
	color:#b21a3d;
}

a:active {
	color:#c00;
}






/* -------------------------------------------------------
	|							 	navigation								|
    ------------------------------------------------------- */
	
/* ---------- Navi 01 ---------- */
ul#navi01 {
	float:left;
	list-style:none;
	margin:-8px 0 0 0;
	width:240px;
}

ul#navi01 li {
	margin:0 0 5px 0;
}

ul#navi01 a {
	background:url(../images/bg-navi01.jpg) no-repeat;
	color:#004C86;
	display:block;
	font-size:1.15em;
	font-weight:bold;
	height:40px;
	line-height:40px;
	padding:0 20px 0 0;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}

ul#navi01 a:hover, ul#navi01 li.current a {
	background-position:0 -40px;
	color:#d30d3e;
}


#index ul#navi01 a:hover, #index ul#navi01 li.current a {
	background:none !important;
	color:#4079a6 !important;
}
#index ul#navi01 a:hover strong, #index ul#navi01 li.current a strong {
	color:#b21a3d !important;
}

#index ul#navi01 {
	background:url(../images/bg-navi01-index.jpg) -240px 0 no-repeat;
	height:330px;
}

#index ul#navi01 li {
	height:100px;
	margin:0 0 10px 0;
}

#index ul#navi01 a {
	background:url(../images/bg-navi01-index.jpg) no-repeat;
	color:#004c86;
	font-size:1em;
	font-weight:normal;
	height:80px;
	line-height:1.4em;
	padding:10px 10px 10px 115px;
	text-transform:none;
}

#index ul#navi01 a strong {
	display:block;
	font-size:1.1em;
	margin:0 0 5px 0;
	text-transform:uppercase;
}


#index ul#navi01 a[href$='2696.cgi'] {
	background-position:0 -110px !important;
}

#index ul#navi01 a[href$='downloads.php'] {
	background-position:0 -220px !important;
}






/* ---------- Navi 02 ---------- */
ul#navi02 {
	left:695px;
	list-style:none;
	position:absolute;
	top:142px;
	z-index:2;
}

#index ul#navi02 {
	left:408px;
}


ul#navi02 li {
	border-left:1px solid #004e86;
	float:left;
}

ul#navi02 a {
	color:#004e86;
	display:block;
	padding:0 12px;
	text-decoration:none;
}

ul#navi02 a:hover, ul#navi02 li.current a {
	color:#b61a41;
	text-decoration:underline;
}





/* ---------- Navi 03 ---------- */
ul#navi03 {
	background:url(../images/bg-navi03.jpg) 0 -90px no-repeat;
	height:90px;
	list-style:none;
	margin:0 0 10px 0;
}

ul#navi03 li {
	float:left;
	height:90px;
}

ul#navi03 a {
	background:url(../images/bg-navi03.jpg) no-repeat;
	display:block;
	height:90px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi03 a:hover, ul#navi03 li.current a {
	background:none;
}

ul#navi03 a[href$='sortiment.php'] {
	width:252px;
}

ul#navi03 a[href$='team.php'] {
	background-position:-252px 0;
	width:150px;
}

ul#navi03 a[href$='standorte.php'] {
	background-position:-402px 0;
	width:160px;
}

ul#navi03 a[href$='events.php'] {
	background-position:-562px 0;
	width:150px;
}

ul#navi03 a[href$='leistungen.html'] {
	background-position:-712px 0;
	width:268px;
}









/* -------------------------------------------------------
	|							 	content									|
    ------------------------------------------------------- */
div#content-container {
	background:url(../images/bg-content-container.png) bottom right no-repeat;
	min-height:190px;
	position:relative;
}

#index div#content-container {
	background-image:url(../images/bg-content-container-index.jpg);
	padding:0 345px 0 0;
}

div#content {
	float:right;
	min-height:190px;
	padding:13px 20px 10px 25px;
	width:690px;
}


#index div#content {
	background:rgba(255,255,255,0.3);
	padding:13px 15px 10px 25px;
	width:350px;
}

div#teaser {
	background:url(../images/bg-teaser.png) no-repeat;
	bottom:2px;
	height:436px;
	position:absolute;
	right:25px;
	width:271px;
}


.column {
	float:left;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
	width:330px;
}


.imgcolumn {
	float:right;
	margin:0 0 20px 30px;
	width:195px;
}




/* ---------- Headings ---------- */
h2 {
	background:url(../images/bg-h2.png) bottom left no-repeat;
	color:#b20029;
	font:bold 1.8em Helvetica, Arial, sans-serif;
	margin:0 0 10px 0;
	padding:2px 0 0 25px;
	text-transform:uppercase;
}

h3 {
	font:bold 1.1em Helvetica, Arial, sans-serif;
	margin:0 0 10px 0;
}

h4 {
	font-size:1.3em;
	margin:0 0 10px 0;
}




div#content p {
	margin:0 0 1.2em 0;
}



/* ---------- Unordered list ---------- */
div#content ul {
	list-style:none;
	margin:0 0 1.5em 0;
}

div#content ul li {
	background:url(../images/icon-li.png) center left no-repeat;
	padding:0 0 0 15px;
}





/* -------------------------------------------------------
	|							 	footer									|
    ------------------------------------------------------- */
div#footer {
	background:url(../images/bg-footer.png) 495px 101px no-repeat;
	margin:0 auto 20px auto;
	min-height:201px;
	width:980px;
}



/* ---------- Newsticker ---------- */
div#aktuelles {
	font:0.9em Helvetica, Arial, sans-serif;
	float:left;
	line-height:1.4em;
	width:481px;
}

div#aktuelles h3 {
	margin:4px 0 0 0;
	text-transform:uppercase;
}

div#newsticker div {
	float:left;
	margin:0 10px 0 0;
	width:230px;
}



/* ---------- Tables ---------- */
table {
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:0 0 1.5em 0;
	width:69%;
}

th, td {
	border:1px solid #ccc;
	padding:5px;
}

th {
	background:#eee;
}




/* ---------- Opening hours ---------- */
div#oeffnungszeiten {
	color:#004c86;
	float:right;
	font-size:0.9em;
	line-height:1.4em;
	width:485px;
}

div#oeffnungszeiten h3 {
	text-transform:uppercase;
}

div#oeffnungszeiten div {
	float:left;
	padding:15px;
	width:212px;
}





/* -------------------------------------------------------
	|							  misc. styles								|
    ------------------------------------------------------- */
.image {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:5px;
}

.leftfloat {
	float:left;
	margin:0 10px 10px 0;
}

.rightfloat {
	float:right;
	margin:0 0 10px 10px;
}

.cmsPDF {
	background: url(../images/pdf.gif) left no-repeat;
	padding: 12px 0 0 28px;
}

.divider {
	border-bottom:1px solid #ccc;
	clear:both;
	margin:1.2em 0 !important;
}


.clear {
	clear:both;
}

.last {
	margin-right:0 !important;
}

div#euroweb {
	clear:both;
	width:100% !important;
}

div#euroweb a {
	float:left;
	width:170px;
}



/* ---------- tabs ---------- */
div#content .tabnavi {
	display:none;
	list-style:none !important;
	margin:20px 0;
}

.tabs h3 {
	color:#054986;
	font-size:1.4em;
}

.ui-tabs h3 {
	display:none;
}

.ui-tabs-hide {
	display:none;
}

.ui-tabs-nav {
	display:block !important;
}

.tabnavi li {
	background:none !important;
	float:left;
	padding:0 !important;
}

.tabnavi li.ui-state-active a {
	background:url("../images/sorti_back.jpg");
	border-bottom:1px solid #fff;
	font-weight:bold;
}

.tabnavi li a:link {
	color:#054986;
}

.tabnavi li a:hover {
	color:#c32a4f;
}

.tabnavi li a {
	background:#fff;
	border:1px solid #eee;
	margin-left:3px;
	padding:3px 0.5em;
	text-decoration:none;
}




/* ---------- Guestbook ---------- */
.guestbook_entry_output {
	width:70%;
}

.guestbook_entry_footer {
	background:url(../images/gaestebuch/ueberschrift-strich.png) bottom left no-repeat;
	margin:0 0 2em 0;
	padding:0 0 20px 0;
}

.tca, .tc {
	width:25px;
}



div#guestbook_template label, div#guestbook_template input, div#guestbook_template textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	color:#000;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:5px;
	width:280px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

div#guestbook_template input, div#guestbook_template textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	background:#fff;
	border:1px solid #ccc;
}


div#guestbook_template textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:150px;
}

div#guestbook_template input:focus, div#guestbook_template textarea:focus {		/* Stile für aktivierte Formularfelder */
	background:#eff7ff;
	border-color:#666;
}



div#guestbook_template label {							/* Feldbeschriftungen */
	margin-right:5px;
	padding:5px 15px 5px 0;		
	width:120px;						
}


div#guestbook_template input#submit {				/* Gestaltung des Submit-Buttons */
	background:#004f88;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:1.2em;
	margin:5px 0 15px 0;
	overflow:hidden;
	padding:6px 5px;
	width:10em;
}

div#guestbook_template input#submit:hover {
	background:#b81a42;
}

div#guestbook_template br {
	clear:left;
}


div#guestbook_template p.entry_icons input {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:2px;
	border:none;
	background:transparent;
	float:none;
	display:inline;
}


div#guestbook_template input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

div#guestbook_template .clicksmilies a {
	background:none;
	padding:0;
}

div#guestbook_template ol {
	margin:0 0 1.5em 20px;
}





/* ---------- float clearing ---------- */
div#content-container:after, div#footer:after, form#Kontaktformular:after, .tabnavi:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}