/* Im Body Tag wird für den IE alles mittig positioniert sowie die Schrift ausgewählt */
body {
	font-family: Verdana;
	font-size: 0.9em;
	
	color: #000000;
	background-color: #FFFFFF;
	/* Hack für den IE: um den Seiteninhalt zu zentrieren */
	text-align: center;
	/* Damit sich das Design beim zoomen nicht zu sehr verschiebt */
	overflow: auto;
}

#centered_container {
	width: 760px;
	margin: 6px auto;
	text-align: left;
}

/* Der Trailer beinhaltet das Canesano-Logo sowie ein Bild */ 
.trailer {
	width: 100%;
	height: 128px;
	
	border: 1px #404040 solid;
	
	margin: 0 0 6px 0;
	
	background-image: url("/fileadmin/Images/logo.jpg");
	background-repeat: no-repeat;
	background-position: 595px center;
}
/* Hack für den IE damit das Bild im Trailer keinen Abstand zur Linie hat */
*html .trailer img {
	margin-bottom: -1em;
}


/* Im top sind die hotlinks (Aktuell: xyz) sowie die top navigation (Home Kontakt) */
.top {
	width: 100%;
}
.top .hotlinks {
	float: left;
	
	font-size: 0.8em;
	color: #404040;
}
.top .nav_top {
	float: right;
	
	margin: 0;
	padding: 0;
}


/* Im Mainbereich ist die left navigation (	Über uns ......... ) sowie er gesamte restliche Inhalt */
.main {
	width: 100%;
	
	border: 1px #404040 solid;

}
.main .nav_left {
	float: left;
	width: 20%;
	
	padding: 4px 8px 0 4px;

	
}
.main .content {
	float: right;
	width: 78%;
	
	padding: 4px 0px 16px 0;
}


/* Standarts neudefiniert */

p {
	margin: 0 0 1em 0;
	padding: 0;
}
h1 {
	font-size: 1.5em;
	color: #404040;
	font-weight: bolder;
	margin:  0.25em 0 1em 0;
	padding: 0;
}
h2 {
	font-size: 1.2em;
	color: #404040;
	font-weight: bold;
	font-style: italic;
	
	margin: 0 0 0.25em 0;
	padding: 0;
	text-indent: 0.25em;
}
h3 {
	font-size: 1.0em;
	color: #404040;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0;
	text-indent: 0.25em;
}
/* h4 ist eine Kopie von h2. h4 hat eine rote Schriftfarbe eingestellt */
h4 {	
	font-size: 1.2em;
	color: #EE0000;
	font-weight: bold;
	font-style: italic;
	
	margin: 0 0 0.25em 0;
	padding: 0;
	text-indent: 0.25em;
}

/* Links für die Navigation "top" (oben rechts) */
a.menu_top:link, a.menu_top:visited, a.menu_top:active {
	font-size: 0.8em;
	color:	#404040;
	
	font-weight: bolder;
	text-decoration: none;
}
a.menu_top:hover {
	font-size: 0.8em;
	color:	#404040;
	
	font-weight: bolder;
	text-decoration: underline;
}


/* Menus für die linke Naviation auf dem 1ersten Level */
a.menu_left_lvl1:link, a.menu_left_lvl1:visited, a.menu_left_lvl1:active {
	font-size: 1em;
	color:	#404040;
	font-weight: bolder;
	text-decoration: none;
	
	line-height: 1.5em; 
}
a.menu_left_lvl1:hover {
	font-size: 1em;
	color:	#404040;
	font-weight: bolder;
	text-decoration: underline;
	
	line-height: 1.5em;
}
/* Der aktuelle Link.... es ändert sich nur die Farbe */
a.menu_left_lvl1_cur:link, a.menu_left_lvl1_cur:visited, a.menu_left_lvl1_cur:active, a.menu_left_lvl1_cur:hover  {
	font-size: 1em;
	color:	#00B2FF;
	font-weight: bolder;
	text-decoration: none;

	line-height: 1.5em;
}


a.menu_left_lvl2:link, a.menu_left_lvl2:visited, a.menu_left_lvl2:active {
	font-size: 0.8em;
	color:	#404040;
	font-weight: normal;
	text-decoration: none;

	line-height: 1.5em;
	margin: 0 0 0 2em;
	text-align: justify;


}
a.menu_left_lvl2:hover {
	font-size: 0.8em;
	color:	#404040;
	font-weight: normal;
	text-decoration: underline;

	line-height: 1.5em;
	margin: 0 0 0 2em;
	text-align: justify;

}
a.menu_left_lvl2_cur:link, a.menu_left_lvl2_cur:visited, a.menu_left_lvl2_cur:active, a.menu_left_lvl2_cur:hover  {
	font-size: 0.8em;
	color:	#00B2FF;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;

	line-height: 1.5em;
	margin: 0 0 0 2em;
	text-align: justify;
	
}


a.hot_link:link, a.hot_link:visited, a.hotlink:active {	
	color:	#404040;
	font-weight: bolder;
	text-decoration: none;
}
a.hot_link:hover {
	color:	#404040;
	font-weight: bolder;
	text-decoration: underline;
}

/* tabellen */

/* standard typo3 content tabelle */
table.contenttable {
	width: 95%;
}