/* Allgemeines

font-family:Arial,sans-serif;
title/footer color:#86A3C2;
body background-color:#336699;
content/footer border-color:#86A3C2;

Bildhintergründe und Positionierung des Header per Typoscript pro einzelner Seite per pageCSS
*/



/* Allgemeine Neutralisation
------------------------------------------------------------------ */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 10px 0 ; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 10px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------- */

/* Für permanenten Scrollbalken rechts: */
html { height: 101%; }

body {
font-family:Arial,sans-serif;
font-size:12px;
text-align: center;
margin: 0;
background-color:#336699;
color:#FFFFFF;
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

a { font-size:12px; color:#FFFFFF; text-decoration:none;}

table { text-align:left;}

/* ----------- Grundstruktur ------------- */
#main { width:690px; margin: 0 auto; }
#content { border-top:solid 1px; border-color:#86A3C2; padding:5px 0 5px 0; }
#head { position:relative; height:295px; margin:0; overflow:hidden; }
#maincontent { width:630px; padding: 0 30px 0 30px ;}


/* ------------- titel ------------------ */
#title { font-size:10px; padding: 10px 0 5px 0; color:#86A3C2; text-align:center; }
#title a { font-size:10px; padding: 5px 0 3px 0; color:#86A3C2;text-decoration:none; font-weight:normal; text-align:center;}

/* ------------ Hauptmenu --------------- */
#menu { position:absolute; left:0px; top:0px; margin-bottom:0px; padding:0; }
#menu table { margin:0 20px 0 20px; white-space:nowrap; text-align:center; }
#menu table a { margin:0; padding:0; font-weight:bolder; }

/* --------- headtext ----------------------------- */
#text { position:absolute; left:340px; top:20px; width:311px; overflow:hidden; }
#text p { padding:0px 0 10px 0; }
#text .bodytext { text-align:right; font-size:10px; line-height:13px; }

/* ------------ selectmenu ------------------------ */
.formmenu { margin:0px;}

/* ------------ maincontent --------- */
#col1 {  width:200px; float:left; overflow:hidden; }
#col1  { text-align:left; overflow:hidden;}

#col2 { width:400px;float:right; text-align:left; overflow:hidden; }
#col2 hr { color:#86A3C2; height:1px; border:none; background-color: #86A3C2; }

/* ----------- footer ------------------ */
#footer { font-size:10px; margin: 5px 0 0 0; color:#86A3C2; text-align:center; border-top:solid 1px; border-color:#86A3C2; }
#footer table { padding: 0 0 0 96px;  }
#footer a { font-size:10px; margin: 5px 0 0 0; color:#86A3C2;text-decoration:none; }
#footer a img { border:none; }


/* ---------  Shop Toptext ---------------------- */

#col2 div.csc-frame-frame1 p.bodytext { font-size:10px; width:390px; overflow:hidden;}
#col2 div.csc-frame-frame2 p.bodytext { width:390px; overflow:hidden;}
#col2 div.csc-frame-frame1 a { font-size:10px; text-decoration:underline; }

/* ---------  Shop Text mit Bild ----------------- */
.shop { border-bottom:solid 1px; }
#col2 th { vertical-align:top; border-bottom:solid 1px; padding:0; margin:0;}
#col2 div.csc-textpic-intext-left-nowrap{ padding:20px 0 20px 0; }
#col2 td.preis p{ vertical-align:bottom; text-align:right;}

/* ---------- iframe ---------------------------- */
#col2 iframe { margin-left:15px; }




/* rgsmoothgallery
------------------------------------------------------------ */
.tx-rgsmoothgallery-pi1 {
  background:#000 url(img/loading-bar-black.gif) center center no-repeat;
}

.myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 0px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #CCFF99;
	background-repeat: no-repeat;
	background-position:center center;
	position: absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #CCFF99;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 60px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery a.play {
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	width:20px;
	background: url('img/control_play.png') no-repeat center right;
	cursor: pointer;
}

.jdGallery a.pause {
	background: url('img/control_pause.png') no-repeat center right;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	padding:0;
	margin:0;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.jdGallery a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .jdGallery a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }