/* farben *************************************************************************
	blau 	 : #0135ad
	hellblau : #93c0ea
	grau 	 : #8d8d8d
	gelb 	 : #ffcc00
**********************************************************************************/

/* bilder *************************************************************************
 img4 : hochformat 160 x 198 px
        querformat 160 x 102 px
 img2 : 333 x 213 px
 img1 : 830 x 485 px
**********************************************************************************/

/* allgmein ******************************************************************** 
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family:'Arial', Verdana, Helvetica, sans-serif; height:auto; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { color:#000; font-size:12px; position:relative; text-align:left; background-color: #fff; width:770px; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

img { border-style: solid; border-width: 1px; border-color:#8d8d8d; }

h1, h2 { color: #0135ad; }
h3 { color:#0135ad; }
*/

.c { clear: both; } /* ??? */

/* erweiterung ***************************************************************** */
.container { margin-left:-20px; margin-top:-26px; font-family:'Arial', Verdana, Helvetica, sans-serif; width:753px; padding: 0; height:auto; boder-style:solid; boder-width: 1px; color:#000; font-size:12px; position:relative; text-align:left; background-color: white; line-height: 1; }
.container img { border-style: solid; border-width: 1px; border-color:#8d8d8d; }
.container h1, h2 { color: #0135ad; margin-bottom:0; margin-top:0; padding:0;}
.container h1 { font-size:23px; padding-bottom:2px;padding-top:7px; }
.container h2 { font-size:17px; }
.container h3 { color:#0135ad; margin-top:3px; font-size:14px; margin-bottom: 10px; }

/* farbverlauf ***************************************************************** */
.farbverlauf { background: transparent url(/inc/doka/xmlproducts/produktseite_verlauf_bg.jpg) repeat-x 0 0; height: 100%; }
.farbverlauf2 {
		color: black;
		height: 100px;
		padding: 10px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#dde4f4), to(#ffffff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #dde4f4, #ffffff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dde4f4, endColorstr=#ffffff);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dde4f4, endColorstr=#ffffff)";
	}
td.contentbg { background-color:white !important; }

/* header ********************************************************************** */
.header { text-align: left; width:753px; padding: 10px 0px 71px 0px; }
.headH { padding-left:20px; }

/* menu ************************************************************************ */
.menu { clear:both; text-align: left; padding: 8px 0 7px; height:16px; width:753px; background:url(/inc/doka/xmlproducts/bgMenu.jpg); background-position: bottom; }
.menu ul { padding-left: 25px; color:#8d8d8d; text-align: left; list-style: none; margin:0px; }
.menu li { padding: 0px 13px 0px 0px; display:inline; font-variant:small-caps; }

.menu a { text-decoration:none; text-width: 0.5m;font-size:1.2em; }
.menu a:link { color:#8d8d8d; }
.menu a:visited { color:#8d8d8d; }
.menu a:hover { color:#0135ad; }
.menu a:active { color:#0135ad; }
.menu a:focus { color:#0135ad; }

/* tabelle ********************************************************************* */
.upperTbl {  display: inline-block; clear:both; text-align:left; width:728; _width:753px; padding: 10px 0px 0px 25px; line-height:14px; }
.upperTbl h1 { padding-bottom:20px; line-height: 1em; }

/* tablerow - with one pic on the right side *********************************** */
.tableTrPicrL { clear:both; text-align:left; float:left; width:65%; }
.tableTrPicrL p { font-weight:bold; bottom: 0px; padding: 0 0 20px 0; }

.tableTrPicrR { text-align: left; float: right; heigh: 150px; width: 26% }
.tableTrPicrR img {
	 max-width: 160px; max-height: 102px;
	 height:expression(document.body.clientHeight > 50? "102px" : "102px" );
	  }

/* tablerow - with one pic on the left side ************************************ */
.tableTrPiclL { clear:both; padding: 15px 0px 0px 0px; float: left; }
.tableTrPiclR { padding: 15px 0px 0px 0px !important; text-align: left; float: right; width: 50%; height: 150px; }

.tableTrPiclL img { width: 333px; }

/* tablerow - entry with listitmes ********************************************* */
.tableLi .picR { clear:both; }
.tableLi { padding:0px; }
.tableLi p { margin-bottom: 7px; padding: 0px; }
.tableLi ul { padding: 0 15px 5px 15px; margin-top:0px; }
.tableLi li { margin-left:0px; _margin-left:-40px; list-style-type:square; color:#ffcc00; padding: 0px; } /* list-style-image:url(bilder/ordner.gif) */
.tableLi li p { margin:0 0 8px 0; color:#000; padding:0px 0px; }
.tableLi h2 { clear:both; padding: 10px 0px 0px 0px; margin-top:20px; }

/* tablerow - with two pics in the middle ************************************* */
.tableTrPic4mL { clear:both; padding:15px 0px 0px 0px; text-align: left; width:150px; float: left; overflow-x: hidden; overflow-y: hidden;}
.tableTrPic4mMLRef { padding: 15px 15px 20px 15px; text-align: left; width:150px; float: left; overflow-x: hidden; overflow-y: hidden;}
tableTrPic4mMLTxt { padding: 15px 10px 20px 10px; text-align: left; float: left; overflow-x: hidden; overflow-y: hidden;}
.tableTrPic4mML { padding: 15px 10px 20px 10px; text-align: left; height:195px; float: left; overflow-x: hidden; overflow-y: hidden;}
.tableTrPic4mMR { padding: 15px 15px 20px 15px; text-align: left; width:160px; float: left; overflow-x: hidden; overflow-y: hidden;}
.tableTrPic4mR { padding:15px 0px 0px 0px; text-align: left; width:160px; float: left; overflow-x: hidden; overflow-y: hidden;}

.tableTrPic4mL img { height: 198px;
}
.tableTrPic4mML img { width: 150px;
}
.tableTrPic4mMR img { height: 198px;
}
.tableTrPic4mR img { height: 198px;
}

/* tablerow - with two pics in the middle ************************************* */
.tableTrPic2mL { margin: 12px 3px 20px 2px; padding: 0px; text-align: left; width:160px; float: right; overflow-x:hidden; }
.tableTrPic2mML { margin: 15px 2px 20px 2px; text-align: left; width:160px; float: left; overflow-x:hidden; }
.tableTrPic2mMR { margin: 12px 3px 20px 2px; text-align: left; width:160px; float: left; overflow-x:hidden; }
.tableTrPic2mR { margin: 0px; margin-top:12px; text-align: left; width:160px; float: right; overflow-x:hidden; }

.tableTrPic2mL img { width: 158px; }
.tableTrPic2mML img { width: 158px; }
.tableTrPic2mMR img { width: 158px; }
.tableTrPic2mR img { width: 158px; }

.skyscraper { float: left; width: 160px;  }
.square { float:left; width:333px; }

.pic4wide img { height: 102px; }
.pic4wide p { padding: 10 0 0 0; }

/* show-hide content ********************************************************* */
.showNoContent { display:none; }

#gallery { position:relative; }
#gallery div { top:0; left:0; }
#gallery div img { width:19px !important; height:19px !important; }
.gallery { position:relative; }
.gallery div { top:0; left:0; }
.gallery div img { width:19px !important; height:19px !important; }



/* overview * 3 pics in one of two rows ************************************** */
.tableTrPic3 { margin-top:15px; padding:0px 5px 0px; height:190px; text-align: left; width:170px; float: left; }
.tableTrPic3 a { display: inline-block; zoom:1; }
.overview { width:500px; }

.tableTrPic3 img { width: 150px; }

.trimImg { height:140px;overflow-y:hidden; border-bottom:1px solid #8D8D8D; width:152px; }
.contentOve .tableTrPic3 p { margin-top:12px; }

/* box for hint-icons ******************************************************** */
.hintBox { border-style: solid; border-width: 1px; border-color:#8d8d8d; padding:10px; height: 95px; }
.hint { float: left; width: 100px; }
.hint img { height:45px; border-width:0px; }