@charset "utf-8";



/* ------------------------------*/
/* -- anwaltkoehler.de -- */
/* ------------------------------*/

@import url("kontaktstyle.css");

/* ------------------------------*/
/* -- alles auf null -- */
/* ------------------------------*/

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}


html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins,  kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
		}
		
		
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* ------------------------------*/
/* -- 0# -- globale einstellungen -- */
/* ------------------------------*/


body{
	background-color: #0468b4;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0 0 0px 0;
	}


h1{
	
	}
h2{
	color: #fff;
	font-size: 24px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-color: #0468b4;
	line-height: 28px;
	}
h3{
	font-size: 16px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #0468b4;
	}
	


h4{
	font-size: 13px;
	color: #22722c;
	margin: 0 0px 0px 11px;
	}
	
h5{
	}

p{
	line-height: 1.5em;
	margin: 0 0px 7px 0px;
	padding: 0px;
	}


	
strong{
	color: #0468b4;
	font-weight: bold;
		}

a{
	color: #000;
	text-decoration: underline;
	}
a:hover{
	color: #0468b4;
	text-decoration: none;
	}
	



/* ------------------------------*/
/* -- layout  -- */
/* ------------------------------*/

.fixl{
	clear: left;
	}
.fixr{
	clear: right;
	}
.fixb{
	clear: both;
	}
.dist{
	margin: 0 0 7px 0;
	}
.distl{
	padding-top: 20px;
	}
.dist-left{
	margin-left: 5px;
	}


.wrapper{
	width: 823px;
	margin: 0px auto;
	background-image: url(../images/bg-top-content.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	background-position: center top;
	position: relative;
	z-index:10;
	}

.helpfade{
	width: 100%;
	background-image:url(../images/bg-fade.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

/* ------------------------------*/
/* -- accessibility --*/
/* ------------------------------*/






/* ------------------------------*/
/* -- #1 -- header -- */
/* ------------------------------*/
h1.header{
	width: 823px;
	height: 169px;
	position: relative;
	z-index: 10;
	margin: 0px auto;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	}
h1.header a{
	width: 393px;
	height: 145px;
	display: block;
	font-size: 16px;
	color: #000;
	text-indent: -10000px;
	z-index: 60;
	text-decoration: none;
	background-image: url(../images/rechtsanwalt-koehler-wesseling.jpg);
	background-repeat: no-repeat;
	}
	
h1.header  a:hover{color: #d00d13; text-decoration: none; }
html>body h1.header  a:hover{color: #d00d13; text-decoration: none; }


/* ------------------------------*/
/* -- 2# -- navigation  content -- */
/* ------------------------------*/

ul#nav {
	width: 236px;	
	z-index: 100;
	
	}
ul#nav li{
	
	}

ul#nav li a{
	font-size: 18px;
	color : #0468b4;	
	line-height: 30px;
	text-decoration : none;	
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../images/nav-li-a.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 236px;
	}
ul#nav li a:hover{
	color : #0468b4;
	text-decoration : none;
	background-position: 0px -30px;
	}


/* ------------------------------*/
/* -- 3# --content -- */
/* ------------------------------*/

.helper{
	width: 100%;	
	position: relative;
	z-index: 30;
	background-color: #fff;
	
	}

	
/* --- rechter inhaltsbereich --- */
.rechts{
	width: 515px;
	min-height: 300px;
	float: right;
	position:relative;
	z-index: 20;
	padding: 30px 0px 30px 0px;
	
	}
.rechts .img{
	width: 515px;
	height: 247px;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #0468b4;
	margin-bottom: 10px;
	}
.rechts ul{
	width: 449px;
	margin: 10px 0 15px 0px;
	}
.rechts ul li{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background-image: url(../images/bg-li.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
.rechts p.back{
	background-color:  #fa7600;
	line-height: 22px;
	}

/* -- teamer --*/
.rechts .team{
	width: 254px;
	float: left;
	}
.rechts .team p{
	width: 250px;
	padding: 2px;
	float: left;
	}


	
.rechts ul.floated{
	width: 257px;
	background-color: #e3eef7;
	padding: 15px 0 10px 0;
	margin: 0px 0px 20px 0px;
	float: left;
	}
.rechts ul.floated li{
	width: 200px;
	background-image: url(../images/list-bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	color: #0468b4;
	font-weight: bold;
	margin-left: 20px;
	line-height: 25px;
	}
	
.rechts ul.floated li.fix{
	clear: left;
	}

	
/* ----linker inhaltsbereich-------------------  */
.links{
	width: 236px;
	float: left;
	position:relative;
	z-index: 20;
	margin: 0px 0px 0px 0px;
	padding: 30px 0 45px 0;
	}

.links h3{
	width: 236px;	
	line-height: 29px;
	background-color: #61a0d0;
	padding: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	}
	

/* -- adresse --*/

 dl.addi{
	position: relative;
	z-index: 20;
	margin-top: 25px;
	}
dl.addi dt.company{
	width: 236px;	
	line-height: 29px;
	background-color: #61a0d0;
	padding: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
	}
dl.addi dt{
	width: 75px;
	font-size: 12px;
	float: left;
	clear:left;
	padding: 0px 0px 0px 2px;
	}

dl.addi dd{
	line-height: 1.5em;
	width: 150px;
	float: left;
	padding: 0px 0px 0px 2px;
	}
dl.addi dd a{
	line-height: 1.5em;
	color: #000;
	text-decoration: underline;
	}
dl.addi dd a:hover{
	color: #0468b4;
	text-decoration: none;
	}

.links br{
	clear: left;
	}
/* --end of addi --*/

/* -- adresse / v-card --*/
#hcard-hcard-ra-koehler p{
	line-height: 1.5em;
	margin: 0 0px 7px 5px;
	padding: 0px;
	color: #b5b5b5;
	font-size: 12px;
	}
#hcard-hcard-ra-koehler p a{
	line-height: 1.5em;
	margin: 0 0px 7px 5px;
	padding: 0px;
	color: #b5b5b5;
	font-size: 12px;
	text-decoration: underline;
	}
#hcard-hcard-ra-koehler p a:hover{
	text-decoration: none;
	color: #8b2f40;
	
	}
.tab100{
	display:block;
    float:left;
    width:75px;
	}
.type{
	display:none;
	}
h3.fn{
	width: 236px;	
	line-height: 29px;
	background-color: #61a0d0;
	padding: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 25px 0px 6px 0px;
	}

/* --end of adresse / v-card --*/

/* ------------------------------*/
/* -- 5# -- footer -- */
/* ------------------------------


.footer{
	width: 830px;
	height: 40px;
	margin: 0px auto;
	position: relative;
	padding-top: 5px;
	
	}*/
	
/* ------------------------------*/
/* --subnav --*/ 
/* ------------------------------*/

	
ul.subnav{
	width: 823px;
	height: 40px;
	margin: 0px auto;
	position: relative;	
	z-index: 90;
	}
ul.subnav li{
	display: inline;
	
		}
ul.subnav li a{
	float: right;
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
	padding: 2px 4px 2px 4px;	
	margin-left: 5px;	
	
	}
ul.subnav a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #033256;
	}
	
ul.subnav li a.top{
	background-image: url(../images/subnav-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	
}
ul.subnav li a.top:hover{
	background-position: 0px -20px;
}	

/* ------------------------------*/
/* -- print und top verweise --*/
/* ------------------------------*/






/* ------------------------------*/
/* -- 6# standard seiten --*/
/* ------------------------------*/

/* --  impressum -- */
#euroweb{
	margin: 4px 0 0 0px;
	border: none;
	}

p.floatbox{
	width: 255px;
	float: left;
	margin: 0 0 20px 0px; 
	}
p.floatbox1{
	width: 255px;
	float: left;
	margin: 0 0 20px 0;
	}

/* ------------------------------*/
/* --  anfahrt -- */
/* ------------------------------*/

form#link2map24{
	width: 490px;
	margin: 0 0 0 0px;
	
	/*background-color: #e6edff;*/
	}
	
form#link2map24 label, form#link2map24 input {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:150px;
	margin:10px 0px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#link2map24 input{				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #999;
	background:#eee ;
	color: #000;
}



form#link2map24 input:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #d00d13;	
}

form#link2map24 label {							/* Feldbeschriftungen */
	text-align:right;				
	width:60px;						
	padding:0 15px 0 0;			
}

form#link2map24 legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */

	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	/*display:none;*/
	font-size: 13px;
	color: #d00d13;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	}

form#link2map24 fieldset {						/* Formularabschnitte */
	border-top: 1px solid #d00d13;
	border-bottom: none;
	border-left: none;
	border-right: none;
	
	padding:0 0 0px 0px;
	margin: 0 0 0px 0;
	width: 240px;
	float: left
}
form#link2map24 fieldset#but{
	border: none;	
	padding:0px 0 0px 0px;
	}

form#link2map24 fieldset#but input#submitRoute {				/* Gestaltung des Submit-Buttons */
	width:150px;
	padding:2px;
	background:#d00d13;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border:none;
}

form#link2map24 fieldset#but input#submitRoute {			/* Element zur Ausrichtung des Submit-Buttons */
	width:150px;
	height: 20px;
	margin: 5px 0 0 20px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	}	
form#link2map24 fieldset#ziel p{
	margin: 5px 0 0px 20px;
	
	}	
	
form#link2map24 fieldset#hidden{			
	display:none;
}
form#link2map24 fieldset#berechnen input#scountry{			
	display:none;
}