/* 
Projekt: HP Petra Laeske
www.petra-laeske.de
*/
@charset "utf-8";
html {height: 100%; margin-bottom: 1px; }
*{ margin: 0; padding: 0; }*
body { background: #fff url(../images/bodybg.jpg) repeat-x; font: 74% Arial, Helvetica, Sans-Serif; color: #454545; line-height: 1.6em; }

a { text-decoration: none; color: #C40000; background: inherit; }
a:hover { color: #808080; background: inherit; }	
a:focus { outline: 0; }
h1 { font-size: 2.8em; line-height: 35px; }
h2 { color: #000; font: bold 170% Arial, Sans-Serif; letter-spacing: 1px; padding: 0; margin: 0 0 10px; }
img { border: 0; }
.left_img{
	float: left;
	padding: 10px 10px 0px 0px;
}
.right_img{
	float: right;
	padding: 0px 0px 0px 10px;
}

.left_marker{
	float: left;
	padding: 0 10px 0px 0px;
}

.grey { color: #484848; }

#wrap { width: 900px; margin: 10px auto 0; }
	
#logo { float: left; width: 350px; margin: 0 0 7px; }
	#header_top { background: url(../images/header_top.jpg) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 74px; }
	#header_top p { padding: 0; margin: 0; }

		#header_top ul { float: right; padding: 12px 180px 0 0; margin: 0 0 5px; }			
			#header_top ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_top ul li a { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_top ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }
	
	#header_bottom { background: #669933 url(../images/header_bottom.jpg) no-repeat top right; color: #FFFFFF; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_bottom h2 { color: #FFFFCC; width: 600px; margin: 0 0 10px; background: #669933; }
	#slogan { clear: left; width: 700px; border-top: 1px solid #eee; margin: 0; padding: 5px 0 0; }

#maincontent { padding: 20px 0; clear: both; background: url(../images/bg.gif) repeat-x; }

#left { float: left; width: 630px; padding: 5px 15px 0 5px; margin: 0 0 25px 0; }
	#left p { margin: 0 0 15px; }
	#left li {list-style-type:circle; margin-left:40px; }
	#left .rahmen { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #ECFFEC; }

#right { width: 220px; float: right; }
	#info { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #f4f4f4; }
	#info_g { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #ECFFEC; }
	#info_b { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #FBF9F4; }
	#info_r { border: 1px solid #ccc; padding: 7px; font-size: .9em; background: #FFECF0; }
	#searchform { background: url(../images/searchform.gif) no-repeat; padding: 8px 4px 10px 4px; height: 27px; font: bold 0.9em Arial, Sans-Serif; margin: 0 0 20px; }
		#searchform p { padding: 0; margin: 0; }
		input.search { width: 127px; border: none; background: url(../images/input.gif) no-repeat; padding: 7px; margin: 0 4px 0 5px; }
		input.submit { width: 53px; height: 29px; border: none; background: #FFF url(../images/submit_hpl.gif) no-repeat; font: bold 1.2em Arial, Sans-Serif; padding: 0px; color: #FFF; }

#footer { clear: both; width: 880px; margin: 0 auto; padding: 10px; border-top: 1px solid #e0e0e0; background: #fff  url(../images/bach_berlin_mini.png) no-repeat right; }	
	#footer .right { float: right; margin: 0 70px 0 0; }

/* Schriftstile */
.title {color: #669933}
.title_2 {color: #666666}

#praxis {
	background: #fff url(../images/karte_laeske_gr6.jpg) no-repeat;
}
#sprechzeiten{
position:relative;
}
#sprech_inhalt{
position:relative;
width:250px;
padding-left:350px;
}
/**************************************** Navigation / Listen ****************************/

#navlist {
	list-style-image: url(../images/nav/raute11_19.gif);
	margin-left:30px;
	padding-top:5px;
}

#navbox {
width: 630px; 
}

#navbox1 {
float: left;
width: 50%;
}

#navbox2 {
float: left;
width: 50%;
}

li.Standard {
 display: inline;
 padding-left: 20px;
 padding-right: 10px;
 background:url(../images/nav/raute11_19.gif) 5px 0 no-repeat;
}

li.Letztes {
 display: inline;
 padding-left: 20px;
 padding-right: 10px;
 background:url(../images/nav/raute11_19.gif) 5px 0 no-repeat;
}

li.Standard a {
color:#FFFFFF;
background:none;
}

li.Standard a:hover {
color:#CCCCCC;
background:none;
}

li.Letztes a {
color:#FFFFFF;
background:none;
}

li.Letztes a:hover {
color:#CCCCCC;
background:none;
}

/**************************************** Boxen ****************************/
/***** Kontakt *****/
#kbox {
width: 500px; 
}

#kbox1 {
float: left;
width: 50%;
}

#kbox2 {
float: left;
width: 50%;
}
/***** cont_box *****/
#cont_box {
width: 650px; 
}

#cont_box1 {
float: left;
width: 30%;
margin: auto;
}

#cont_box2 {
float: left;
width: 70%;
}

/**************************************** Suchmodul ****************************/

#output a {font-weight: bold;}

.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}

.mod {display: block; font-size: .8em;}

#searchfooter {
font-size: .8em;
margin-top: 1em;
}
/**************************************** extra classes: contact us ****************************/

form.contact_us {
	width: 190px;
	margin-top: 15px;
	margin-left: 0px;
	padding: 15px;
	background-color: #FBF9F4;
	background-image: url(../images/form_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

form.contact_main {
	width: 580px;
	margin-top: 15px;
	margin-left: 10px;
	padding: 15px;
	background-color: #FBF9F4;
	background-image: url(../images/formmain_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #ccc;
}

.contact_small {
	font-size: x-small;
}
textarea.main {width: 400px;
          background: url(../images/input_bg.png);
          border-top: 1px solid #E3E4E9;
		  border-left: 1px solid #E3E4E9;
		  border-bottom: 1px solid white;
		  border-right: 1px solid white;
          margin-top: 3px;}

input.fields_contact_main {display: block;
        width: 215px;
        background: url(../images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

input.fields_contact_us {display: block;
        width: 185px;
        background: url(../images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

textarea {width: 185px;
          background: url(../images/input_bg.png);
          border-top: 1px solid #E3E4E9;
		  border-left: 1px solid #E3E4E9;
		  border-bottom: 1px solid white;
		  border-right: 1px solid white;

          margin-top: 3px;}

.submit_button_contact {
	margin-top: 15px;
	padding: 2px;
	background-color: #EAF4D9;
}

#captcha {
	position:relative;
	top:350px;
	left:250px;
	width:250px;
	height:50px;
}

.mark1 {
	color: #CC0000;
	font-weight:bold;
}