/**
 * Seite: DI-Perle
 * Datei: setup.css
 * Media: screen
 * * * * * * * * * * * * * * * * * * * * * * * * *
 * Datum: 2008-06
 * Autor: Niels Weber, Malte Beran
 * Firma: Ticcon AG
 *************************************************/
*	{ margin: 0; padding: 0;	}
.hidden	{ display: none;		}
.clear	{ clear: both;			}
.line	{ clear: both;			}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.float-left	{	float: left;			}
.float-right	{	float: right;			}
.align-left	{	text-align: left;		}
.align-right	{	text-align: right;		}
.align-center	{	text-align: center;		}
.underline	{	text-decoration: underline;	}


BODY {
	background-color: #EEEEEE;
	color: #DDDDDD;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, arial, helvetica, sans-serif;
}
#container {
	width: 75em;
	margin: 0 auto 0 auto;
	color: #DDDDDD;
	background-color: #3E3E3E;
	text-align: left;
}
.corner {
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0;
}
.corner.top {		background-color: #605953;	}
.corner.bottom {	background-color: #3E3E3E;	}
.corner.top .left {	width: 8px; height: 8px; float: left;	background-image: url(../images/bg_top_left.gif);	background-color: #EEEEEE;	}
.corner.top .right {	width: 8px; height: 8px; float: right;	background-image: url(../images/bg_top_right.gif);	background-color: #EEEEEE;	}
.corner.bottom .left {	width: 8px; height: 8px; float: left;	background-image: url(../images/bg_bottom_left.gif);	background-color: #EEEEEE;	}
.corner.bottom .right {	width: 8px; height: 8px; float: right;	background-image: url(../images/bg_bottom_right.gif);	background-color: #EEEEEE;	}



/**
* L O G O  
**********************************************/
#logo {
	background-color: #EEEEEE;
	text-align: center;
}

/**
* H E A D E R 
**********************************************/
#header {
	height: 329px;
	overflow: hidden;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #605953;
}
/**
* N A V I - M A I N 
**********************************************/
#navi-main {
	height: 329px;
	margin: 0 0 0 24px;
	background-image: url(../images/bg_navi-main.gif);
	background-repeat: repeat-y;
	background-position: 0;
}
* HTML #navi-main {
	margin: 0 0 0 11px;
}
#navi-main UL {
	margin: 10px 0 0 0;
	list-style-type: none;
}
#navi-main UL LI {
	padding: 0 0 0 1em;
	line-height: 38px;
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: 1.5em;
	letter-spacing: 0.1em;
}
#navi-main UL LI.current {
	background-image: url(../images/navi-basis_current.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#navi-main UL LI.current A {
	color: #FFFFFF;
	text-decoration: none;
}
#navi-main UL LI A:hover {
	color: #FFFFFF;
}
/**
* R U B P I C
**********************************************/
#rubpic {
	padding: 4px 75px 0 0;
}
#rubpic IMG {
}
/**
* N A V I - S U B 
**********************************************/
#navi-sub {
	height: 2.5em;
	border: 1px solid #535250;
	background-color: #616161;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
}
#navi-sub UL {
	padding: 0 0 0 0.5em;
	overflow: visible;
	line-height: 2.5em;
}
#navi-sub UL LI {
	display: inline;
	margin: 0 1em;
}
#navi-sub UL LI A {
	padding: 10px;
	overflow: hidden;
}
#navi-sub UL LI A.current {
	background-color: #555555;
	text-decoration: none;
}
/**
* N A V I - L A N G 
**********************************************/
#navi-lang {
	background-color: #EEE;
}
#navi-lang UL {
	list-style-type: none;
}
#navi-lang UL LI {
	display: inline;
	margin-right: 0.5em;
}
/**
* C O N T E N T
**********************************************/
#content {
	color: #DDDDDD;
	padding: 1em 2em 1em 2em;
}