/**************************************************************************/
/***************************LAYOUT DEFINITION******************************/

body
{
	margin: 0px;
	text-align:center;
	background-color:#FFFFFF;
	background-image:url(../_img/bg.gif)
}

#ROOT
{
	clear:both;
	margin: 0px auto;
	text-align: left;
	width: 889px;
	/*min-height: 194px;*/
	background: repeat-y url(../_img/xv.gif);}

#HEAD
{
	margin: 0px;
	text-align: left;
	width: 889px;
	height: 194px; }


#BODY
{ margin: 0px; text-align:left; width: 889px; background: repeat-y url(../_img/xv.gif); float:left;}

#CONTAINER
{ 
	width:671px; 
	overflow: hidden;
	background-image:url(../_img/mx.gif);
	float: left;
}

#CONTENT
{ 
	padding: 0px 15px 0px 20px;
	overflow: hidden;
}

#CONTAINER_NAVI
{ width: 218px; float:right; overflow: hidden; background: repeat-y url(../_img/nx.gif);}

#NAVI
{ width: 218px; /*float:right; */overflow: hidden; padding: 0px 9px 0px 9px; margin: 0px;}

#FOOT
{
	clear:both;
	margin: 0px;
	text-align:center;
	background: no-repeat url(../_img/f1.gif);
	width: 889px;
	height: 11px;
}

.FRAME
{
	overflow: hidden;
	background: url(../_img/mflix.gif) repeat-y #a5b9c6;
	float: left;
	margin: 0px 0px 5px 0px;
}

.FRAME_TOP
{ 
	background: repeat-x url(../_img/mftx.gif); 
	margin: 0px; 
	/*float:left;*/
	overflow: hidden;
	height: 34px;
}

.FRAME_TITEL
{
	margin: 0px;
	float: left;
	padding: 0px;
	overflow: hidden;
}

.FRAME_MAIN
{	
	float:left;
	width: 100%;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	background: url(../_img/mfrex.gif) right repeat-y;
}

.FRAME_BOT
{
	clear:both;
	background: repeat-x url(../_img/mfbx.gif);
	height: 8px;
	min-height: 8px;
}

.FNAVI
{
	/*width: 500px;*/
	overflow: hidden;
	background: url(../_img/mfnlix.gif) repeat-y #a5b9c6;
	float: left;
	margin: 0px 0px 5px 0px;
}

.FNAVI_TOP
{ 
	background: repeat-x url(../_img/mftx.gif); 
	margin: 0px; 
	/*float:left;*/
	overflow: hidden;
	height: 34px;
}

.FNAVI_TITEL
{
	margin: 0px;
	float: left;
	padding: 0px;
	overflow: hidden;
}

.FNAVI_MAIN
{	
	float:left;
	width: 100%;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	background: url(../_img/mfrex.gif) right repeat-y;
}

.FNAVI_BOT
{
	clear:both;
	background: repeat-x url(../_img/mfbx.gif);
	height: 8px;
	min-height: 8px;
}

.SFRAME { background: #6f7c91 url(/_img/if_lx.gif)  repeat-y; float:left; width: 550px; }
.SFRAME_TOP { background:url(/_img/if_ox.gif) repeat-x top; float:left;  }
.SFRAME_MID { background:url(/_img/if_rx.gif) repeat-y right; clear:both;  width: inherit; }
.SFRAME_BOT {background:url(/_img/if_ux.gif) repeat-x bottom; float:left; }

/**************************************************************************/
/**************************** TEXT DEFINITION *****************************/

h1
{
	color: #5f798c;/* 33beff*/
	font-size:34px;
	margin: 10px 8px 10px 40px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #d0d8dd; /*#cbdbe1;*/
}

h2
{
	color: #6d899d;
	font-size:28px;
	margin: 10px 0px 10px 30px;
	padding: 0px 5px 0px 10px;
}

h3 
{ 
	color: #7d9cb2; 
	font-size: 24px;
	margin: 10px 0px 10px 30px;
	padding: 0px 5px 0px 10px;
}

h4
{
/*	color: #9bacb9;/*e58e38 dc750f
	font: 20px  bold  "Times New Roman", Times, serif ;
	margin: 10px 0px 10px 0px;
	padding: 0px 5px 0px 10px;
*/	
	color: #00aeff;
	margin: 0px 25px 10px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dotted #00aeff;
	font-size:18px;
}

h5
{
	color:#577179;
	font: 18px "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

h6
{
	color:#577179;
	font: 18px "Times New Roman", Times, serif;
	margin: 7px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.InlineBoxP {
	text-align: left;
	color: #55454f;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size:14px;
}

p.InlineBoxP a {
	color: #d3e1ef;
}

#CONTAINER_NAVI ul
{
	list-style: none;
	margin: 5px 0px 5px 5px;
	padding: 0px;
}

#CONTAINER_NAVI ul a
{
	display:block;
	width: 178px;
	color: #d3e1ef;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
} 


#CONTAINER_NAVI ul a:active,
#CONTAINER_NAVI ul a:hover,
#CONTAINER_NAVI ul a:focus
{
	background: #90a3af;
	color: #e6f1f8;
}

.FRAME p
{
	color: #55454f;/*00aeff*/
	padding: 0px 10px 0px 40px;
	margin: 15px 0px 10px 0px;
}

.FNAVI p
{
	color: #55454f;/*00aeff*/
	padding: 0px 10px 0px 10px;
	margin: 15px 0px 10px 0px;
}

.FRAME p a
{
	color: #006eaf; /*7f454f*/
	text-decoration:none;
}

.FRAME p a:hover
{
	color: #50ceff;/*00aeff*/
}

p a
{
	color: #006eaf; /*7f454f*/
	text-decoration:none;
}

p a:hover
{
	color: #50ceff;/*00aeff*/
}

.tutbox
{
	margin: 5px 0px 0px 40px;
	padding: 0px 0px 5px 0px;
	width: 585px;
	float:left;
	border-bottom: 1px dotted #c5d5df;
}

.tutbox p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}

.thumb
{
	background: no-repeat url(../_img/thwin.jpg);
	height: 108px;
	width:117px;
	float:left;
}

.thwin
{
	margin: 14px 0px 0px 13px;
}

img
{
	margin: 0px;
	border: 0px;
	/*vertical-align: bottom;*/ 
}

a img
{
	vertical-align: bottom;  
}

a.TutTitel
{
	text-decoration:none;
	color:#006eaf;
	font-weight:bold;
}

a.TutTitel:hover,
a.TutTitel:active,
a.TutTitel:focus
{
	color: #005ebf;
	padding-left: 5px;
	border-left:5px solid #005ebf;
}

a.img 
{
	border: 0px;
}


strong
{
	color:#55454f;
}

div.Preview
{
	display: none;
	background: url(/_img/preview.jpg);
	width: 247px;
	height: 171px;
	position: absolute;
	margin: -30px 0px 0px 0px;
}

img.Preview
{
	position: inherit;
	margin: 11px 0px 0px 11px;
}

div.descpre {
	background: url(/_img/preview.jpg);
	width: 247px;
	height: 171px;
}

img.descpre {
	margin: 11px 0px 0px 11px;
}


pre.php_code {
	margin: 0px 10px 0px 40px;
	font-size: 14px;
	border: solid 1px #999999;
	border-left: solid 7px #999999;
	padding: 0px 0px 0px 5px;
	color:#444;
	overflow:auto;
	background: #eee;
}

span.php_code_remark { color: #CC9900; }
span.php_code_blue { color: #0000CC; }
span.php_code_red { color: #CC0000; }


p.head {
	margin: 0px 0px 0px 0px;
	vertical-align:top;
	font-size: 24px;
	color: #006699;
	font-weight: bold;
}

hr {
	margin: 0px 7px 0px 40px;
}

p.in_table { margin: 0px; text-align:left; }

div.PartnerFoot { text-align:center; }
div.PartnerFoot a { text-decoration:none; color:#aab; }


p.PageSlide { }

a.PageSlide
{
	border: 1px solid #90a3af;
	min-width: 50px;
	color: #d3e1ef;
	background: #a4b6c2;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
}

a.PageSlide:active,
a.PageSlide:hover,
a.PageSlide:focus
{
	background: #90a3af;
	color: #e6f1f8;
}