/* CSS Document */
/*	Author: 	Philipp Krummenauer
	E-Mail:		mail@philipp-krummenauer.de
	Homepage:	http://www.philipp-krummenauer.de
	File:		navi.css
	Date:		17.04.2009	
	Last Edit:	21.04.2009
	Version:	1.0
	Content:	CSS-Navigation-Design
	URL:		http://www.sana-tornow.de
*/

/*************************************
***       Navigationsleiste        ***
*************************************/

#nav_root {
	width:896px;
	height:36px;
	margin:0px auto;
	background-color:#cccccc;
	background-repeat:repeat-x;
	background-image:url(../picz/design/nav_root.jpg);
}

#nav_root_left {
	width:612px;
	height:36px;
	margin:0px auto;
	background-color:#cccccc;
	background-image:url(../picz/design/nav_root_l.jpg);
}

#nav_root_right {
	width:284px;
	height:36px;
	margin:0px auto;
	background-color:#cccccc;
	background-image:url(../picz/design/nav_root_r.jpg);
}

#nav_start {
	float:left;
	width:36px;
	height:36px;
}

#nav_seperator {
	float:left;
	width:15px;
	height:36px;
}

#nav_seperator_right {
	float:left;
	width:39px;
	height:36px;
}

/*************************************
***       Nav_Leiste_Liste         ***
*************************************/

#nav_root_left ul {
	margin:0px;
	padding:0px;
}

#nav_root_left li {
	display:inline;
	list-style-type:none;
}

#nav_root_right ul {
	margin:0px;
	padding:0px;
}

#nav_root_right li {
	display:inline;
	list-style-type:none;
}

/*************************************
***        Nav_Buttons_left        ***
*************************************/

#nav_root_left a.illuz_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_ill_no.jpg);
}

#nav_root_left a.illuz_01:hover {
	background-image:url(../picz/design/b_ill_ov.jpg);
}

#nav_root_left a.illuz_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_ill_on.jpg);
}

#nav_root_left a.printz_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_pri_no.jpg);
}

#nav_root_left a.printz_01:hover {
	background-image:url(../picz/design/b_pri_ov.jpg);
}

#nav_root_left a.printz_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_pri_on.jpg);
}

#nav_root_left a.webz_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_web_no.jpg);
}

#nav_root_left a.webz_01:hover {
	background-image:url(../picz/design/b_web_ov.jpg);
}

#nav_root_left a.webz_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_web_on.jpg);
}

#nav_root_left a.prodz_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_pro_no.jpg);
}

#nav_root_left a.prodz_01:hover {
	background-image:url(../picz/design/b_pro_ov.jpg);
}

#nav_root_left a.prodz_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_pro_on.jpg);
}

/*************************************
***       Nav_Buttons_right        ***
*************************************/

#nav_root_right a.stuff_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_stu_no.jpg);
}

#nav_root_right a.stuff_01:hover {
	background-image:url(../picz/design/b_stu_ov.jpg);
}

#nav_root_right a.stuff_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_stu_on.jpg);
}

#nav_root_right a.home_01 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_hom_no.jpg);
}

#nav_root_right a.home_01:hover {
	background-image:url(../picz/design/b_hom_ov.jpg);
}

#nav_root_right a.home_02 {
	float:left;
	width:87px;
	height:36px;
	background-image:url(../picz/design/b_hom_on.jpg);
}

/*************************************
***            Sidebar             ***
*************************************/

.sidebar_root {
	width:284px;
	height:456px;
	margin:0px auto;
	background-color:#cccccc;
	background-repeat:repeat-x;
	background-image:url(../picz/design/sidebar_root.jpg);
}

#sidebar_start {
	width:284px;
	height:24px;
}

#sidebar_seperator {
	width:284px;
	height:23px;
}

/*************************************
***         Sidebar_Liste          ***
*************************************/

#sidebar_root ul {
	margin:0px;
	padding:0px;
}

#sidebar_root li {
	list-style-type:none;
}

/*************************************
***        Sidebar_Buttons         ***
*************************************/

 a.weblog_01 {
 	float:left;
	width:118px;
	height:119px;
	background-image:url(../picz/design/b_blo_no.jpg);
}

 a.weblog_01:hover {
	background-image:url(../picz/design/b_blo_ov.jpg);
}

 a.partner_01 {
 	float:left;
	width:108px;
	height:111px;
	background-image:url(../picz/design/b_par_no.jpg);
}

 a.partner_01:hover {
	background-image:url(../picz/design/b_par_ov.jpg);
}

 a.kontakt_01 {
 	float:left;
	width:108px;
	height:110px;
	background-image:url(../picz/design/b_kon_no.jpg);
}

 a.kontakt_01:hover {
	background-image:url(../picz/design/b_kon_ov.jpg);
}

/*************************************
***             Footer             ***
*************************************/

#footer_root {
	color:#ffa600;
	font-family:Verdana, sans-serif;
	font-size:9px;
	
	width:896px;
	height:30px;
	margin:0px auto;
	text-align:left;
	background-repeat:repeat-x;
	background-image:url(../picz/design/footer_root.jpg);
}

#footer_dog {
	width:284px;
	height:167px;
	margin:0px auto;
	background-repeat:repeat-x;
	background-image:url(../picz/design/footer_dog.jpg);
}

#footer_top {
	width:896px;
	height:9px;
}

#footer_start {
	float:left;
	width:308px;
	height:15px;
}

/*************************************
***         Footer_Liste           ***
*************************************/

#footer_root ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#footer_root li {
	display:inline;
	list-style-type:none;
}