@charset "utf-8";
/* 
	Name:			Herbert Leier
	Datei:		design.css
	Autor:		Herbert Leier
	Datum:		14.07.2008	
*/

/* begin: Diverses ------------------------------------------------------ */
.no_css {
	position:absolute;
	display:none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.clear {clear:both;}
.marker {background:#FFFF99;}
/* end: Diverses -------------------------------------------------------- */




/* begin: Body --------------------------------------------------------- */
body {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0;
	background:#fff url(../img/body_bg.jpg) repeat-x left top;
}

a {color:#336666; text-decoration:underline;}
a:hover {color:#6394C8; text-decoration:underline;}
/* end: Body ----------------------------------------------------------- */



/* begin: Ganz --------------------------------------------------------- */
#ganz {
	position:relative;
	padding:20px 0 0 0;
	margin:0;
	width:980px;
}
.startseite #ganz {
	position:relative;
	padding:100px 0 0 0;
	margin:0;
	width:980px;
}
/* end: Ganz ----------------------------------------------------------- */




/* begin: Head ---------------------------------------------------------- */
#head {
	position:relative;
	width:800px;
	padding:0;
	margin:0;
	background:#8ab2e1 url(../img/head_bg.gif) repeat-x left top;
	border-top:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
}
#head h1 {
	position:relative;
	padding:10px;
	margin:0 0 0 120px;
	font:14px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#fff;
}
.startseite #head {
	position:relative;
	width:800px;
	padding:0;
	margin:0;
	background:#a3c4f1 url(../img/head_startseite_bg.gif) repeat-x left top;
}
.startseite #head h1 {
	position:relative;
	padding:80px 150px;
	margin:0 0 0 120px;
	font:24px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#fff;
}
.startseite #head h1 span {
	position:relative;
	display:block;
	padding:0;
	margin:15px 0 0 0;
	font:18px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#fff;
}
/* end: Head ------------------------------------------------------------ */




/* begin: Navi -------------------------------------------------------------------------- */
#navi {
	width:800px;
	padding:0;
	margin:0;
	background:#5f6f87 url(../img/navi_bg.gif) repeat-x left bottom;
	border-bottom:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
}
.navi-inner {
	position:relative;
	width:800px;
	padding:0;
	margin:0;
	z-index:800;
}

#navi ul {
	padding:0;
	margin:0;
	float:right;
}
#navi ul ul {
	padding:9px 0 0 0;
	margin:0;
}
#navi li {
	padding:5px;
	border-right:1px solid #7c899b;
	border-left:1px solid #58677d;	
}
#navi li.no_border-right {border-right:none;}
#navi li.no_border-left {border-left:none;}
#navi ul ul li {
	padding:0;
	margin:0;
	width:160px;
	border:none;
	background:#d8d8d8;
}
#navi a {
	padding:5px 10px;
	margin:0;
	color:#fff;
	text-decoration:none;
	background:transparent;
	outline:none;
	font-size:12px;
}
#navi a.on {
	padding:5px 10px;
	margin:0;
	color:#5F6F87;
	text-decoration:none;
	background:#a3c7ed;
	border:none;
	outline:none;
}
#navi a:focus,
#navi a:hover {
	padding:5px 10px;
	margin:0;
	color:#fff;
	text-decoration:none;
	background:#6E9DCF;
	border:none;
	outline:none;
}

#navi a.sub 					{padding-right:20px; background:transparent url(../img/navi_sub_off.gif) no-repeat right center;}
#navi a.sub:hover 		{padding-right:20px; background:#6E9DCF url(../img/navi_sub_on.gif) no-repeat right center; outline:none;	color:#fff;}
#navi a.sub:focus 		{padding-right:20px; background:#6E9DCF url(../img/navi_sub_focus.gif) no-repeat right center; outline:none; color:#fff;}
#navi :hover > a.sub 	{padding-right:20px; background:#6E9DCF url(../img/navi_sub_on.gif) no-repeat right center; outline:none;	color:#fff;}

#navi a.sub_on			 			{padding-right:20px; background:#a3c7ed url(../img/navi_sub_off.gif) no-repeat right center; outline:none;	color:#5F6F87;}
#navi a.sub_on:hover 			{padding-right:20px; background:#6E9DCF url(../img/navi_sub_on.gif) no-repeat right center; outline:none;	color:#fff;}
#navi a.sub_on:focus 			{padding-right:20px; background:#6E9DCF url(../img/navi_sub_focus.gif) no-repeat right center; outline:none; color:#fff;}
#navi :hover > a.sub_on 	{padding-right:20px; background:#6E9DCF url(../img/navi_sub_on.gif) no-repeat right center; outline:none;	color:#fff;}


#navi ul ul a {
	padding:5px;
	margin:0 5px 5px 5px;
	color:#5F6F87;
	background:#eae9e9;
	white-space: nowrap;
}
#navi ul ul a.on {
	padding:5px;
	margin:0 5px 5px 5px;
	color:#5F6F87;
	background:#a3c7ed;	
	white-space: nowrap;
}
#navi ul ul a:hover,
#navi ul ul a:focus {
	padding:5px;
	margin:0 5px 5px 5px;
	color:#fff;
	background:#5F6F87;	
	white-space: nowrap;
}

/* WICHTIG im ie6_design wird noch was für den IE6 angegeben */
.startseite #navi table {top:40px;}
.startseite #navi ul ul {bottom:35px;}

.startseite #navi ul ul a {margin:5px 5px 0 5px;}
.startseite #navi ul ul a:hover,
.startseite #navi ul ul a:focus {margin:5px 5px 0 5px;}
/* end: Navi ---------------------------------------------------------------------------- */




/* begin: Main ---------------------------------------------------------- */
body #main {
	font:12px/1.8em Arial, Helvetica, sans-serif;
}
#main {
	position:relative;
	padding:30px;
	margin:20px 0 0 100px;
	width:640px;
	min-height:400px;
	background:#fff;
	z-index:600;
}
/* end: Main ------------------------------------------------------------ */




/* begin: Tool ---------------------------------------------------------- */
#tool {
	position:absolute;
	top:20px;
	right:0;
	width:170px;
	padding:0 0 0 10px;
}
#tool label {
	font-weight:bold;
	color:#336666;
}
.tool-logos {
	position:relative;
	height:83px;
	background:transparent url(../img/tools_logo.gif) no-repeat left center;
}
.startseite .tool-logos {
	position:absolute;
	top:250px;
	height:126px;
	width:127px;
	margin:0 0 0 10px;
	background:transparent url(../img/tools_logo_02.gif) no-repeat left center;
}
.tool-suche {
	padding:15px 0;
	border-bottom:1px solid #bbbbbb;
}
.tool-sprache {
	padding:15px 0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #bbbbbb;	
}
.tool-txt_size {
	padding:15px 0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #bbbbbb;
}
.tool-ansicht {
	padding:15px 0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #bbbbbb;
}
.tool-kontakt {
	padding:15px 0;
}
.tool-impressum {
	padding:0;
}

/* begin: tool-suche */
.tool-suche label {
	position:absolute;
	display:none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.tool-suche .inp {
	width:120px;
	border:1px solid #999;
}
.tool-suche .but {
	border:1px solid #336666;
	color:#fff;
	background:#649292 url(../img/button_bg.gif) repeat-x left top;
}
/* end: tool-suche */


/* begin: tool-sprache */
.tool-sprache label {
	display:block;
	margin:0 0 10px 0;
}
.tool-sprache .sel {
	width:121px;
	border:1px solid #999;
}
.tool-sprache .but {
	border:1px solid #336666;
	color:#fff;
	background:#649292 url(../img/button_bg.gif) repeat-x left top;
}
/* end: tool-sprache */


/* begin: tool-txt_size */
.tool-txt_size strong {
	display:inline;
	font-size:12px;
	font-weight:normal;
	color:#666;
}
.tool-txt_size ul {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.tool-txt_size li {
	display:inline;
}
.tool-txt_size li.no_border a {
	border:none;
}
.tool-txt_size a {
	border-right:1px solid #CCCCCC;
	display:inline-block;
	line-height:17px;
	padding:2px;
	text-align:center;

	width:15px;
	outline:none;
}
.tool-txt_size a:hover {}
.smallFont 	{font-size:10px;}
.medFont 		{font-size:12px;}
.largeFont 	{font-size:14px;}
.curFont {
	/* background:#EEEEF7 none repeat scroll 0 0; */
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
/* end: tool-txt_size */


/* begin: tool-ansicht */
.tool-ansicht a {
	padding:0 0 0 20px;
	background:transparent url(../img/icon-text.gif) no-repeat left center;
}
/* end: tool-ansicht */


/* begin: tool-kontakt */
.tool-kontakt label {
	display:block;
	margin:0 0 10px 0;
}
/* end: tool-kontakt */


/* begin: tool-impressum */
.tool-impressum a {
	padding:0 0 0 20px;
	background:transparent url(../img/icon-impressum.gif) no-repeat left center;
}
/* end: tool-impressum */


/* end: Tool ------------------------------------------------------------ */




/* begin: Foot ---------------------------------------------------------- */
#foot {
	position:relative;
	width:800px;
	background:#5F6F87;
	clear:both;
}
/* end: Foot ------------------------------------------------------------ */




/* begin: Extra --------------------------------------------------------- */
#extra {
	position:absolute;
	top:25px;
	left:20px;
	padding:0;
	margin:0;
	width:154px;
	height:291px;
	background:transparent url(../img/mensch_01.gif) no-repeat left top;
	z-index:500;
}
.startseite #extra {
	position:absolute;
	top:60px;
	left:20px;
	padding:0;
	margin:0;
	width:200px;
	height:510px;
	background:transparent url(../img/mensch_02.gif) no-repeat left top;
	z-index:500;
}
/* end: Extra ----------------------------------------------------------- */