/***************************************************
 * CSS styles.css - Stylesheet pneumologie-berlin.de
 * bytepark GmbH
 ***************************************************/
 
/* ---------- STYLES Landingpage ---------- */


* 	{ 
	margin: 0px;
	padding: 0px;
	border:  none;
	font-family : Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000;
}

body { 
	background-image:url(../images/footer_outer_hg.gif);  
}

h1	{ 
	font-size: 17px; 
	margin: 0 0 10px 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #13598d;
}

#wrapper_outer {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}

#wrapper { 
	margin: 0 auto; 
	width: 846px; 
	height: 489px; 
	background-image:url(../images/wrapper_hg.gif); 
	background-repeat:repeat-y;
	background-color:#FFFFFF; 
}

#head_outer { 
	background-image:url(../images/body_hg_01.gif);
	background-repeat:repeat-x;
	width:100%;
	padding-top: 34px;
	border-bottom:1px dotted #cccccc;
}

#head { 
	height: 148px; 
	background-image:url(../images/header_hg.gif); 
	background-repeat: no-repeat;
	width:846px;
	margin:0 auto;
}

#logo { 
	margin: 0 auto; 
	width: 526px; 
	padding-top:31px; 
	height: 88px;

}

#content {
	padding: 15px 55px 0 55px; 
	width: 736px; 
	float:left;
}

.ftleft	{
	float: left;
}

.clr { 
	clear:both;
}

.logoimg { 
	float: left;
	
}

.logotext { 
	float:left; 
	padding: 0 0 0 15px;
	height: 105px;
}

.logotext h1 {font-size: 16px;}

.logotext p	{ 
	color:#000000;
	font-size: 12px;
}

.contentline { 
	width: 100%; 
	height: 1px; 
	background-image:url(../images/strichlinie_01.gif); 
	background-repeat:repeat-x; 
	padding: 1px 0 0 0;
	overflow:hidden; 
}

.box_left { 
	width : 337px;
	margin : 0;
	float : left;
}

.box_right { 
	width : 337px; 
	margin : 0;
	float : right;
}

.box_grau { 
	height : 405px;
	background-image : url(../images/box_grau.gif); 
	background-repeat : repeat-y; 
	font-size : 14px;
	padding : 25px 19px 20px 22px;
}

.box_blau_text {
	color:#13598d;
}

.box_kopf { 
	height : 5px; 
	background-image : url(../images/box_kopf_grau.gif); 
	background-repeat : no-repeat; 
	overflow : hidden;
}

.box_footer { 
	height: 5px; 
	background-image:url(../images/box_footer_grau.gif); 
	background-repeat:no-repeat;
}

.box_start_linie_blau { 
	height:1px; 
	background-image:url(../images/linie_box_blau.gif); 
	background-repeat:repeat-x; 
	margin: 20px 0 20px 0 ;
}

.box_start_linie_grau { 
	height:1px; 
	background-image:url(../images/linie_box_grau.gif); 
	background-repeat:repeat-x; 
	margin: 20px 0 20px 0 ;
}

.karte { 
	padding:0; 
	float:right;
}

.button_01 {
	background-image:url(../images/button_box.gif); 
	background-repeat:no-repeat; 
	text-align:center; 
	width: 288px; 
	height:32px; 
	display:block; 
	padding: 10px 0 0 0;
	color:#FFFFFF; 
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	margin: 15px 0 0 0;
}
.button	{ 	
	background-image:url(../images/button_box_blau.gif); 
	background-repeat:no-repeat; 
	text-align:center; 
	width: 288px; 
	height:32px; 
	display:block; 
	padding: 10px 0 0 0;
	color:#FFFFFF; 
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	margin: 15px 0 0 0;
}

.box_start_content p {
	color:#000000;
}

.box_blau { 
	height: 405px; 
	background-image:url(../images/box_blau.gif); 
	background-repeat:repeat-y; 
	font-size: 14px; 
	padding:25px 19px 20px 22px; 
}

.box_kopf_02 { 
	height: 5px; 
	background-image:url(../images/box_kopf_blau.gif); 
	background-repeat:no-repeat; 
	overflow:hidden;
}

.box_footer_02 { 
	height: 4px; 
	background-image:url(../images/box_footer_blau.gif); 
	background-repeat:no-repeat;
}

.box_start_linie_blau {
	height:1px; 
	background-image:url(../images/linie_box_blau.gif); 
	background-repeat:repeat-x; 
	margin: 20px 0 20px 0 ;
}

/* ---------- FOOTER ---------- */

#footer_outer { 
	border-top: 1px dotted #cccccc;
	width:100%;
	height : auto;
}

#footer	{ 
	height: 106px; 
	width: 846px; 
	background-image:url(../images/wrapper_hg.gif); 
	background-repeat:repeat-y;
	text-align:center;
	margin: 0 auto;
	padding-top:1px;
}

#footer p { 
	color:#898989; 
	font-size: 10px; 
	margin: 0 0 15px 0; 
	line-height:160%; 
}

#footer img	{
	margin:10px 50px 0 0;
}

#footer_verlauf	{ 
	background-image:url(../images/footer_verlauf.gif); 
	background-repeat:repeat-x; 
	height: 106px; 
	width: 835px; 
	margin: 0 0 0 6px;
}

#footer_verlauf ul {
	margin: 25px 0 0 0;
}

#footer_verlauf	ul li {
	float: left; 
	list-style-type: none; 
	color:#898989; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#footer_verlauf	ul li.navtrenner_footer	{
	margin: 0 5px;
}

#footer_bottom { 
	width: 846px; 
	margin: 0 auto;
}

.text_footer { 
	font-size: 12px;
	color:#666666;
	width: 100%;
	text-align:center;
	padding: 12px 0 0 0; 
	float:left; 
}

/* ---------- Ende FOOTER ---------- */