/* ------------------------------GLOBAlS--------------------------------- */

html, body	{
	height: 100%;
}
body, th, td, div, select, optgroup, input, textarea, h1, h2, h3, p	{
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	line-height: 15px;
	font-size: 11px;
	color: #1f1f1f;
}
body	{
	padding: 0; 
	margin: 0; 
	background: url('../img/bg-body.jpg') left top repeat-x;
	background-color: #eeeeee;
}
form, h1, h2, h3	{
	display: inline;
}
p, h1, h2, h3	{
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1	{
	display: block;
	padding: 0 0 30px 38px;
	font-weight: bold;
	color: #424242;
}
h2	{
	display: block;
	padding: 2px 11px 0 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #00a5f9;
}
ul, li	{
	margin: 0;
	padding: 0;
}
ul	{
	list-style-type: none;
}
ul li, ol li	{
	padding: 0 0 0 10px;
}
ul li	{
	background: url('../img/ul.gif') 0px 5px no-repeat;
}
img	{
	border: 0px solid black;
}
a	{
	color: #1f1f1f;
	text-decoration: underline;
}
a:hover	{
	color: #00a5f9;
}
sup	{
	font-size: 80%;
	line-height: 80%;
}

/* ------------------------------BASIC LAYOUT----------------------------- */

div#whole	{
	width: 758px;
	min-height: 100%;
	_height: 100%;
	background: url('../img/bg-whole.jpg') left top no-repeat;
}
div#head a#logo, div#head img.over_img1, div#head img#mediatronik_pro, div#head img.img1, div#head img.img2, div#head img.img3, div#head img.img4 	{
	display: block;
	position: absolute;
	top: 20px;
}
div#head img.under_img2, div#head img.under_img3, div#head img.under_img4, div#head img.under_img5, div#head img.under_img6, div#head img.under_img7,
div#head img.over_img2, div#head img.over_img3, div#head img.over_img4, div#head img.over_img5, div#head img.over_img6, div#head img.over_img7	{
	display: block;
	position: absolute;
	top: 140px;
	left: 54px;
}
div#head a#logo, div#head img.over_img1	{
	left: 54px;
	top: 19px;
}
div#head img#mediatronik_pro, div#head img.under_img3, div#head img.over_img3	{
	left: 174px;
}
div#head img.img1, div#head img.under_img4, div#head img.over_img4	{
	left: 294px;
}
div#head img.img2, div#head img.under_img5, div#head img.over_img5	{
	left: 414px;
}
div#head img.img3, div#head img.under_img6, div#head img.over_img6	{
	left: 534px;
}
div#head img.img4, div#head img.under_img7, div#head img.over_img7	{
	left: 654px;
}
div#main	{
	padding: 280px 0 100px 0;
}
div#main_menu	{
	float: left;
	width: 174px;
	line-height: 5px;
}
div#main_menu div.l1	{
	position: relative;
	margin-top: 5px;
}
div#main_menu div.l1 a	{
	position: relative;
	display: block;
	padding: 4px 0 6px 68px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background: url('../img/bg-menu-item-l1.gif') left top no-repeat;
	z-index: 200;
}
div#main_menu div.l1 a:hover, div#main_menu div.l1 a.over	{
	font-weight: bold;
	color: #ffffff;
	background: url('../img/bg-menu-item-l1-over.gif') left top no-repeat;
}
div#main_menu div.l1 span	{
	position: absolute;
	left: 0;
	_left: -68px;
	top: 0;
	display: block;
	width: 0;
	height: 20px;
	background-color: #00a4fa;
	z-index: 150;
}
div#main_menu div.l1 span.over	{
	width: 158px;
}
div#main_menu div.l2	{
	padding-bottom: 5px;
}
div#main_menu div.l2 a	{
	display: block;
	padding: 5px 0 0 81px;
	color: #ffffff;
	text-decoration: none;
	background: url('../img/bg-menu-item-l2.gif') 67px 11px no-repeat;
}
div#main_menu div.l2 a:hover, div#main_menu div.l2 a.over	{
	font-weight: bold;
}
div#foot	{
	position: relative;
	margin-top: -45px;
	width: 758px;
	height: 45px;
	background: url('../img/bg-foot.gif') left bottom no-repeat;
	z-index: 100;
}
div#foot div	{
	position: absolute;
	width: 104px;
	height: 45px;
	text-align: center;
}
div#foot div.link1	{
	left: 294px;
}
div#foot div.link2	{
	left: 414px;
}
div#foot div.link3	{
	left: 534px;
}
div#foot div.link4	{
	left: 654px;
}
div#foot div a	{
	position: relative;
	display: block;
	width: 104px;
	padding-bottom: 30px;
	color: #7a7a7a;
	text-decoration: none;
	font-size: 10px;
	z-index: 200;
}
div#foot div a:hover	{
	color: #1f1f1f;
}
div#foot div span	{
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	width: 104px;
	height: 28px;
	background-color: #00a4fa;
	z-index: 150;
}

/* ------------------------------CONTENT---------------------------------- */

div#main_box, div#main_box2	{
	float: left;
	width: 584px;
}
div#main_box_padd	{
	padding-left: 120px;
}
div#main_box2_padd	{
	padding-left: 0;
}
div#main_box_inner	{
	display: none;
	width: 464px;
	background-color: #ffffff;
}
div#main_box2_inner	{
	position: relative;
	width: 584px;
	background-color: #ffffff;
}
div#main_box_padd2, div#main_box2_padd2	{
	padding: 15px;
}
div#main_box_inner2	{
	width: 434px;
	padding: 25px 0 38px 0;
	background-color: #dddddd;
}
div#main_box2_inner2	{
	width: 554px;
	padding: 8px 0 38px 0;
	background-color: #dddddd;
}
div.content1	{
	padding: 0 38px 0 38px;
}
div.content2	{
	padding: 0 0 0 27px;
}
div.content3	{
	padding: 377px 38px 0 38px;
}
div.title	{
	padding: 2px 11px 0 11px;
	color: #ffffff;
	background-color: #00a5f9;
}
table.list	{
	width: 407px;
}
table.list th	{
	padding: 2px 11px 0 11px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	background-color: #00a5f9;
}
table.list td	{
	text-align: left;
	padding: 0 11px 0 11px;
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
}
table.list tr.odd td	{
	background-color: #eeeeee;
}
div#photogal	{
	position: absolute;
	top: 0;
	left: 0;
}
div#photogal_wrap	{
	padding: 42px 0 0 15px;
}
div#photogal_box	{
	position: relative;
}
div#photogal_box div.img_wrap	{
	position: absolute;
	top: 0;
	left: 0;
	width: 554px;
	height: 372px;
	text-align: center;
	background-color: #eeeeee;
}
a#photo_prev, a#photo_next	{
	display: block;
	position: absolute;
	top: 204px;
	left: 0;
	z-index: 10;
}
a#photo_prev	{
	display: none;
}
a#photo_next	{
	left: 569px;
}
div#sitemap div.l1 a:hover	{
	font-weight: bold;
	color: #1f1f1f;
}
div#sitemap div.l2	{
	padding-left: 20px;
}
div#sitemap div.l2 a	{
	color: #00a5f9;
}
div#sitemap div.l2 a:hover	{
	font-weight: bold;
}

/* ------------------------------COMMON CLASSES--------------------------- */

.nopt	{
	padding-top: 0 !important;
}
.pr38	{
	padding-right: 38px;
}
.pl11	{
	padding-left: 11px;
}
.mt30	{
	margin-top: 30px !important;
}
.z10	{
	z-index: 10;
}
.fleft	{
	float: left;
}
.fright	{
	float: right;
}
.aleft	{
	text-align: left;
}
.aright	{
	text-align: right !important;
}
.acenter	{
	text-align: center;
}
.justify	{
	text-align: justify;
}
.n	{
	font-weight: normal;
}
.b	{
	font-weight: bold;
}
.c	{
	text-transform: uppercase;
}
.u	{
	text-decoration: underline;
}
.i	{
	font-style: italic;
}
.nod	{
	text-decoration: none;
}
.clearer	{
	line-height: 0px;
	clear: both;
}
.sclear_left	{
	display: block;
	line-height: 0px;
	clear: left;
}
.sclear_right	{
	display: block;
	line-height: 0px;
	clear: right;
}
.cleft	{
	clear: left;
}
.cright	{
	clear: right;
}
.pointer	{
	cursor: pointer;
	_cursor: hand;
}
.hidden	{
	display: none;
}

/* ------------------------------COLORS----------------------------------- */

.blue	{
	color: #00a5f9;
}

/* ------------------------------WYSIWYG----------------------------------- */

.wysiwyg p	{
	margin: 0;
	padding: 0;
}