/***********************************************/

/* styles.css   matthies-consulting.com            */

/***********************************************/

/**Farben

rot #CC0033

dunkelblau #014380;

mattbeige #F7F7F2;

mittelgrau #767676;

ocker #DFB300

mittelgrau #DEDED3
mittelblau #286DA6

/

/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font: normal 100.01% Verdana, Arial, Helvetica, sans-serif;

	color: #767676;

	background-color: #EBEBE6;

	padding-top: 36px;

	text-align: center;

	scrollbar-base-color:#DEDED3;

	scrollbar-3dlight-color:#DEDED3;

	scrollbar-arrow-color:#014380;

	scrollbar-darkshadow-color:#767676;

	scrollbar-face-color:#f7f7f2;

	scrollbar-highlight-color:#f7f7f2;

	scrollbar-shadow-color:#014380;

	scrollbar-track-color:#deded3;

	vertical-align: middle;

}

html, body {

	min-height: 100%;

	margin:5px auto; /* main-Box zentrieren in IE 5 und hoeher */

	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */

	vertical-align: middle;

}



/************** header tag styles *************24718d*/



h1{

	font: bold 120% Verdana, Arial, Helvetica, sans-serif;

	color: #014380;

	line-height: 145%;

	margin: 0px 0px 10px 0px;

	padding: 0px;

}



h2{

 font: bold 95%/140% Arial, Verdana, Helvetica, sans-serif;

 color: #014380;

margin: 15px 0px 7px 0px; padding:0px;

}



h3{

 font: bold 80% Verdana, Arial, Helvetica, sans-serif;

 color: #014380;

 margin: 13px 0px 4px 0px;

}

h4 {

	font: normal 80% Verdana, Arial, Helvetica, sans-serif;

	color: #014380;

	line-height: 140%;

	margin: 0px 0px 4px 0px;

}

p, td, li {

	font: normal 80% Verdana, Arial, Helvetica, sans-serif;

	color: #767676;

	line-height: 140%;

	margin: 0px 0px 4px 0px;

}

li.sub1{margin-left: 20px;}

td {vertical-align:top; padding-top:3px;}

img {

	border: 0px;

}

/*Links*/

a:link, a:visited { color: #014380; text-decoration:none;}

a:hover, a:focus; a:active {text-decoration:underline;}

a.grau:link, a.grau:visited {

	color: #767676;

	text-decoration:none;

	padding-right: 20px;

	padding-top:20px;

	background-image: url(../bilder/pfeil.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

a.grau:hover, a.grau:focus; a:active {text-decoration:underline;}

/*************** list tag styles ***************/



ul {

	list-style-type: none; padding-top:0px; margin-top: 0px;

}

#content ul {list-style-type: square;}

/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#screen{

	/*

	ist zentriert in IE und Mozilla durch body-Kriterum: text-align:center

	und die relative Positionierung*/

	position:relative;

	width: 950px; 

	height: 600px;

	margin: 0 auto; /* main-Box vertikal zentrieren, Rand oben + unten 5px */

	text-align: center; /*main-Box vertikal zentrieren in Opera, NN, Mozilla */

	z-index:3;

	overflow: visible;

	}



/***********************************************/

/* Component Divs                              */

/***********************************************/

#logo{

	position: absolute;

	top:0px;

	left:230px;

	width:720px;

	height:138px;

	border: none;

	background-color: #FFFFFF;

	padding: 0px;

	margin: 0px;

	z-index:3;

	text-align:left;

	vertical-align: top;

	overflow:hidden;

}

#logo img{border:none;

	padding-top:50px; padding-left: 35px;}

#sprache {

	position: absolute;

	top:26px;

	right:36px; 

	width:218px;

	text-align: right;

	color: #666666;

	font: normal 70.01% Verdana, Arial, Helvetica, sans-serif;

	}

#sprache a:link, #sprache a:visited {text-decoration: none; color: #CD0637;}

#sprache a:hover, #sprache a:active, #sprache a:focus {text-decoration: underline;}



#bild {

	position: absolute;

	top:0px;

	left:0px; 

	width:230px;

	height:138px; border: none;

	background-color: #ffffff;

	overflow:hidden;}

#info {

	position: absolute;

	top:36px;

	right:36px; 

	width:218px;

	height:178px; border: none;

	background-color: #DFB300;}

#inhalte {position: absolute;

	top:138px;

	left:0px;

	width: 100%;

	height: auto;

	padding:0px; margin:0px;

	background-color: #DEDED3;}

#navi{

	float:left;

	padding: 36px 0px 0px 0px;

	margin: 0px;

	width: 230px;

	background-color: #DEDED3;

	color: #ffffff;

	text-align: right;

	}

	

#content {

	float:right;

	padding: 34px 230px 36px 36px;

	margin: 0px;

	width: 454px;

	background-color: #ffffff;

	color: #767676;

	text-align: left;

	border-top: 4px solid #DEDED3;

	}

#kasten {position:absolute;

	top: 184px;

	left: 750px;

	width:135px;

	padding: 15px;

	height: auto;

	background-color: #286DA6;/*#DFB300; orange*/

	color: #ffffff;

	font: bold 80%/140% Arial, Verdana, Helvetica, sans serif;

	text-align: left;

}

#portrait {position:absolute;

	top: 184px;

	left: 750px;

	width:165px;

	padding: 0px; margin:0px;

	height: auto;

	background-color: #ffffff;



	font: bold 80%/140% Arial, Verdana, Helvetica, sans serif;

	text-align: left;

}

/*Navigation*/

#liste {

	list-style-type: none;

	margin:0px;

	padding: 0px;

	list-style-position: outside;

	background-color: transparent;

		}



#navi li {

	font: normal 80% Verdana, Arial, Geneva, Helvetica, sans-serif;

	margin:0px;padding: 5px 0px 5px 0px;

}

#liste a:link, #liste a:visited {

    font: bold 100% Verdana,  Helvetica, Arial, sans-serif;

	display: block;

	width: 200px;

	padding:1px 32px 0px 0px; 

	text-decoration: none;

	line-height:130%;

	color: #014380;

	background:   url(../bilder/weiss.gif) no-repeat scroll right 4px;

			}

#liste a:hover ,#liste a:focus,#liste a:active,#liste a.aktiv:link,#liste a.aktiv:visited,#liste a.aktiv:focus, #liste a.aktiv:hover,#liste a.aktiv:active {

	display: block;

	text-decoration: none; 

	background:  url(../bilder/rot.gif) no-repeat scroll right 4px;

		}

#liste a.sub:link, #liste a.sub:visited {

    font: normal 100% Verdana,  Helvetica, Arial, sans-serif;

	display: block;

	width: 200px;

	padding:1px 32px 0px 0px; 

	text-decoration: none;

	line-height:130%;

	color: #014380;

	background:   url(../bilder/weiss.gif) no-repeat scroll right center;

			}

#liste a.sub:hover ,#liste a.sub:focus,#liste a.sub:active, #liste a.subaktiv:hover ,#liste a.subaktiv:focus,#liste a.subaktiv:active, #liste a.subaktiv:link, #liste a.subaktiv:visited {

	font: normal 100%/130% Verdana,  Helvetica, Arial, sans-serif;

	display: block;

	text-decoration: none; 

	background:  url(../bilder/rot.gif) no-repeat scroll right center;

		}