/* 
	css document for schnutenhaus-kollegen.de, sk.eu
	rechtsanwalt jörg schnutenhaus und kollegen, berlin
	css implemented by lieven design
	sandra von lieven
	www.sandravonlieven.com, www.babycakes.de, berlin 2006
*/

/* ++++++++++++++++++++ BASICS ++++++++++++++++++++++ */

body 	{ 
	background: #fff;		
	margin:0;
	margin-top:12px;
	font-size: 12px;
}

a:focus {
	-moz-outline: none;
}

/* +++++++++++++++++ TEXTDEFINITIONS +++++++++++++++++++ */

h1 { 
	margin: 0; margin-bottom: 20px;
	font: 1.6em georgia; line-height: 1.6em; color: #006c00;
	border-left:7px; 
	border-left-color: #006c00;
	border-left-style:solid;
}

h2 { 
	font: 1.2em tahoma; color: #000; 
	margin: 0; margin-left: 18px; margin-bottom: 15px;
	font-weight: bold;
}

h3 { 
	font: bold 1.1em tahoma; color: #64AA02; line-height:1.8em;
	margin: 0; margin-left: 18px; margin-bottom: 15px;
}

h4 { 
	font: 1.1em georgia; color: #006c00; line-height:1.7em;
	margin: 0; margin-bottom: 5px;
	border-left:7px; border-left-color: #006c00; border-left-style:solid;
	border-bottom:1px; border-bottom-color:#006c00; border-bottom-style:dotted;
}

h5 { 
	font: bold 1.0em tahoma; color: #000; line-height:1.7em;
	margin: 0; margin-bottom: 5px;
	margin-left: 10px;
	border-bottom:1px; 
	border-bottom-color:#006c00;
	border-bottom-style:dotted;
	text-align: left;
}

p, td { 
	font: 1.0em tahoma; line-height: 1.4em; color: #000; 
	margin:0; margin-left: 18px; margin-bottom: 10px;
}

/* .j p {
	text-align: justify;
} */
	
a:link, a:visited { color: #64AA02; text-decoration:none; }
a:link:hover, a:visited:hover { color: #64AA02; text-decoration:none; }

/*ul { 
	margin: 0; 
	font: 1.0em tahoma; color: #000; line-height: 1.4em;
}
li { 
	list-style-image: url(images/list-icon.gif);
	margin: 0; margin-bottom: 5px;
}*/

ul, li{
	font: 1.0em tahoma; color: #000; line-height: 1.4em;
	list-style-image: url(images/list-icon.gif);
	margin:0;
	margin-left:10px;
	padding:0;
	padding-left:10px;
	padding-bottom:4px;
}

ul{
	padding-bottom:8px;
}

ul li.deko{
	padding-bottom: 8px;
}

ul.sekretariat {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	list-style-image: none;
}
ul.sekretariat li {
	list-style: none;
	list-style-image: none;
	clear: both;
}
ul.sekretariat li img {
	float: left;
	border-bottom: 12px solid white;
	margin-right: 12px;
}

ul.rechts, li.rechts{
	font: 1.0em tahoma; color: #000; line-height: 1.2em;
	margin:0;
	margin-left:0px;
	padding:0;
	padding-left:10px;
	padding-bottom:4px;
	list-style-image: none;
	list-style: none;
}

ul.mitglied li {
	margin:0;
	margin-left:0px;
	padding:0;
	padding-left:0px;
	padding-bottom:6px;
	list-style-image: none;
	list-style: none;
}

/* +++++++++++++ POSITIONING ELEMENTS +++++++++++++ */

div.logo {
	position:absolute; left: 0; top: 0;
	height: 75px; width: 209px;
	background: url(../images/schnutenhaus-logo.gif) top left no-repeat;
}

div.head { 
	position:absolute; left: 210px; top: 0;
	height: 75px; width: 595px; z-index: 2;
}

div.pic { 
	position:absolute; left: 210px; top: 76px; 
	width: 590px; height: 199px; z-index: 0;
}

div.bigcontent { 
    position:absolute; left: 210px; top: 295px; 
	width: 580px;
	background: #FFF;
}

div.content { 
    position:absolute; left: 210px; top: 295px; 
	width: 390px;
}

div.rightbar { 
	position:absolute; left: 615px; top: 350px; 
	width: 190px;
}

div.rightbar a:link, div.rightbar a:visited { color: #000; text-decoration:none; line-height: 1.4em; padding-bottom: 8px; }
div.rightbar a:link:hover, div.rightbar a:visited:hover { color: #64AA02; text-decoration:none; line-height: 1.4em; padding-bottom: 8px; }

/* +++++++++++++ NAVIGATIONAL ELEMENTS +++++++++++++ */

div.nav1 {
	left:0px; 
	top:0px;
	height: 75px; 
	width: 147px;
	float:left;
	border-right:1px solid #fff;
	font: bold 1.0em georgia;
	color: #fff;
	z-index: 3;
	vertical-align: bottom;
	background: #006c00;


	
}

div.nav1 a:link, div.nav1 a:visited { 
	float:left;
	color: #fff; 
	width: 147px;
	text-decoration:none;
	z-index:3;
	padding-top:40px;
	padding-bottom:5px;
}

div.nav1 a:hover, 
div.nav1 a:visited:hover, 
div.nav1 #active { 
	float:left;
	padding-top:40px;
	color: #fff;
	width: 147px;
	background: #64AA02;
	text-decoration:none;
	z-index:3;
	padding-bottom:5px;
}

div.nav1.right,
div.nav1.right a:link,
div.nav1.right a:visited,
div.nav1.right a:hover,
div.nav1.right a:visited:hover,
div.nav1.right #active {
	width: 150px;
}

div.leftnav {
	position:absolute;
	top: 344px;
	width: 200px;
	left: 0px;
}

div.nav2 {	
	font: 1.0em tahoma; color: #000; line-height: 1.3em;
	margin-left: 10px;
	padding: 2px 0 2px 0;
	border-bottom:1px; 
	border-bottom-color:#006c00;
	border-bottom-style:dotted;
	text-align: left;
	list-style:none;
}

div.nav2 a:link, div.nav2 a:visited { 
	color: #000;
	text-decoration: none;
}

div.nav2 a:hover, div.nav2 a:visited:hover, div.nav2 #active2 {
	color: #64AA02;
	margin-left: 0px;
	text-decoration: none;
	list-style:square;
}

div.nav3 { 
    position:absolute;
	left: 0;
	top: 76px; 
	width: 210px;
	height: 199px;
	background: #006c00;
    font: 0.9em georgia; color: #fff;
}

#nav3 ul {
	list-style: none;
	list-style-image: none;
}

#nav3 li {
    font: 10px georgia; color: #fff;
	margin: 0;
	margin-right: 20px;
	margin-top: 5px;
	line-height: 18px;
	text-align: right;
	list-style:none;
	list-style-type: none;
	list-style-image: none;
}

#nav3 li a:link, #nav3 li a:visited {
	color: #fff;
	text-decoration: none;
}

#nav3 li a:hover, #nav3 li a:visited:hover, #nav3 li #active3 { 
	color: #64AA02;
	text-decoration: none;
	}

/* ++++++++++++++++++++ FOOTER TEXT ++++++++++++++++++++++ */

div.subtext { 
	position: absolute; top: 535px; 
	font: normal 11px/14px trebuchet ms; 
	color: #000; width: 730px;
}

div.subtext a:link, div.subtext a:visited { color: #000; }
div.subtext a:hover, div.subtext a:visited:hover  { color: #ffffff; }