/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}








/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */


* { border:none; }

body {
	background:			url(/_p/bg.gif);
	font:				11px/16px verdana, helvetica, arial, sans-serif;
}
	
p { font-size:11px; }
strong { font-weight:bold; color:#285499; }

a,
a:link		{ color:#285499; text-decoration:none; border-bottom:1px solid #285499; }
a:visited 	{ color:#1E3F73; text-decoration:none; border-bottom:1px solid #285499;  }
a:hover		{ color:#285499; text-decoration:none; border-bottom:none; }
a:active 	{ color:#285499; text-decoration:none; border-bottom:none; }
a:focus 	{ color:#285499; text-decoration:none; border-bottom:none; }


#seitenblock-wrapper {
	padding-top:		30px;
	margin-top:			16px;
	margin-left:		auto;
	margin-right:		auto;
	width: 				700px;
	height:				600px;
	background: 		url(/_p/background.gif) no-repeat 0 0;
	}

#seitenblock{
	width:				640px;
	height:				532px;
	margin-left:		30px;
	position:			relative;
	background:			url(/_p/dummy.jpg) no-repeat bottom right;
	}
#startseite #seitenblock {
	width:				640px;
	height:				532px;
	margin-left:		30px;
	position:			relative;
	background:			url(/_p/team.jpg) no-repeat 0 0;
	}


.kurz {margin-left:10px;}
.abstand { margin:20px 0 0 0;}

#kanzlei #seitenblock {	background-image:url(/_p/monika-weigel2.jpg); }
#kontakt #seitenblock {	background-image:url(/_p/pen.jpg); }
#aktuelles #seitenblock {	background-image:url(/_p/wolken.jpg); }
#workshop #seitenblock {	background-image:url(/_p/flash.jpg); }
#leistung #seitenblock {	background-image:url(/_p/bruecke.jpg); }


dl#kanzleiliste{ display:table; width:280px; margin-bottom:50px;}
#kanzleiliste dt{ width:70px; float:left; font-weight:bold; color:#285499;}
#kanzleiliste dd{ width:210px; float:left; margin:0 0 10px 0;}

dl#team{ width:280px; }
#team dt{ width:140px; float:left; font-weight:bold; color:#285499;}
#team dd{ width:140px; float:left;}


#inhalt ul{margin:0 0 20px 16px; list-style-type:disc;}
#leistung #inhalt p{margin:0 0 15px 0;}

/* - - - - - - - - - - - */
/* K O P F               */
/* - - - - - - - - - - - */

#kopf {
	position:			absolute;
	top:				0;
	left:				0;
	width:				339px;
	height:				140px;
	background:			url(/_p/logo.gif) no-repeat 0 0;
}
#kopf a {
	display:			block;
	width:				339px;
	height:				140px;
	text-indent:		-9999px;
	background:			url(/_p/logo.gif) no-repeat 0 0;
	border:				none;
}






/* - - - - - - - - - - - */
/* N A V I G A T I O N   */
/* - - - - - - - - - - - */

#navigation {
	width:				306px;
	height:				125px;
	border: 			1px solid #fff; 
	border-width:		0 0 1px 1px;
	position:			absolute;
	left:				333px;
	background:			url(/_p/flicker.gif) no-repeat;
	}


#navigation li,
#navigation a {
	width:				51px;
	height:				125px;
	display:			block;
	float:				left;
	text-indent:		-9999px;
	border:				none;
	}
	
#navigation a:hover { background-position:-51px 0;}
#navigation .aktiv { background-position:-51px 0;}

#navi-home		{ background: url(/_p/navi-home.gif) no-repeat; }
#navi-kanzlei	{ background: url(/_p/navi-kanzlei.gif) no-repeat 0 0; }
#navi-leistung	{ background: url(/_p/navi-leistung.gif) no-repeat 0 0 ; }
#navi-workshop	{ background: url(/_p/navi-workshops.gif) no-repeat 0 0; }
#navi-aktuelles	{ background: url(/_p/navi-aktuelles.gif) no-repeat 0 0; }
#navi-kontakt	{ background: url(/_p/navi-kontakt.gif) no-repeat 0 0; }

#metanavi{
	width:				225px;
	margin-bottom:		20px;
	border:				1px solid #cdcdcd;
	float:				left;
	display:			inline;
}
.gobutton {
	width:				35px;
	float:				right;
	margin:				2px 5px 0 0;
}







/* - - - - - - - - - - - - - - - - - - - */
/* I N H A L T                           */
/* - - - - - - - - - - - - - - - - - - - */

#inhalt {
	width:				300px;
	height:				385px;
	position:			absolute;
	top:				125px;
	left:				20px;
	overflow:			auto;
}
#kontakt #inhalt { overflow:visible; }

#inhalt h2 {
	font-size:			16px;
	font-weight:		bold;
	color:				#285499;
	margin-bottom:		5px;
	clear:				both;
	
	border-bottom:		1px solid #fff;
}
#inhalt p {
	color:				#000;
	margin-bottom:		5px;
}


.einschub  {
	font-weight:		bold;
	color:				#285499;
	text-align:			center;
	padding:			5px;
}




/* - - - - - - - - - - - - - - - - - - - */
/* I N H A L T    S T A R T S E I T E    */
/* - - - - - - - - - - - - - - - - - - - */

#startseite #inhalt {
	position:			absolute;
	top:				420px;
	left:				300px;	
	width:				300px;
	height:				200px;
}

#startseite #inhalt h2 { color:#fff; border:none; }
#startseite #inhalt p  { color:#fff; }
a.weiter {
	color:				#fff;
	font-weight:		bold;
	border:				none;
}







/* - - - - - - - - - - - */
/* K O N T A K T         */
/* - - - - - - - - - - - */

#kontakt-form { margin:5px 0 5px; float:left; }
#kontakt-form legend {
	font-weight:		bold;
	margin:				0 5px 12px 0;
	color:				#321503;
}
#kontakt-form label {
	font-size:			12px;
	line-height:		24px;
	display:			block;
	float:				left;
	width:				83px;
}
* html #kontakt-form label { width:80px; }

#kontakt-form input {
	background:			#eee;
	border:				1px solid #cdcdcd;
	padding:			2px 3px;
	width:				190px;
}
#kontakt-form input:hover { }
#kontakt-form input:focus { border:1px solid #fff; }

#kontakt-form input.submitbutton {
	border:				1px solid #cdcdcd;
	background:			#fff;
	color:				#000;
	width:				auto;
}
#kontakt-form input.submitbutton:hover {
	color:				#fff;
	border-color:		#fff;
	background:			#062b65
}

#kontakt-form textarea {
	border:				1px solid #cdcdcd;
	background:			#eee;
	padding:			2px 3px;
	width:				274px;
	height:				60px;
	margin:				5px 6px 5px 0;
}
#kontakt-form textarea:focus {
	border:				1px solid #fff;
	background:			#eee;
}

.form-zeile { width:382px; }
html>body .form-zeile { margin-bottom:5px; }


#adresse {display:block; width: 200px; float:left;}
#anfahrt {
	display:			block; 
	width: 				60px;
	float:				left;
	background-image:	url(/_p/anfahrt.gif);
	text-indent:		-9999;
	}
#kontakt a{ border-bottom:0px;	}



/* - - - - - - - - - - - */
/* F U S S               */
/* - - - - - - - - - - - */

#fuss {
	position:			absolute;
	top:				535px;
	width:				640px;
	height:				100px;
	text-align:			center;
}
#fuss a {
	font-size:			9px;
	text-decoration:	none;
	border:				none;
	color:				#062b65;
	font-weight:		bold;
}
#fuss a.bb {
	color:				#000 !important;
	font-weight:		normal !important;
}
#fuss p {
	font-size:			9px;
	color:				#000;
	line-height:		13px;
}