@charset "utf-8";
/* CSS Document */
body{padding:0; margin:12px 0 0; background:url(images/main-bg.gif) 0 0 repeat-x #fff; font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#7D7D7D; }
div, p, ul, h1, h2, h3, h4, h5, img{
	margin:0px;
	padding:0px;
}
ul{list-style-type:none;}

#mainPan{
	width:1024px;
	position:relative;
	margin:0 auto;
}
/*---TOP PANEL---*/
#topPan{
	width:1024px;
	height:185px;
}
#topleftPan{
	width:1024px;
	margin:0;
	float:left;
	background:url(images/header.jpg) 0 0 no-repeat #FDFDFC;
	color:#CCC;
}
#topleftPan h1{
	width:500px;
	height:131px;
	background:none;
	font:20px/22px Arial, Helvetica, sans-serif;
	padding:54px 0 0 520px;
}
#topleftPan h2{
	font:13px/20px Arial, Helvetica, sans-serif;
	display:block;
	border-top:1px solid #FFF;
	width:203px;
	position:absolute;
	top:19px;
	left:648px;
}
#topPan img{
	width:270px;
	height:68px;
	display:block;
	margin:0;
	position:absolute;
	top:11px;
	left:115px;
}

/*---/TOP PANEL---*/

/*---BODY PANEL---*/
#bodytopPan{
	width:1024px;
	height:640px;
	background:url(images/bodytop.jpg) 0 0 no-repeat;
}
/*---BodyTop Left Panel--*/
#bodytopleftPan{
	width:1024px;
	margin:0;
	float:left;
	height: 635px;
}
#bodytopleftPan h2{width:478px; height:26px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:28px 0 30px 61px;}
#bodytopleftPan h2 span{font-size:21px; line-height:24px; font-weight:normal;}
/*---/BodyTop Left Panel--*/
#bodyPan{
	width:1024px;
}
/*---Body Left Panel--*/
#bodyleftPan{
	width:1024px;
	background: url(images/body-bg.gif) 0 0 repeat-y;
	margin:0;
	padding:0 0 40px;
}
#bodyleftPan p{
	padding:19px 61px 0;
	margin: 10px 320px 0px 10px;
}
#bodyleftPan p span.boldtext{font-weight:bold;}
#bodyleftPan picture{width:1024px; height:700px; margin-left:10px;}
#bodyleftPan p.border{height:6px; background:url(images/line.gif) 0 100% repeat-x; margin:20px 61px; padding:0;}
#bodyleftPan p.captiontext{font:16px/22px Georgia, "Times New Roman", Times, serif; background: url(images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}

#bodyleftPan h2{width:478px; height:40px; display:block; font:21px/21px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
/*---/Body Left Panel--*/
/*---FOOTER PANEL--*/
#footermainPan{
	height:80px;
	background:url(images/footerbg.gif) 0 0 repeat-x #777;
	color:#fff;
	margin:0;
	padding:0;
}
#footerPan{width:1024px; position:relative; margin:0 auto;}
#footerPan img{
	width:141px;
	height:33px;
	position:absolute;
	top:37px;
	right:402px;
}

#footerPan ul{
	width:500px;
	position:absolute;
	top:11px;
	left:278px;
}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.multimedijaperfekt{
	width:190px;
	background:#7D7D7D;
	color:#fff;
	display:block;
	position:absolute;
	top:8px;
	left:821px;
}
#footerPan ul.multimedijaperfekt li{height:20px;}
#footerPan ul.multimedijaperfekt li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.multimedijaperfekt li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	background:#7D7D7D;
	color:#fff;
	font:11px/15px Tahoma,Arial, Helvetica, sans-serif;
	position:absolute;
	top:9px;
	left:12px;
	width: 217px;
	height: 19px;
}

#footerPanhtml{width:70px; height:24px; background:url(images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background:url(images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}
#mainPan #bodyPan #bodyleftPan #bodyleftPan picture {
	color: #FFF;
}
.razmak {
	color: #FFF;
}
#razmak {
	color: #FFF;
}