/*************************************************
 * Seite: www.heidelberger-leben.de
 * Datei: screen.css
 * Media: screen
 * * * * * * * * * * * * * * * * * * * * * * * * *
 * Datum: 2010-02 | ...
 * Autor: Stephan Krause
 *************************************************/
 

* {
	padding: 0;
	margin: 0;
}

IMG, .iepngfix { 
	behavior: url(fileadmin/stylesheets/iepngfix.htc);
}

.hidden,
.jump-navi,
.jump-header { display: none; }

.clear  { clear: both; }
.color1 { color: #FFCC00; }
.color2 { color: #FFCC66; }
.color3 { color: #666666; }
.error,
.form_error { color: #CC0000; }
.form_succeed { color: #008000; }
.important { font-style: italic; }

.float-left  { float: left; }
.float-right { float: right; }

.overflow-hidden { overflow: hidden;}

.align-left    { text-align: left; }
.align-right   { text-align: right; }
.align-center  { text-align: center; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.width-5pro { width: 5%; }
.width-10pro { width: 10%; }
.width-15pro { width: 15%; }
.width-20pro { width: 20%; }
.width-25pro { width: 25%; }
.width-30pro { width: 30%; }
.width-33pro { width: 32%; }
.width-35pro { width: 35%; }
.width-45pro { width: 45%; }
.width-48pro { width: 48%; }
.width-50pro { width: 50%; }
.width-60pro { width: 60%; }
.width-66pro { width: 65%; }
.width-70pro { width: 70%; }
.width-75pro { width: 75%; }
.width-80pro { width: 80%; }
.width-100pro { width: 100%; }
.width-140px { width: 140px; }
.width-145px { width: 145px; }
.width-271px-googlemaps { width: 271px !important; width: 261px; }
.width-491px { width: 491px; }
.width-500px { width: 500px; }
.width-584px { width: 584px; }
.width-671px { width: 671px; }
.width-771px { width: 771px; }

.height-50px { height: 50px; overflow: hidden; }
.height-52px { height: 52px; overflow: hidden; }
.height-74px { height: 74px; overflow: hidden; }
.height-125px { height: 125px; overflow: hidden; }
.height-180px { height: 180px; overflow: hidden; }
.height-205px { height: 205px; overflow: hidden; }

.border     { border: 1px solid #CCCCCC; }
.no-border  { border: 0; }

.breaktop  { margin: 10px 0 0 0; }
.breakdown { margin: 0 0 10px 0; }

.lower {text-transform: lowercase;}
.upper {text-transform: uppercase;}
.capital {text-transform: capitalize;}
.bold {font-weight: bold;}
.regular {font-weight: normal;}

.firstchild  { margin: 4px 0 0 0; }

A IMG {
	border: none;
}

.hr {
	clear: both;
	margin: 0 25px 5px 25px;
	height: 10px;
	background: transparent url('/fileadmin/images/hle/bg_hr.gif') bottom left repeat-x;
}

/*************************************************/

html {
	font-size: 12px;
	overflow-y: scroll;
}

body {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #FFFFFF;
	/*color: #727578;*/
	color: #000000;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width: 957px;
	margin: 38px auto 20px auto;
	padding: 0;
	/*position: relative;*/
	text-align: left;
	overflow: hidden;
}


/* HEADER
 *************************************************/
#header {
	position: relative;
	z-index: 0;
	width: 957px;
	height: 268px;
	background: #FFFFFF;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 289px;
	height: 77px;
	z-index:10;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #navi-basis {
	position: absolute;
	top: 65px;
	left: 289px;
	z-index:20;
	width: 477px;
	text-align: right;
}
#header #navi-basis UL {
	list-style: none;
	margin: 0;
}
#header #navi-basis UL LI {
	display: inline;
	padding: 0;
	margin: 0;
}
#header #navi-basis UL LI SPAN.spacer {
	padding: 0;
	margin: 0 4px 0 4px;
	color: #28B4E5;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;	
}
#header #navi-basis A {
	padding: 0;
	margin: 0;
	color: #28B4E5;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}
#header #navi-basis A:hover {
	/*text-decoration: underline;*/
	color: #582909;
}
#header #navi-basis A.current {
	color: #582909;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #navi-service {
	position: absolute;
	top: 62px;
	right: 0px;
	z-index:30;
}
#header #navi-service  ul {
	list-style-type: none;
	text-align:right;
}
#header #navi-service ul li {
	display: inline;
	margin: 0 0 0 5px;
}
#header #navi-service ul li.print {
	background: url('/fileadmin/images/hle/icons/print.gif') left top no-repeat;
}
#header #navi-service ul li.tipafriend {
	background: url('/fileadmin/images/hle/icons/tipafriend.gif') left top no-repeat;
}
#header #navi-service ul li A {
	margin: 4px 0px 0px 18px;
	text-decoration: none;
	font-size: 0.8em;
	color: #727578;
	font-weight: normal;
	background: none;
	cursor: pointer;
}
#header #navi-service ul li.tipafriend A {
	margin: 4px 0px 0px 24px;
}
#header #navi-service ul li A:hover {
	color: #003462;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #teaser {
	position: absolute;
	top: 82px;
	left: 0px;
	z-index: 40;
	width: 770px;
	height: 186px;
	overflow: hidden;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #marginal-top {
	position: absolute;
	top: 82px;
	left: 770px;
	z-index: 50;
	overflow: hidden;
}

/* MAIN
 *************************************************/
#main {
	/*width: 770px;*/
	width: 957px;
	margin: 0;
	overflow: hidden;
}

/* YIELD
 *************************************************/
#main .yield {
	/*width: 770px;*/
	width: 957px;
	overflow: hidden;
}

/* NAVI-MAIN
 *************************************************/
#main #navi-main {
	float: left;
	width: 186px;
	overflow: hidden;
}
/* NAVI-BASIC
 *************************************************/
#main #navi-main #navi-basic {
	width: 186px;
	margin: 4px 0;
	overflow: hidden;
}
#main #navi-main #navi-basic UL.level1 {
	list-style: none;
}
#main #navi-main #navi-basic UL.level1 LI {
	width: 186px;
	height: 17px;
	margin: 0;
	padding: 0;
	background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level1.gif') left top no-repeat;
	overflow: hidden;
}
#main #navi-main #navi-basic UL.level1 LI.hover,
#main #navi-main #navi-basic UL.level1 LI.current {
	background: #643B12 url('/fileadmin/images/hle/bg_navi-basic_level1.gif') left -17px no-repeat;
}
#main #navi-main #navi-basic UL.level1 LI A {
	margin: 0 0 0 20px;
	font-size: 0.9em;
	letter-spacing: 0em;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
#main #navi-main #navi-basic UL.level1 LI A:hover {
	/*text-decoration: underline;*/
}
#main #navi-main #navi-basic UL.level1 LI.level2-container {
	/*display: inline;*/
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 {
	list-style: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI {
	width: 186px;
	height: 17px;
	margin: 0;
	padding: 0;
	/*background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left top no-repeat;*/
	background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left -17px no-repeat;
	overflow: hidden;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.hover,
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.current {
	/*background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left -17px no-repeat;*/
	background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left top no-repeat;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI A {
	font-size: 0.8em;
	letter-spacing: 0em;
	line-height: 16px;
	color: #4f2d12;
	text-decoration: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI A:hover {
	color: #4f2d12;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI A.current {
	color: #4f2d12;
}
#main #navi-main #navi-basic  UL.level1 LI.level2-container UL.level2 LI.level3-container {
	/*display: inline;*/
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3{
	list-style: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI {
	width: 186px;
	height: 16px;
	margin: 0 0 1px 0;
	padding: 0;
	background: #E6F4FB url('/fileadmin/images/hle/ul_li_circle.gif') 25px 7px no-repeat;
	overflow: hidden;
	/*background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left top no-repeat;*/
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI.hover,
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI.current {
	/*background: #29B4E5 url('/fileadmin/images/hle/bg_navi-basic_level2.gif') left -17px no-repeat;*/
	/*background-color: #E7D3C3;
	background-color: #EEE2D7;*/
	background-color: #F1E7DE;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI A {
	margin: 0 0 0 32px;
	font-size: 0.8em;
	letter-spacing: 0em;
	line-height: 16px;
	color: #4f2d12;
	text-decoration: none;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI A:hover {
	color: #4f2d12;
}
#main #navi-main #navi-basic UL.level1 LI.level2-container UL.level2 LI.level3-container UL.level3 LI A.current {
	/*color: #36A3DC;
	font-weight: bold;*/
	/*text-decoration: underline;*/
}

/* NAVI-QUICKACCESS
 *************************************************/
#main #navi-main #navi-quickaccess {
	width: 186px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #E7D4C4;
	/*background: transparent url('/fileadmin/images/hle/bg_navi-quickaccess.gif') left top repeat-x;*/
	overflow: hidden;
}
#main #navi-main #navi-quickaccess H1 {
	margin: 0 0 7px 0;
	padding: 0 0 0 5px;
	background: #582808 url('/fileadmin/images/hle/bg_navi-quickaccess_h1.gif') left top repeat-x;
	font-size: 0.9em;
	line-height: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main #navi-main #navi-quickaccess SELECT {
	width: 172px;
	margin: 0 0 5px 5px;
	border: 1px solid #653b13;
	font-size: 0.9em;
}
/* BANNER-LEFT
 *************************************************/
#main #banner {
	margin: 4px 0 0 0;
}

/* CONTENT
 *************************************************/
#main #content {
	padding: 0;
	margin: 4px 0 0 0;
	overflow: hidden;
	/*border: 1px solid #FF0000;*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#main #content .home-box-plain {
	position: relative;
}
#main #content .home-box-plain,
#main #content .home-box-left,
#main #content .home-box-middleleft,
#main #content .home-box-middleright,
#main #content .home-box-right  {
	height: 328px;
	width: 145px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#main #content .home-box-plain {
	background: transparent url('/fileadmin/images/hle/bg_home-box-plain.gif') 4px top no-repeat;
}
#main #content .home-box-left {
	background: transparent url('/fileadmin/images/hle/bg_home-box-left.gif') 4px top no-repeat;
}
#main #content .home-box-middleleft {
	/*background: transparent url('/fileadmin/images/hle/bg_home-box-middleleft.gif') 4px top no-repeat;*/
	background: transparent url('/fileadmin/images/hle/bg_home-box-siegel.gif') 4px top no-repeat;
}
#main #content .home-box-middleright {
	background: transparent url('/fileadmin/images/hle/bg_home-box-middleright.gif') 4px top no-repeat;
}
#main #content .home-box-right {
	background: transparent url('/fileadmin/images/hle/bg_home-box-right.gif') 4px top no-repeat;
}
#main #content .home-box-plain H1,
#main #content .home-box-left H1,
#main #content .home-box-middleleft H1,
#main #content .home-box-middleright H1,
#main #content .home-box-right H1 {
	margin: 10px 0 15px 0;
	text-align: center;
	font-size: 1em;
}
#main #content .home-box-plain P,
#main #content .home-box-left P,
#main #content .home-box-middleleft P,
#main #content .home-box-middleright P,
#main #content .home-box-right P {
	padding: 4px 8px 4px 12px;
}
#main #content .home-box-plain UL,
#main #content .home-box-left UL,
#main #content .home-box-middleleft UL,
#main #content .home-box-middleright UL,
#main #content .home-box-right UL {
	padding: 0 8px 0 12px;
}
#main #content .home-box-plain .teaser {
	/*margin: 0 0 0 5px;*/
	position: absolute;
	bottom: 1px;
	left: 5px;
}

/* MARGINAL
 *************************************************/
#marginal-left {
	width: 186px;
	margin: 4px 0 0 0;
	background-color: #FFFFFF;
	overflow: hidden;
}
/*
 #marginal-bottom {
	float: left;
	width: 187px;
	margin: 2px 0 0 0;
	background-color: #FFFFFF;
	overflow: hidden;
}*/
#marginal-bottom {
	float: left;
	width: 187px;
	background-color: #FFFFFF;
	overflow: hidden;
	position:relative;
	top:98px;
	margin:4px 0 0 0;
}
#marginal-top .box-blue,
#marginal-bottom .box-blue {
	width: 187px;
	margin: 0;
}
#marginal-top .box-blue .top,
#marginal-bottom .box-blue .top {
	width: 187px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue_top-bottom.gif') top left no-repeat;
}
#marginal-top .box-blue .middle,
#marginal-bottom .box-blue .middle {
	width: 187px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue_middle.gif') left top repeat-y;
}
#marginal-top .box-blue .bottom,
#marginal-bottom .box-blue .bottom {
	width: 187px;
	height: 3px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue_top-bottom.gif') top left no-repeat;
}
#marginal-top .box-brown,
#marginal-bottom .box-brown {
	width: 187px;
	margin: 0;
}
#marginal-top .box-brown .middle,
#marginal-bottom .box-brown .middle {
	width: 187px;
	background: #E7D4C4 url('/fileadmin/images/hle/bg_marginal_box-brown.gif') left top repeat-y;
}
#marginal-top .box-brown .bottom,
#marginal-bottom .box-brown .bottom {
	width: 187px;
	height: 2px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: #ffffff;
}
#marginal-top .box-brown2,
#marginal-bottom .box-brown2,
#marginal-left .box-brown2 {
	width: 187px;
	margin: 0;
}
#marginal-top .box-brown2 .top,
#marginal-bottom .box-brown2 .top {
	width: 187px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_top-bottom.gif') top left no-repeat;
}
#marginal-left .box-brown2 .top {
	width: 186px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_top-bottom_186.gif') top left no-repeat;
}
#marginal-top .box-brown2 .middle,
#marginal-bottom .box-brown2 .middle {
	width: 187px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_middle.gif') left top repeat-y;
}
#marginal-left .box-brown2 .middle {
	width: 186px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_middle_186.gif') left top repeat-y;
}
#marginal-top .box-brown2 .bottom,
#marginal-bottom .box-brown2 .bottom,
#marginal-left .box-brown2 .bottom {
	width: 187px;
	height: 3px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_top-bottom.gif') top left no-repeat;
}
#marginal-left .box-brown2 .bottom {
	width: 186px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown2_top-bottom_186.gif') top left no-repeat;
}
#marginal-top .box-brown,
#marginal-bottom .box-brown {
	width: 187px;
	margin: 0;
}
#marginal-top .box-brown .middle,
#marginal-bottom .box-brown .middle {
	width: 187px;
	background: #E7D4C4 url('/fileadmin/images/hle/bg_marginal_box-brown.gif') left top repeat-y;
}
#marginal-top .box-brown .bottom,
#marginal-bottom .box-brown .bottom {
	width: 187px;
	height: 2px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: #ffffff;
}
#marginal-top .box-banner,
#marginal-bottom .box-banner {
	width: 187px;
	margin: 2px 0 2px 0;
}
#marginal-bottom .box-blue-125 {
	width: 187px;
	height: 125px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue-187x125.gif') left top no-repeat;
}
#marginal-bottom .box-brown-125 {
	width: 185px;
	height: 125px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-brown-187x125.gif') left top no-repeat;
}

/* FOOTER
 *************************************************/
#footer {
	clear: both;
	width: 957px;
	padding: 25px 0 0 0;
	text-align: left;
}
#footer #copyright {
	/*width: 678px;*/
	width: 957px;
	text-align: center;
}
#footer #smallprint {
	margin-top: 20px;
	width: 957px;
	text-align: center;
}
#footer P {
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}
#footer #smallprint P {
	font-weight: normal;
	font-size: 0.75em;
}
#footer #navi-footer {
	width: 957px;
	text-align: center;
}
#footer #navi-footer UL {
	list-style: none;
	margin: 0;
}
#footer #navi-footer UL LI {
	display: inline;
	padding: 0;
	margin: 0;
}
#footer #navi-footer UL LI SPAN.spacer {
	padding: 0;
	margin: 0 4px 0 4px;
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;	
}
#footer #navi-footer A {
	padding: 0;
	margin: 0;
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}
#footer #navi-footer A:hover {
	text-decoration: underline;
}

/*
Starseite: Neues Layout*/

.home-box-normal{
	border:1px solid #29B4E5;
	margin:0 4px 4px;
}
.home-box-normal-left{
	border:1px solid #29B4E5;
	margin: 0 0 4px 0;
	float:right;
	width: 284px;
	height:200px;
}
.home-box-normal-right{
	float:right;
	margin:0 4px 4px 4px;
	border:1px solid #29B4E5;
	width:284px;
	height:200px;
}


/*
#marginal-bottom {
	float: left;
	width: 187px;
	background-color: #FFFFFF;
	overflow: hidden;
	position:relative;
	top:96px;
}
*/

.height-170px { height: 150px; overflow: hidden; }
.landkart{
	height:105px;
	width:167px; 
	margin-left:10px; 
	background:url('/fileadmin/user_upload_hle/teaser/landkarte.jpg') no-repeat scroll 100% 50% transparent;
}

#marginal-bottom .box-blue-free{
	width: 187px;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue-187xfree.gif') left top repeat-y;
}
#marginal-bottom .box-blue-free .bottom{
	width: 187px;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url('/fileadmin/images/hle/bg_marginal_box-blue_top-bottom.gif') left bottom  no-repeat;

}

h3.iconh3{
background: url('/fileadmin/images/hle/icons/icon_tel.gif') no-repeat scroll 0% 0% transparent;
 padding-left: 25px;
 margin-left:3px;
 }