/*Heli Ammann
Hauptseite
22.4.2009

*/
*{
	padding:0;
	margin:0;
	border:0;
}

html{
	height:100%;
	font-size:75%;
	}

html>body{
	font-size:12px;}

body{
	text-align:center;
	height:100%;
	overflow:auto;
	background-color:#faff9d;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	
	
}

/*TYPO
-------------------------------------------------*/

/*Überschrift*/


h1{
	/*font:1.67em/0.9em Arial, Helvetica, sans-serif;*/
	font:2em/0.9em Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*margin-top:0.9em;
	margin-bottom:0.9em;*/
	padding: 10px 10px;
	margin-left:1em;
	color: #9acbe4;
	
	}
	
h2{
	font:1.33em/1.13em Arial, Helvetica, sans-serif;
	margin-top:1.13em;
	margin-bottom:1.13em;
	margin-left: 2em;
	padding-left: 5px;
	}

h3{
	/*font: 1.17em/1.29em Arial, Helvetica, sans-serif;*/
	font:2em/0.9em Arial, Helvetica, sans-serif;
	/*margin-top:1.29em;*/
	margin-bottom:1.29em;
	color:#9acbe4;
	font-weight:bold;
	margin-left: 2em;
	}

p{
	margin: 10px;
	margin-left: 2em;
	padding: 0 15px;}
	

	
a{
	text-decoration:none;
	color:#a6207b;
	}
	
a:hover{
	color:#e38309;}
	
#adress a{
	text-decoration:none;
	color:#e38309;
	}
	
#adress a:hover {
	color:#a6207b;}
	

a.prnava{
	color: #88b2c8;
	font-weight:bold;}

a.gross{
	font-size:16px;
	font-weight:bold;}
	
ul.liste{
	list-style-type:circle;
	padding-left: 60px;
	}
	
ul.liste li{
	padding-top: 5px;}
	
.fussnote{
	font: 10px Verdana, Geneva, sans-serif;
	color:#222;}



/*Body_ HG
-------------------------------------------------*/



#wrapper{
	width: 960px;
	text-align:left;
	height: 100%;
	min-height:677px;
	/*overflow:hidden;*/
	position:relative;
	z-index:99;
	margin:0 auto;
	background-color:#faff9d;
	font:Arial, Helvetica, sans-serif;
	}
	
	
.bcol{
	width:50%;
	position: absolute;
	top: 0;
}

.left{
	left:0;
}
	
.right{
	right:0;
}
#re_body{
	margin-left: 479px;
	background: url(image/hg_re.gif) repeat-x left top;
	
	min-height: 677px;
}

#li_body{
	margin-right: 480px;
	background:url(image/hg_li.gif) repeat-x;
	min-height: 677px	;
	
	
}


/*HEADER
--------------------------------------------------*/
#header{
	/*background: url(image/header.gif) no-repeat;
	color:#ffffff;*/
	height: 43px;
	width:282px;
	/*position:relative;*/
	position:absolute;
	right: 0;
	top:17px;
	z-index: 100;
	}
#adress{
	text-align:right;
	color: #e38309;
	font: 11px/15px Arial, Helvetica, sans-serif;
	
	/*padding-right:30px;
	padding-top:75px;*/
	font-weight:bold;
	word-spacing: -1px;
	/*position:absolute;
	bottom:23px;
	left:340px;*/
	position:absolute;
	top:65px;
	right:0;
	}
	
#topbar{
	height: 22px;
	text-align:right;
	padding-right: 27px;}

a#ho{
	display:block;
	width: 282px;
	height: 43px;
	background:url(image/header.gif) no-repeat;
	}
	
/* NAVIGATION
--------------------------------------------------*/
#nav{
	height: 160px;
	/*margin-top:34px;*/
	padding-top:34px;
	position:relative;
	}

#nav ul{
	list-style:none;
	float:left;
	}
	
#nav ul li{
	float:left;
	}
	
#hgl{
	background:url(image/menue/links_hg_punkte.gif) no-repeat;
	width: 80px;
	height:160px;
	}
	
#hgr{
	background:url(image/menue/rechts_hg_punkte.gif) no-repeat;
	width: 65px;
	height:160px;
	}
	
#nav ul a{
	display:block;
	text-decoration:none;
	border:0;
	}
a:focus{outline:none;}

a#m1:link, a#m1:visited{
	background:url(image/menue/eurob_in.gif) no-repeat;
	width: 113px;
	height: 160px;
	}
a#m1:hover, a#m1:active{
	background:url(image/menue/eurob_ro.gif) no-repeat;
	width: 113px;
	height: 160px;}
	
#m1.aktiv{
	background:url(image/menue/eurob_a.gif) no-repeat;
	width: 113px;
	height: 160px;}	
#m2{
	background:url(image/menue/mb_in.gif) no-repeat;
	height:160px;
	width:155px;
	}
a#m2:hover{
	background:url(image/menue/mb_ro.gif) no-repeat;
	width: 155px;
	height:160px;}	
	
#m2.aktiv{
	background:url(image/menue/mb_a.gif) no-repeat;
	width: 155px;
	height:160px;}

#m3{
	background:url(image/menue/edv_in.gif) no-repeat;
	height: 160px;
	width:114px;}
	
a#m3:hover{
	background:url(image/menue/edv_ro.gif) no-repeat;
	height: 160px;
	width:114px;}
	
#m3.aktiv{
	background:url(image/menue/edv_a.gif) no-repeat;
	height: 160px;
	width:114px;
	}
	
 a#m4:link, a#m4:visited{
	 display:block;
	background:url(image/menue/time_in.gif) no-repeat;
	width: 146px;
	height: 149px;
	}
a#m4:hover, a#m4:active{
	 display:block;
	background:url(image/menue/time_ro.gif) no-repeat;
	width: 146px;
	height: 149px;}
	
#m4.aktiv{
	 display:block;
	background:url(image/menue/time_a.gif) no-repeat;
	width: 146px;
	height: 149px;
	padding:0;
	margin:0;}	
	
	
	
a#m5:link, a#m5:visited{
	 display:block;
	background:url(image/menue/ngo_in.gif) no-repeat;
	width: 146px;
	height: 116px;
	}
a#m5:hover, a#m5:active{
	 display:block;
	background:url(image/menue/ngo_ro.gif) no-repeat;
	width: 146px;
	height: 116px;}
	
#m5.aktiv{
	 display:block;
	background:url(image/menue/ngo_a.gif) no-repeat;
	width: 146px;
	height: 116px;
	padding:0;
	margin:0;}	
	
span{
	display:none;}



/*CONTENT
__________________________________________________*/
#main{
padding-left: 70px;
}

#content{
	background-color:#ffffff;
	overflow:hidden;
	height: 441px;
	width: 672px;
	float:left;
}

#ch{
	background:url(image/boxen/aktiv_box_o.gif) no-repeat;
	height: 52px;
	width: 672px;
	
	}
	
#cc{
	background:url(image/boxen/aktiv_box_hg.gif) repeat-y;
	height:357px;
	width: 672px;
	
	}

#inhalt{
	overflow:auto;
	height:325px;
	width:620px;
	padding: 5px 5px 10px 5px;
	margin-left:15px;
	
	
	
	}

#produkt_nav{
	background:url(image/boxen/aktiv_box_u.gif) no-repeat;
	height:32px;
	width: 672px;
	
	}

#produkt_nav ul{
	list-style:none;
	float:right;
	}
	
#produkt_nav ul li{
	float:left;
	}
	
#produkt_nav ul a{
	display:block;
	padding:0 2em;
	line-height:2.1em;
	text-decoration:none;
	font-size: 12px;}

#wch{
	background:url(image/boxen/w_box_o.png) no-repeat;
	width:673px;
	height:409px;}

#wprodukt_nav{
	background:url(image/boxen/w_box_u.gif) no-repeat;
	height:32px;
	width:673px;
	}

#wprodukt_nav ul{
	list-style:none;
	float:right;
	}
	
#wprodukt_nav ul li{
	float:left;
	}
	
#wprodukt_nav ul a{
	display:block;
	padding:0 1em;
	line-height:2.1em;
	text-decoration:none;
	font-size:12px;
	}

#sidebar{
	width: 218px;
	height:441px;
	/*margin-left:712px;*/
	float:right;
	
	
	
	}

/*FOOTER
--------------------------------------------------*/

#subnav{
	position:relative;
	color: #000;
	height:52px;
}

#subnav ul{
	list-style:none;}

#subnav ul li{
	float: left;}
	
#subnav ul a{
	display:block;}
	
#shgl{
	background:url(image/menue/hg_sml.gif) no-repeat;
	width: 91px;
	height: 158px;}
#shgr{
	width:410px;
	height:158px;
	}
a#kontakt{
	background:url(image/menue/kontakt_in.gif) no-repeat;
	width:91px;
	height:52px;}
	
#kontakt.aktiv{
	background:url(image/menue/kontakt_a.gif) no-repeat;
	width:91px;
	height: 52px;}
	
a#kontakt:hover{
	background:url(image/menue/kontakt_ro.gif) no-repeat;
	width: 91px;
	height: 52px;}
a#team{
	background:url(image/menue/team_in.gif) no-repeat;
	width: 79px;
	height: 52px;}
	
#team.aktiv{
	background:url(image/menue/team_a.gif) no-repeat;
	width: 79px;
	height: 52px;}
	
a#team:hover{
	background:url(image/menue/team_ro.gif) no-repeat;
	width: 79px;
	height: 52px;}
a#agb{
	background:url(image/menue/agb_in.gif) no-repeat;
	width:59px;
	height: 52px;}

#agb.aktiv{
	background:url(image/menue/agb_a.gif) no-repeat;
	width:59px;
	height:52px;}
a#agb:hover{
	background:url(image/menue/agb_ro.gif) no-repeat;
	width:59px;
	height: 52px;}
	
/*#balken{
	background:url(image/balken.gif) no-repeat;
	width:353px;
	height: 143px;}
	
#balken a{
	padding-left:250px;
	padding-top: 143px;}*/



/*--IE-Fix--*/
*html #lcol{
	left: 200px;
}

a#impressum{
	text-align:right;
	font-size:11px;
	padding-top:5px;
	color:#feac45;
	}
a#impressum:hover{
	color:#e38309;}	
	
.ia{
	text-align:right;
	font-size:11px;
	padding-top:5px;
	color:#a6207b;
	display:block;
	}


/*TABELLE
-----------------------------------------------------*/

table{
	width: 500px;
	margin: 20px;
	padding-left:10px;
	}
	
th{
	color: #9acbe4;}
	
tr.zwue{
	background:#9acbe4;
	color: #fff;
	font-weight: bold;
	}
	
td{	
padding: 5px 10px;
border: #9acbe4 solid 1px;
}

table.pad td{
	padding: 3px 10px;
}


/*Listen
-----------------------------------------------*/
ol{
	list-style:lower-latin;
	padding-left: 50px;}
	
ul ul{
	list-style:disc;
	padding-left:50px;}
	
	
div#h{
	background:url(image/header/mb_grafik_text.gif) no-repeat;
	width: 201px;
	height: 49px;
	margin:0px;
	position: absolute;
	top:15px;
	left:15px;}
	
/*TEAM
-----------------------------------------------*/
	
span#mcp{
	display:block;
	background:url(image/mcp.gif) no-repeat;
	width:119px;
	height:54px;
	margin: 10px 0;}


	
ul.ref{
	list-style:none;
	padding-left: 40px;
	}
	
ul.ref li{
	margin: 10px 0;}
	
	
/* Kontakt
-----------------------------------------------------*/
body#kont table td{
	border: 0;}
	
fieldset {
	border: 1px solid #70c9ed;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right:20px;
}

legend{
	color: #70c9ed;
	padding: 5px;
	font-weight: bold;
}


table.formu{
	width:480px;
	margin-top: 20px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}

.formu td{
	width:40px;
	padding-right: 5px;
	padding-bottom:5px;
	border:0;
}

label.em{
	padding-right: 40px;
}

input{
	border: solid 1px #70c9ed; }
	
textarea{
	border:solid 1px #70c9ed;}



input.but{
	margin-top: 20px;
	margin-bottom:10px;
	margin-left:40px;
	background-color: #a6207b;
	border: solid 10px #a6207b;
	color:#fff;
	font-size:12px;
}

div.emailf{
	margin:10px;
}

div.explain{
	
	margin-left:40px;
	font-style:italic;}
	
input#plz{
	
	width:30px;
	padding:0;
	margin:0;}