@charset "utf-8";
/* 
 * PROJCETINFOS:
 * project: handwerker-ketsch
 * coder: netzschrittmacher - heike baage
 * typ: default

 * CONTENT:
 * 01 basic settings
 * 02 framework
 * 03 contentSections
 * 04 typography
 * 05 formular
 * 06 table
 * 07 list
 * 08 img
 * 09 buttons and icons 
 */

/* 
 * 01 basic settings
 */


html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Arial;
	font-size: 11px;
	color: #333;
}


* {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}


ul, dl, li, dt, dd {
 	list-style-type: none;
	margin: 0;
	padding: 0;
}

.reset {
	clear: both;
}


/* 
 * 02 framework
 */
 
#wrapper  {	
	margin: 30px auto;
	width: 970px;
}

#header {
	width: 970px;
	margin: 0;
	padding: 0;
	float: left;
}

#inside {
	width: 970px;
	margin: 45px 0 75px 0;
	padding: 0;
	float: left;
}

.section {
	width: 400px;
	margin: 0 70px 0 0;
	float: left;
}

#footer {
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	width: 970px;
}


/*
 * 04 typography
 */
 
 h1,
 h2 {
	font-size: 30px;
	color: #931b1b;
	margin: 0 0 20px 0;
 }
 
 p, li {
 	font-size: 12px;
	color: #333;
	line-height: 16px;
 }
 
 strong {
 	color: #931b1b;
 }
 
 #inside p {
 	width: 400px;
 }
 
 #footer p {
		color: #8f8d8d;
} 

#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:focus,
#footer a:hover {
	color: #8f8d8d;
	font-weight: normal;
}
 
 a:link,
 a:active,
 a:visited {
 	color: #931b1b;
	text-decoration: none;
	font-weight: bold;
 }

 a:focus,
 a:hover {
 	color: #931b1b;
	text-decoration: underline;
	font-weight: bold;
 }

/* 
 * 07 list
 */
 
ul.menu {
 	margin: 26px 0 0 0;
	float: left;
	padding: 0;
 }
 
ul.menu li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

ul.menu li span {
	display: none;
}

ul.menu li a {
	display: block;	
	height: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;			
}

ul.menu li a.eins,
ul.menu li a.eins_active {
	width: 89px;
}

ul.menu li a.eins:link,
ul.menu li a.eins:active,
ul.menu li a.eins:visited,
ul.menu li a.eins {
	background-image: url(../media/img/navigation/navi-root_startseite.jpg);

}

ul.menu li a.eins:focus,
ul.menu li a.eins:hover, 
ul.menu li a.eins_active {
	background-image: url(../media/img/navigation/navi-root_startseite_focus.jpg);
}

ul.menu li a.zwei,
ul.menu li a.zwei_active {
	width: 120px;
}

ul.menu li a.zwei:link,
ul.menu li a.zwei:active,
ul.menu li a.zwei:visited,
ul.menu li a.zwei {
	background-image: url(../media/img/navigation/navi-root_unternehmen.jpg);
}

ul.menu li a.zwei:focus,
ul.menu li a.zwei:hover,
ul.menu li a.zwei_active {
	background-image: url(../media/img/navigation/navi-root_unternehmen_focus.jpg);
}

ul.menu li a.drei,
ul.menu li a.drei_active {
	width: 78px;
}

ul.menu li a.drei:link,
ul.menu li a.drei:active,
ul.menu li a.drei:visited,
ul.menu li a.drei {
	background-image: url(../media/img/navigation/navi-root_kontakt.jpg);
}

ul.menu li a.drei:focus,
ul.menu li a.drei:hover, 
ul.menu li a.drei_active {
	background-image: url(../media/img/navigation/navi-root_kontakt_focus.jpg);
}