/* Lauenstein anfang */



* { padding: 0; margin: 0; 
}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fdefde url(../images/body_fond.gif) repeat-x;
	color: #565454;
}
img {
	border: 0px;
}

/* cookie 
---------------------------------------- */

.cc_container .cc_btn {
background-color: #ee7d30 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #888888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #f0ad7f !important; /* Textlink-Farbe "Mehr Infos" */
}




a:focus {
 outline: none;
}
.red {  
	color: #CC0000;
	font-size: 14px;
line-height: 18px;
font-weight: bold;
}
/*---all box---*/
.box a {  
	text-decoration : underline;
	color: #565454;
}
.box a:hover, .box a:active  {
	text-decoration : underline;
	color: #e46e2e;
}
.box a:visited {
	text-decoration : underline;
	color: #565454;
}



#footer p {
	font-size: 11px;

}
#footer a {  
	text-decoration : none;
	color: #565454;
}
#footer a:hover, .box a:active  {
	text-decoration : none;
	color: #e46e2e;
}
#footer a:visited {
	text-decoration : none;
	color: #565454;
}



#all {
	width: 1110px;
	margin: 0 auto;
	border: 0px;

}

#header {
	width: 1110px;
	height: 285px;
	margin: 0px;
	padding: 0px;


}
#left {
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 60px;
	border: 0px;
	float: left;
	position: relative;
}

#right {
	width: 210px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;




}

#middle {
	width: 600px;
	margin: 0px 0px 0px 300px;
	padding: 0px;
	position: relative;


}	
#footer {
	width: 570px;
	clear: both;
	margin: 0 0 30px 330px;
	
}



/*------------------------left teaser---*/
.teaser {
	width: 210px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.teaser .top {
	background:url(../images/teaser-top.gif) no-repeat;
	height: 12px;
	font-size: 0;
}

.teaser .box {
	background:url(../images/teaser-box.gif) repeat-y;
	padding: 0px 10px 0px 10px;
}
.teaser .bottom {
	background:url(../images/teaser-bottom.gif) no-repeat;
	height: 12px;

}
.teaser .contentheading-h2 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
padding: 0 0 10px 0;
color: #e46e2e;
}
.teaser .phone {
font-size: 16px;
line-height: 30px;
font-weight: bold;
padding: 10px 0 0 40px;
background:url(../images/phone.gif) no-repeat;

}
.teaser .mail {
font-size: 12px;
line-height: 30px;
font-weight: bold;
padding: 10px 0 0 40px;
background:url(../images/mail.gif) no-repeat;
display: block;

}
.teaserpic {
	width: 210px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

/*-------------------header----*/

.first {
	width: 300px;
	height: 285px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	background: url(../images/tieraerzte-praxis-dr-lauenstein.jpg) no-repeat;
	background-position: bottom;

}
.third {
	width: 210px;
	height: 285px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	background:url(../images/koi.jpg) no-repeat;
	background-position: left;
}
.second {
	width: 600px;
	height: 285px;
	margin: 0px 0px 0px 300px;
	padding: 0px;
	position: relative;

}
.second .top {
	width: 600px;
	height: 135px;
	padding:  0px;
}
.second .logo {
	width: 114px;
	height: 80px;
	padding:  0px;
	margin: 30px 0 0 20px;
	float: left;
}
.dr {
	font-size: 20px;
	line-height: 24px;
	padding: 45px 0 0 35px;
	float: left;
}
.animals {
	width: 600px;
	height: 150px;
	background:url(../images/animals.jpg) no-repeat;
}


/*----------------------------------middle---*/


.content .top {
	background:url(../images/middle-top.jpg) no-repeat;
	height: 12px;
	font-size: 0px;
}

.content .box {
	background:url(../images/content-box.gif) repeat-y;
	padding: 20px 30px 15px 30px;
	min-height: 560px;
}
.content .box400 {
	background:url(../images/content-box.gif) repeat-y;
	padding: 20px 30px 15px 30px;
	height: 172px;
}
.content .bottom {
	background:url(../images/content-bottom.gif) no-repeat;
	height: 12px;
	margin: 0 0 15px 0;

}

.content .box .show {
width: 540px;
background-color: #000;
display: block;
}


.content .show .left {
width: 255px;
border: 1px solid #ff0000;
float: left;

}
.content .right {
width: 255px;
border: 1px solid #ff0000;
float: right;
}

.content .inline { /*----listenpunkte---*/
padding: 12px 0px 12px 26px;
line-height: 20px;
}

.content .inline li {
list-style-image:url(../images/listenpunkt.gif);
}

.content .fish { /*----listenpunkte---*/
padding: 12px 0px 12px 26px;
line-height: 20px;
}

.content .pfeil li {
list-style-image:url(../images/listepfeil.gif);
}
.content .pfeil { /*----listenpunkte---*/
padding: 12px 0px 12px 26px;
line-height: 20px;
}

.content .fish li {
list-style-image:url(../images/listefish.gif);
}


#middle .contentheading {
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0 0 15px 0;
}
#middle .contentheading-h2 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
padding: 18px 0 5px 0;
}

/*------------------- right---*/


#right .tatze {
	background:url(../images/right-tatze.gif) no-repeat;
	height: 258px;
	width: 166px;

}

#right .cat {
	background:url(../images/right_cat.gif) no-repeat;
	height: 359px;
	width: 157px;
	margin: 10px 0 0 0;
	
}



/*-------------------navigation---*/

.navi {
	width: 210px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navi li {
	padding: 0px 0px 2px 0px;
}
.navi li a{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	display: block;
	background:url(../images/nav.gif) 100% 0;
	height: 30px;
	padding: 0px 0px 0px 20px;
	line-height: 30px; 
	text-decoration: none;
}	
	
.navi li a:link, .navi li a:visited {
	color: #fff;
}

.navi li a:hover   {
	color: #e46e2e;
	background-position: 100% -30px;
	padding: 0px 0px 0px 32px;

}
.navi li a.selected {
	color: #e46e2e;
	background-position: 100% -30px;
	padding: 0px 0px 0px 32px;
}


	
/* Kontaktforumlar */

.table {

}

.tableTDleft {
text-align:left;
padding: 5px 10px 5px 10px;
background-color:#ff813c;
color:#fff;
font-weight:bold;
height:30px;
width: 200px;

}

.tableTDright {
text-align:left;
padding: 0px 5px 0px 5px;
background-color:#ff813c;
color:#fff;
width:50%;

}
.tableTDrightcaptcha {
text-align:left;
padding: 5px 0px 5px 0px;
}
.textarea {
width:99%;
height:100px;
margin: 5px 0px 5px 0px;

}

.button { font-size: 0.9em;
             background-image: url(button.gif);
             background-repeat: no-repeat;
             background-attachment: scroll;
             width: 70px;
            height: 30px;
            margin: 5px;
            cursor:pointer
}

	.map {
    width: 500px;
    height: 300px;
    border: 5px solid #e46e2e;
    overflow: hidden;
}
a {
outline: 0;
}