*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
}

html{
 overflow: -moz-scrollbars-vertical;
}

body{
	background-image:url(../images/template/bg.gif);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
	line-height:17px;
}

/* Grundgerüst */
#container{
	margin: 0 auto;
	width: 950px;
	padding:0 0 30px 0;
}

#hilfsnavi{
	height:35px;
	text-align:right;
}

#hilfsnavi2{
	width:220px;
	height:40px;
	text-align:left;
	float:left;
}

#copyright{
	width:708px;
	height:40px;
	line-height:40px;
	padding:0 20px 0 0;
	float:right;
	text-align:right;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

#logo{
	height:100px;
}

#navi{
	height:40px;
}

#subnavi{
	height:55px;
	background-image:url(../images/template/datebg.gif);
	background-repeat:no-repeat;
}

#date{
	width:250px;
	line-height:30px;
	float:right;
	padding-right:20px;
	color:#727272;
	text-align:right;
}

#content{
	padding:20px;
	background-color:#FFFFFF;
}

#footer{
	height:40px;
	background-image:url(../images/template/footerbg.gif);
	background-repeat:no-repeat;
	padding: 30px 0 0 0;
}

/* Contentspalten */
#main{
	width:600px;
	padding: 0 19px 0 0;
	float:left;
}

#headbild{
	width:600px;
	height:200px;
}

#headplot{
	width:560px;
	height:/*126*/95px;
	padding:17px 20px 20px 20px;
	background-color:#80c2e8;
	color:#006ab2;
	font-weight:bold;
	line-height:18px;
}

#right{
	width:270px;
	padding: 0 0 0 0;
	float:right;
}

#kontakt{
	width:270px;
	height:170px;
	padding:30px 0 80px 0;
}

#news{
	width:270px;
	padding:8px 0 0 0;
}

.news{
	border-bottom:1px dotted #006ab2;
	padding:18px 0 24px 0;
}

/* Allgemein */
h1, #headplot h1{
	padding:48px 0 21px 0;
	font-size:18px;
	font-weight:bold;
	color:#313131;
}

#headplot h1{
	padding:0 0 10px 0;
	color:#006ab2;
}

h2{
	font-size:14px;
	font-weight:bold;
	padding:25px 0 12px 0;
}

.news h2{
	padding:0;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:250px;
	height:25px;
	line-height:25px;
	background-image:url(../images/template/bg-title-right.gif);
	padding: 0 0 0 20px;
}

ul{
	padding:0 0 0 45px;
}

li{
	list-style-image:url(../images/template/aufz.gif);
	padding:0 0 0 0;
}


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

a:hover, a:active, a:focus{
	color:#313131;
	text-decoration:none;
}

.clear{
	clear:both;
}

/* Navigationen */

/* Hilfsnavi */
#hilfsnavi ul, #hilfsnavi2 ul{
	list-style-type: none;
	margin:10px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#hilfsnavi2 ul{
	float:left;
}

#hilfsnavi li, #hilfsnavi2 li{
	float:left;
	display: inline;
	padding:0 13px 0 14px;
	background-image:url(../images/template/hilfsnavitrenner.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#hilfsnavi2 li{
	background-image:url(../images/template/hilfsnavi2trenner.gif);
}

li#hlastli{
	padding:0 0 0 13px;
	background:none;
}

#hilfsnavi a:link, #hilfsnavi a:visited, #hilfsnavi2 a:link, #hilfsnavi2 a:visited{
	color:#949494;
	text-decoration:none;
	font-weight:bold;
}

#hilfsnavi a:hover, #hilfsnavi a:active, #hilfsnavi a:focus, #hilfsnavi2 a:hover, #hilfsnavi2 a:active, #hilfsnavi2 a:focus{
	color:#006ab2;
	text-decoration:none;
	font-weight:bold;
}

#hilfsnavi2 a:link, #hilfsnavi2 a:visited, #copyright a:link, #copyright a:visited{
	color:#ffffff;
}

#hilfsnavi2 a:hover, #hilfsnavi2 a:active, #hilfsnavi2 a:focus, #copyright a:hover, #copyright a:active, #copyright a:focus{
	color:#006ab2;
}

/* Navi */
#navi ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
	width:100%;
}

#navi li{
	font-size:15px;
	font-weight:bold;
	float:left;
	display: block;
}

li#nlastli{
	padding:0 0 0 13px;
	background:none;
}

#navi a:link, #navi a:visited{
	display:block;
	padding:0 22px 0 22px;
	line-height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/template/navi_off.gif);
	background-repeat:repeat-x;
}

#navi a:hover, #navi a:active, #navi a:focus, #navi_on a:link, #navi_on a:visited, #navi_on a:hover, #navi_on a:active, #navi_on a:focus{
	display:block;
	line-height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/template/navi_on.gif);
	background-repeat:repeat-x;
}

li#home, li#home_on{	width:95px; }

li#portrait, li#portrait_on{	width:124px; }

li#beratung, li#beratung_on{	width:135px; }

li#support, li#support_on{	width:124px; }

li#webdesign, li#webdesign_on{	width:145px; }

li#layout, li#layout_on{	width:189px; }

li#schulung, li#schulung_on{	width:132px; }


#home a:link, #home a:visited{
	background-image:url(../images/template/navi-home_off.gif);
}

#home a:hover, #home a:active, #home a:focus, #home_on a:link, #home_on a:visited, #home_on a:hover, #home_on a:active, #home_on a:focus{
	background-image:url(../images/template/navi-home_on.gif);
}

#portrait_on a:link, #portrait_on a:visited, #portrait_on a:hover, #portrait_on a:active, #portrait_on a:focus, #beratung_on a:link, #beratung_on a:visited, #beratung_on a:hover, #beratung_on a:active, #beratung_on a:focus, #support_on a:link, #support_on a:visited, #support_on a:hover, #support_on a:active, #support_on a:focus, #webdesign_on a:link, #webdesign_on a:visited, #webdesign_on a:hover, #webdesign_on a:active, #webdesign_on a:focus, #layout_on a:link, #layout_on a:visited, #layout_on a:hover, #layout_on a:active, #layout_on a:focus{
	background-image:url(../images/template/navi_on.gif);
	background-repeat:repeat-x;
}

#schulung a:link, #schulung a:visited{
	background-image:url(../images/template/navi-schulung_off.gif);
}

#schulung a:hover, #schulung a:active, #schulung a:focus, #schulung_on a:link, #schulung_on a:visited, #schulung_on a:hover, #schulung_on a:active, #schulung_on a:focus{
	background-image:url(../images/template/navi-schulung_on.gif);
}

li.trenner{
	width:1px;
	background-image:url(../images/template/navi-trenner.gif);
	display:block;
	line-height:40px;
}

/* Subnavi */
#subnavi ul{
	list-style-type: none;
	float:left;
	padding:0;
}

#subnavi li{
	float:left;
	display: inline;
	padding:0 15px 0 20px;
}

#subnavi a:link, #subnavi a:visited{
	display:block;
	line-height:30px;
	color:#949494;
	text-decoration:none;
	font-weight:bold;
}

#subnavi a:hover, #subnavi a:active, #subnavi a:focus{
	display:block;
	line-height:30px;
	color:#006ab2;
	text-decoration:none;
	font-weight:bold;
}
