/* general HTML Elements --------------------------------------------------------------------------------------- */

body, td{
	font-family:Courier, Courier New, Andale Mono, Monaco;
	font-size:13px;
	color:#b1b2b4;
	line-height:16px
}
body{
	background-color:#4b4b4d; 	/* automaticaly set to black in IE for working Overlay, only visible in Mozilla */
	background-image:url(../images/afontis/css/bg2.gif);
	background-position:0px 5px;
	background-repeat:repeat-y;
}

a{
	color:#b1b2b4;
	text-decoration:none;
}
a:hover{
	color:#ffffff;
}
a:active{
	/*
	color:#ffec00;
	background-color:transparent;
	*/
}
img{
	border-style:none;
}


/* reset browser-default margin and padding */
form, body{
	padding:0px;
	margin:0px;
}
.clear{
	clear:both;
}

#container { /* Seite zentrieren ------------------------------- */
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}


/* Kopf */
#kopf{
	background-color:#4b4b4d;
	padding-left:24px;
	height:90px;
}
#kopf #logo{
	padding-top:19px;
	float:left;
	width:504px;
}
#kopf #firma{
	padding-top:21px;
	float:left;
	width:240px;
}

/* Hauptteil mit Kreuzerl rechts. */
#main{
	clear:both;
	
}
/* NAV */
#main #nav{
	height:164px;
	width:744;
	margin-left:24px;
	margin-right:12px;
	padding-top:4px;
	margin-top:3px;
	border-style:solid none none none;
	border-color:#707172;
	border-width:1px;
	
	background-color:#4b4b4d;
	overflow:hidden;
}
#main #nav a{
	text-decoration:none;
	display:block;
}
#main #nav .open a{
	color:#ffec00;
	background-color:transparent;
}


#main #nav #mainnav{
	float:left;
	width:228px;
	margin-right:12px;
}
#main #nav #subnav{
	float:left;
	width:240px;
	margin-left:12px;
}
/* Sondertext Gelb auf Homepage */
#main #nav #subnav .gelbertext, #main #nav #subnav .gelbertext a{
	color:#ffec00;
}

#main #nav #navtext{
	float:left;
	width:240px;
	margin-left:12px;
}
#main #nav #navtext a{
	display:inline;
}

/* Inhalt */
#main #inhalt{
	width:744;
	margin-left:24px;
	margin-right:12px;
	padding-top:6px;
	border-style:solid none none none;
	border-color:#707172;
	border-width:1px;
	background-color:#4b4b4d;
	overflow:hidden;
}
#main #inhalt #spalte1{
	float:left;
	width:228px;
	margin-right:12px;
}
#main #inhalt #spalte1 img{
	margin-bottom:226px;
}

#main #inhalt #spalte2{
	float:left;
	width:409px;
	margin-left:12px;

}
#main #inhalt #spalte2 .contentelement{
	width:409px;
}

.contentelement h1, h2{
	color:#ffec00;
	font-size:13px;
	line-height:16px;
	margin:0px;
	font-weight:normal;
}
.contentelement h2{
	color:#ffffff;
}

.contentelement a{
	text-decoration:underline;
}


/* Download PDF, JPG, TXT */
.contentelement .pdf a, .contentelement .jpg a, .contentelement .txt a {
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	padding-bottom:4px;
}
.contentelement .pdf a {
	background-image:url(../images/tic2/common/downloadicons/pdf.gif);
}
.contentelement .jpg a {
	background-image:url(../images/tic2/common/downloadicons/jpg.gif);
}
.contentelement .txt a {
	background-image:url(../images/tic2/common/downloadicons/txt.gif);
}


/* Footer */
#main #footer{
	clear:both;
	width:744;
	margin-left:24px;
	margin-right:12px;
	padding-top:4px;
	border-style:solid none none none;
	border-color:#707172;
	border-width:1px;
	background-color:#4b4b4d;
	overflow:hidden;
	margin-top:53px;
	padding-bottom:24px;
}

#main #footer #hotline{
	float:left;
	width:228px;
	margin-right:12px;
}
#main #footer #email{
	float:left;
	width:240px;
	margin-left:12px;
}
#main #footer #xing{
	float:left;
	width:240px;
	text-align: right;
	margin-left:12px;
}