/**
 * Stylesheet, dass ausschliesslich fuer die Elemente
 * der Contentdarstellung 'Berlin' zustaendig ist.
 * Diese sind: - Hintergruende / Farben fuer kompletten Content
 *             - Hintergruende einzelne Spalten
 */

/*******************************************************/
/* innere Spalten */
/* links */
#sp_links {
	width: 236px;
	color: #96261b;
	margin-left: 6px;
}

#sp_links .li_o {
	width: 236px;
	height: 7px;
	background-image: url(images/content/berlin/innen_o.gif);
	background-repeat: no-repeat;
}

#sp_links .li_m {
	width: 224px;
	background-image: url(images/content/berlin/innen_m.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 2;
}

#sp_links .li_m .head {
	background-color: #c43a2c;
	margin: 0px 0px 5px;
	font-weight: bold;
	color: #ffffff;
	text-indent: 6px;
	text-shadow: #000000 2px 2px 2px;
	line-height: 18px;
	
}

#sp_links .li_m p {
	margin: 0px;
	padding: 3px 6px;
	background-color: #f9eae8;
}

#sp_links .li_u {
	width: 236px;
	height: 8px;
	background-image:url(images/content/berlin/innen_u.gif);
	background-repeat: no-repeat;
	z-index: 1;
}

/* mitte */
#box_oben {
	width: 477px;
	color: #96261b;
}

#box_oben .li_o {
	width: 477px;
	height: 7px;
	background-image: url(images/content/berlin/innen_o_2sp.gif);
	background-repeat: no-repeat;
}

#box_oben .li_m {
	width: 465px;
	background-image: url(images/content/berlin/innen_m_2sp.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 2;
}

* html #box_oben .li_m {
	width: 477px;
	w\idth: 465px;
}

#box_oben .li_m .head {
	margin: 0px 0px 5px;
	background-color: #c43a2c;
	font-weight: bold;
	color: #ffffff;
	text-indent: 6px;
	text-shadow: #000000 2px 2px 2px;
	line-height: 10px;
	
}

#box_oben .li_m p {
	margin: 0px;
	padding: 3px 6px;
	background-color: #f9eae8;
}

#box_oben .li_u {
	width: 477px;
	height: 8px;
	background-image: url(images/content/berlin/innen_u_2sp.gif);
	background-repeat: no-repeat;
	z-index: 1;
}


/* rechts */
#box_unten {
	width: 477px;
	color: #96261b;
}

#box_unten .li_o {
	width: 477px;
	height: 7px;
	background-image: url(images/content/berlin/innen_o_2sp.gif);
	background-repeat: no-repeat;
}

#box_unten .li_m {
	width: 465px;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 2;
}

* html #box_unten .li_m {
	width: 477px;
	w\idth: 465px;
}

/* die Styles mit 'li_m_box' sind nur die fuer die DARGESTELLTE Box unten!! */
.li_m_box {
	background-image: url(images/content/berlin/innen_m_2sp.gif);
	background-repeat: repeat-y;
	width: 465px;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 2;
}


* html #box_unten .li_m_box {
	width: 477px;
	w\idth: 465px;
}

.li_m_box a {
	background-color: #FAEAE8;
	text-decoration: none;
	text-indent: 6px;
	color: #96261b;
	line-height: 20px;
	margin-left: 1px;
	margin-top: 1px;
	display: block;
	height: 20px;
	height: 20px;
	font-size: 11px;
}

.li_m_box span {
	background-color: #faeae8;
	margin-left: 1px;
	margin-top: 1px;
	display: block;
	height: 20px;
}

.li_m_box a:visited {
	color: #96261b;
}

.li_m_box a:hover {
	background-image: url(images/content/berlin/icn_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.li_m_box .active {
	background-image: url(images/content/berlin/icn_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#box_unten .li_m .head {
	margin: 0px 0px 5px;
	background-color: #c43a2c;
	font-weight: bold;
	color: #ffffff;
	text-indent: 6px;
	text-shadow: #000000 2px 2px 2px;
	line-height: 10px;
	
}

#box_unten .li_m p {
	margin: 0px;
	padding: 3px 6px;
	background-color: #f9eae8;
}

#box_unten .li_u {
	position: relative;
	top: 0px;
	left: 0px;
	width: 477px;
	height: 8px;
	background-image: url(images/content/berlin/innen_u_2sp.gif);
	background-repeat: no-repeat;
	z-index: 1;
}

/* Styles fuer Navigation in Listen der 3 Spalten */
.li_m span {
	background-color: #faeae8;
	margin-left: 1px;
	margin-top: 1px;
	display: block;
	height: 20px;
}

#box_unten .li_m span {
	background-color: #f4f3f3;
}

.li_m a {
	background-color: #FAEAE8;
	text-decoration: none;
	text-indent: 6px;
	color: #96261b;
	line-height: 20px;
	margin-left: 1px;
	margin-top: 1px;
	display: block;
	height: 20px;
	font-size: 11px;
}

#box_unten .li_m a {
	background-color: #f4f4f3;
}

.li_m a:visited {
	color: #96261b;
}

.li_m a:hover {
	background-image: url(images/content/berlin/icn_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.li_m .active {
	background-image: url(images/content/berlin/icn_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/* End innere Spalten */


/* Container Tipps */
#sp_links .tippBox_o {
	width: 236px;
	height: 7px;
	background-image: url(images/content/branchen/innen_o.gif);
	background-repeat: no-repeat;
}

#sp_links .tippBox_m {
	width: 224px;
	background-image: url(images/content/branchen/innen_m.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 2;
}

* html #sp_links .tippBox_m {
	width: 236px;
	w\idth: 224px;
}

#sp_links .tippBox_head {
	background-color: #a2c125;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 6px;
	text-shadow: #000000 2px 2px 2px;
	line-height: 9px;
	padding-bottom: 6px;
}

#sp_links .tippBox_m p {
	margin: 0px;
	padding: 3px 6px;
	background-color: #eef4d8;
}

#sp_links .tippBox_u {
	width: 236px;
	height: 8px;
	background-image:url(images/content/branchen/innen_u.gif);
	background-repeat: no-repeat;
	z-index: 1;
}

.tippBox_m a {
	background-color: #F4F8E6;
	font-size: 11px;
	text-decoration: none;
	text-indent: 6px;
	color: #5e7013;
	line-height: 20px;
	margin-top: 1px;
	display: block;
}

.tippBox_m a:visited {
	color: #5e7013;
}


.tippBox_m a:hover {
	background-image: url(images/content/branchen/icn_weiter.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.tippBox_m .active {
	background-image: url(images/content/branchen/icn_weiter.gif);
	background-repeat: no-repeat;
	background-position: right center;
	/*border: 1px solid #F4F8E6;*/
}
/* End Container Tipps */
/* Der Text in der grauen Box wenn man den Berlin Reiter geklickt hat */
.berlinText p {
	text-align: justify;
	margin-bottom: 10px !important;
}