/********/
/* Body */
/********/
BODY { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}
BODY#body { 
	width: 900px;
	margin: 0px auto; 
	background: #A4A4A4 url(../layout/bg.gif) repeat-y 50%;
	background-attachment: fixed;
	text-align: center; /* IE bug */
}
BODY#druck { 
	margin: 10px; 
}
BODY#formular { 
	margin: 10px; 
}


/***************/
/* Header oben */
/***************/
#head-top {
	margin: 10px 10px 0px 10px;
	width: 880px; /* IE bug */
	height: 80px;
	background: #FFFFFF url(../layout/stripe_white.png);
}
#logo {
	float: left;
	text-align: left;
}
#graphic-top {
	float: right;
	text-align: right;
	width: 430px;
}


/****************/
/* Header mitte */
/****************/
#head-middle {
	margin: 0px 10px 0px 10px;
	width: 880px; /* IE bug */
	height: 25px;
	background: #336699 url(../layout/blau.png);
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	line-height: 25px;
	vertical-align: middle;
}
#head-middle a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
#head-middle a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
#mainmenue {
	float: left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
#kontaktmenue {
	float: right;
	text-align: right;
	width: 234px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}


/****************/
/* Header unten */
/****************/
#head-bottom {
	margin: 0px 10px 10px 10px;
	width: 880px; /* IE bug */
	height: 25px;
	background: #FFFFFF url(../layout/stripe_white.png);
	line-height: 25px;
	vertical-align: middle;
}
#head-bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #336699;
}
#head-bottom a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #336699;
}
#submenue {
	float: left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #336699;
}
#graphic-bottom {
	float: right;
	text-align: right;
	width: 430px;
}	


/**********/
/* Inhalt */
/**********/
#main-1 {
	margin: 10px;
	width: 880px; /* IE bug */
	text-align: left;
}
#main-1 #content-main { }

#main-2 {
	margin: 10px;
	width: 880px; /* IE bug */
	text-align: left;
	background: #FFFFFF url(../layout/2spaltig.gif);
}
#main-2 #content-main {
	float: left;
	margin-right: 10px;
	width: 626px;
}
#main-2 #content-border {
	float: right;
	margin-left: 10px;
	width: 234px;
	background-color: #F0F0F0;
}

#main-3 {
	margin: 10px;
	width: 880px; /* IE bug */
	text-align: left;
	background: #FFFFFF url(../layout/3spaltig.gif);
}
#main-3 #content-left {
	float: left;
	margin-right: 10px;
	width: 210px;
}
#main-3 #content-right {
	float: left;
	margin-left: 10px;
	width: 396px;
}
#main-3 #content-border {
	float: right;
	margin-left: 10px;
	width: 234px;
	background-color: #F0F0F0;
}


/****************/
/* Content-Main */
/****************/
#content-main .data-wrap { width: 100%; margin-bottom: 15px; }
#content-main .tx-jppageteaser-pi1 .data-wrap { margin-bottom: 15px; }
#content-main .data-wrap .data-wrap { margin-bottom: 15px; }
#content-main .menue { margin: 10px 0px 20px 0px; }
#content-main .angebot { clear: both; }
#content-main .anfrage { clear: both; text-align: right; }


/****************/
/* Content-Left */
/****************/
#content-left .data-wrap { margin-bottom: 5px; clear: both; }
#content-left .csc-frame-invisible { clear:both; background-color:#F1F1F1; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin-bottom: 15px; }
#content-left .csc-textpic-text { padding: 0 5px 5px 5px; }


/*****************/
/* Content-Right */
/*****************/
#content-right .data-wrap { margin-bottom: 5px; }


/******************/
/* Content-Border */
/******************/
#content-border { background-color: #FAFAD8; padding-bottom: 15px; }
#content-border .bodytext { margin: 0px 5px 0px 5px; }
#content-border H2.csc-firstHeader { margin-top: 0px; }
#content-border H2 { margin-top: 15px; }


/**********/
/* Teaser */
/**********/
.teaser-image { width: 130px; }
.teaser-text { text-align: justify; }
.teaser-price { width: 120px; vertical-align: middle; background: #CCCCCC; }

.teaser-image-home { width: 120px; }
.teaser-price-home { vertical-align: middle; padding: 5px; background-color: #E9E9E9; }


/************************/
/* Vertikale Navigation */
/************************/
.nav h1 { margin-top: 0px; }
.rubrik-nav { background-color: #FFFFFF; }
.rubrik-nav:hover { background-color: #F1F1F1; }
.rubrik-nav-active { background-color: #F1F1F1; }
.rubrik-nav-active a { color: #666666; }


/********/
/* Foot */
/********/
#foot { clear: both; width: 880px /* IE bug */; margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; text-decoration: none; color: #666666; }
#adresse { width: 626px; float: left; margin: 0px 10px 15px 0px; padding-top: 10px; background: #FFFFFF url(../layout/linie_h.gif) repeat-x; }
#servicemenue { width: 234px; float: right; margin: 0px 0px 15px 10px; padding-top: 10px; background: #FFFFFF url(../layout/linie_h.gif) repeat-x; }


/*********/
/* Druck */
/*********/
#logo-druck { width: 626px; text-align:left; }


/****************/
/* Servicemenue */
/****************/
#servicemenue .data-wrap { float: left; }
#tipafriend { float: left; margin-right: 10px; }
#druck { float: left; }

.quickmenu { background-color: #F1F1F1; padding: 2px; margin-bottom: 15px; font-weight: bold; }


/**************************/
/* General element styles */
/**************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
P, DIV, PRE, FORM { margin: 0px 0px 0px 0px; }
P, DIV, TH, TD, UL, OL { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
INPUT, TEXTAREA, SELECT { margin: 2px 0px 2px 0px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; vertical-align: middle; color: #666666; }
BUTTON { margin: 2px 0px 2px 0px; padding: 1px 3px 1px 3px; background-color: transparent; border: 1px solid #336699; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #336699; cursor: pointer; }


/******************/
/* Headers, plain */
/******************/
H1 { margin: 15px 0px 10px 0px; height: 20px; background: url(../layout/stripe_white.png); line-height: 20px; text-align: center; vertical-align: middle; font-size: 11px; font-weight: bold; color: #666666; }
H2 { margin: 0px 0px 10px 0px; height: 20px; background-color: #999999; line-height: 20px; text-align: center; vertical-align: middle; font-size: 11px; font-weight: bold; color: #F1F1F1; }
H3 { display: inline; line-height: 20px; vertical-align: middle; font-size: 11px; font-weight: bold; color: #666666; }
H4 { font-size: 11px; }
H5 { display: inline; margin: 0px; font-size: 24px; font-weight: bold; color: #666666; }
H6 { display: inline; margin: 0px; font-size: 18px; font-weight: bold; color: #666666; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }


/**********/
/* Links */
/*********/
A { color: #336699; text-decoration: none; }
A:hover { color: #336699; }
.arrow { margin-right: 5px; }


/***************/
/* Bulletlists */
/***************/
UL { margin-top: 0px; }
/* Bulletlists, general */
UL.csc-bulletlist LI { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666666; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { list-style-position: outside; list-style-type: disc; text-align: left; }
UL.csc-bulletlist-1 { list-style-position: outside; }
UL.csc-bulletlist-2 { list-style-position: outside; }
UL.csc-bulletlist-3 { list-style-position: outside; }


/*********************/
/* Tables, generally */
/*********************/
TABLE TH { /*white-space: nowrap;*/ vertical-align: top; }
TABLE TD { /*vertical-align: top;*/ }
.odd { background: #E6E6E6; }
.even { background: #F1F1F1; }
.preis { width: 120px; vertical-align: middle; background: #CCCCCC; }

.preistabelle { width: 620px; background-color: #999999; }
.preistabelle .tr-even { background-color: #F1F1F1; }
.preistabelle .tr-odd { background-color: #FFFFFF; }
.preistabelle th { text-align: center; }
.preistabelle .td-0 { text-align: left; }
.preistabelle td { text-align: center; }

.table-a { width: 620px; background-color: #999999; }
.table-a .tr-even { background-color: #F1F1F1; }
.table-a .tr-odd { background-color: #FFFFFF; }
.table-a th { text-align: center; }
.table-a .td-0 { text-align: left; }
.table-a td { text-align: center; }


/************/
/* mailform */
/************/
.form-label { margin-bottom: 2px; padding-bottom: 2px; border-bottom: 3px solid #E9E9E9; }
.form-label DL { float: left; margin: 3px 0px 0px 0px; }
.form-adresse { margin: 15px 0px 10px 0px; padding-top: 10px; background: #FFFFFF url(../layout/linie_h.gif) repeat-x; }


/**********/
/* Images */
/**********/
IMG { vertical-align: middle; }
/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }


/***********************/
/* tx_cssstyledcontent */
/***********************/
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid black; padding: 0px; }

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; }

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; }

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px; !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px !important; }
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px !important; }

/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both;; padding-bottom: 15px; }

/* Below */
DIV.csc-textpic-below DIV.csc-textpic-imagewrap { clear: both; padding-top: 15px; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */