/* --------------------------------------- */
/* ----- stylesheet hps play company ----- */
/* --------------------------------------- */
div#infopopup { 
font-size: 10px;
height: 12px;
overflow: hidden;
padding: 2px 8px 2px 16px; 
border: 1px solid black; 
background-color:#CCFF99; 
position: absolute;
background-image: url('../images/info.gif');
visibility: hidden;
cursor: pointer !important; 
cursor: hand;
}

html { overflow:scroll; }

body, html {
	font-family: Arial, Helvetica, Verdana, sans-serif, Tahoma;
	font-size: 11px; font-style: normal;
	font-weight: normal; line-height: 14px;
	color: #545454;	background-color: #545454;
}

a:link, a:active, a:visited	{	color: #545454; text-decoration: none;	}
a:hover						{	color: #0068AA; text-decoration: underline;	}

br.clear					{	clear:both; border-bottom:solid 1px #FFFFFF; }



/* ------------------------------- */
/* ----- main div containers ----- */
/* ------------------------------- */

#container		{	width: 900px; height: 896px; margin:0 auto; }
.logo			{ 	width: 300px; float: left; }
.space			{	width: 900px; height: 25px; background-color: #EBF0F3; }
.subnavi		{	width: 420px; height: 18px;	padding-top: 110px; text-align: right; float: left; }
.sublang		{	width: 110px; height: 18px; padding-top: 110px; text-align: right; float: left; }

#header			{	width: 870px; height: 131px;
					border-bottom-color: #727374;
					border-bottom-style: solid;
					border-bottom-width: 1px;
					background-image: url(../grafx/bg_header.jpg);
					background-color: #69cbf2;
					padding-left: 30px;
				}

#content		{	width: 900px; height: 765px;
					/*border-bottom-color: #C4EE06; --- green */
					border-bottom-color: #69cbf2;
					border-bottom-style: solid;
					border-bottom-width: 1px;
					background-color: #EBF0F3;
				}
#copyinfo		{	width: 885px; height: 20px; text-align: right; font-size: 10px; color: #8C8C8C; margin:7px 0; }



/* ---------------------------------- */
/* ----- content div containers ----- */
/* ---------------------------------- */

.main			{	width: 486px; height: 740px; float: left; 
					padding-left: 38px; /*padding-right: 28px;*/ }
.left			{	width: 160px; height: 735px; float: left;
					padding-right: 22px;
					text-align: right;
					border-right-color: #C1C4C6;
					border-right-style: solid;
					border-right-width: 1px;
				}
.info			{	width: 165px; height: 735px; float: right;
					padding-left: 15px;
					border-left-color: #C1C4C6;
					border-left-style: solid;
					border-left-width: 1px;
				}


.menu			{	width: 160px; height: 400px; padding-top: 7px; }
.startinfo		{	width: 160px; height: 230px; padding-top: 25px; }
.news			{	width: 160px; /*height: 230px;*/ padding-top: 7px; font-size: 10px; color: #8C8C8C; }
.sectionmenu	{	width: 160px; height: 560px; padding-top: 7px; line-height: 23px; }



.mainteaser		{	width: 460px; height: 235px; }
.bigpic			{	width: 460px; height: 396px; }
.mosaicteaser	{	width: 458px; height: 197px; border: solid 1px #545454; margin-bottom:5px;}
.startchoose	{	width: 460px; height: 230px; }

.maincontent, .floatcontent, .maincontent-float
				{	width: 460px; font-size: 13px; line-height: 18px; color: #545454; }
.maincontent	{	height: 420px; padding-top: 18px; }
.maincontent-small, .maincontent-small-float, .maincontent-small-sub
				{	width: 460px; font-size: 12px; height: 420px; padding-top: 18px; line-height:17px; color: #545454; }
.maincontent-small-float, .maincontent-float { height:655px; padding-top: 18px; }
.maincontent-small-sub { height:259px; padding-top: 18px; }

.navcontent		{	width:454px; height:25px; text-align:right; /*margin-right: 9px !important;*/ padding-right: 6px; }
.navcontentfloat	{	/*width:96px;*/ height:25px; float: right;  }
.navcontentfloat div {float: left; line-height: 25px; vertical-align: middle; margin-left: 7px; /*margin-right: 3px;*/}
.stext 			{	width: 25px; text-align:right; }

.floatcontent 	{ 	padding-top: 1px; font-size:11px; }
.floatthin		{	width: 235px; float: left; }
.impressum	
				{	width: 460px; height: 500px; font-size: 11px; color: #545454; }


.referenzen		{ 	width: 460px; height: 600px; font-size: 11px; color: #545454; overflow:auto; }
	
table.ref_tbl td	{ vertical-align: top; }
table.ref_tbl tr	{ height: 20px; }

table.art_tbl		{ font-size:12px; width:400px; font-weight:bold; vertical-align:top; }
table.art_tbl td	{ vertical-align: top; }
table.art_tbl tr	{ height: 20px; }
td.norm				{ font-weight: normal; font-size:10px; }

table.prod_tbl		{ font-size:12px; font-weight:bold; width:440px; vertical-align:top;  }
table.prod_tbl td	{ vertical-align: top; }
table.prod_tbl tr	{ height: 20px; }


.picrow { display:block; width:146px; float:left; margin:0 3px 20px 3px; padding:0; }
.picrow img { margin-bottom:5px; border:#57626a 1px solid; display:block; }






/* ------------------------------ */
/* ----- those links styles ----- */
/* ------------------------------ */

.menu a:link, .menu a:active, .menu a:visited {
				font-size: 12px; font-weight: bold;
				color: #353535;
				text-decoration: none; line-height: 25px;
				}
.menu a:hover	{	color: #0068AA; text-decoration: underline; }
.menu a.on		{	color: #0068AA; text-decoration: none; }

.smalltext a:link, .smalltext a:active, .smalltext a:visited
						{	font-size: 10px; color: #A3A8AC; text-decoration: none; }
.smalltext a:hover		{	font-size: 10px; color: #0068AA; text-decoration: underline; }
				
.news a:link, .news a:active, .news a:visited
						{	font-size: 10px; color: #444343; text-decoration: underline; }
.news a:hover			{	font-size: 10px; color: #CB2E2B; text-decoration: underline; }

.sectionmenu a:link, .sectionmenu a:active /*.sectionmenu a:visited*/
						{	color: #545454; text-decoration: none; }
.sectionmenu a:hover	{	color: #CB2E2B; text-decoration: underline; }
.sectionmenu a.on		{	color: #CB2E2B; font-weight:normal; }
.sectionmenu a.sub		{	font-size:10px; line-height:14px; }
.sectionmenu a.sub-on	{	font-size:10px; line-height:14px; color: #CB2E2B; }


.main a:link, .main a:active, .main a:visited { color: #545454; text-decoration: none; }
.main a:hover { color: #0068AA; text-decoration: underline; }

.picrow a:link, .picrow a:active, .picrow a:visited { }
.picrow a:hover { text-decoration:none; }
.picrow a:link img, .picrow a:visited img { border:#57626a 1px solid; }
.picrow a:hover img { border:#0068AA 1px solid; }



/* ------------------------- */
/* ----- text settings ----- */
/* ------------------------- */

.text12red		{	font-size: 12px; color: #CB2E2B; }
.text11red		{	font-size: 11px; color: #CB2E2B; }
.text10grey		{	font-size: 10px; color: #444343; }		
.smalltext		{	font-size: 10px; color: #788085; }
.footnote		{	font-size: 10px; color: #444343; line-height:normal; }
.text11grey		{	font-size: 11px; color: #545454; line-height:normal; }

.maincontent-small-sub table { font-size:10px; line-height:normal; margin-top:10px; }



/* ------------------------- */
/* ----- header & marks----- */
/* ------------------------- */

em				{
	/*background-color:#C7EF05; --- */
	background-color:#aedef4;
	color:#353535;
	font-style:normal;
}

h1				{	font-size: 17px; font-weight: bold; color: #444343; display:inline; }					/* headline auf start */
h2				{	font-size: 16px; font-weight: bold; color: #006EB2; } 					/* headline in text */
h3				{	font-size: 12px; font-weight: bold; color: #006EB2; display:inline; } 	/* abschnitt in info-text */
h4				{	font-size: 13px; color: #CB2E2B; font-weight: bold; display:inline; } 	/* headline in produkte */
h5				{	font-size: 11px; color: #444343; font-weight: bold; display:inline; } 	/* subheadline in text */



/* ---------------------------- */
/* ----- picture settings ----- */
/* ---------------------------- */

.imgborder		{	border-style: solid; border-color: #959595; border-width: 1px; }

.mosaic-1		{	border-bottom: 1px solid #545454; }
.mosaic-2		{	border-bottom: 1px solid #545454;
					border-left: 1px solid #545454;
					border-right: 1px solid #545454; }
.mosaic-3		{	border-bottom: 1px solid #545454; }
.mosaic-4		{	border: none; }
.mosaic-5		{	border-left: 1px solid #545454;
					border-right: 1px solid #545454; }
.mosaic-6		{	border: none; }



/* ----------------------------- */
/* ----- formular settings ----- */
/* ----------------------------- */

input 	{
			font-family: Verdana, Arial, Helvetica, sans-serif ;
			font-size: 10px;
			border: 1px solid #47474F;
}
textarea {
			font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
			font-size: 10px;
			border: 1px solid #47474F;
}
label 	{
			font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
			font-size: 10px; vertical-align: middle;
			float: left;
			width: 110px;
			padding-left: 20px;
}
.contactfield {
			
			margin-bottom: 5px;	
			margin-right: 10px;
			width: 120px; height: 15px;
		}

.contacttextfield {
			margin-bottom:8px;
			width: 250px; height: 100px;
			/*margin-left: 150px;*/
		}
.button	{
    		float:left;
			color: #666666;
			/*background-color: #C4EE06; --- green*/
			background-color: #69cbf2;
			width: 150px; height: 20px;
			margin-left: 130px;
}

div#content div.left div.menu a.on, a.on:active		{	color: #0068AA; text-decoration: none; }


input.error { background-color:#C4EE06; }