/* 				Name:	Frank Meyering (Agentur3B GmbH - www.agentur3b.de)
				Kunde:	D+L Reichenberg
				Date:	09.11.2009
------------------------------------------------------------------------------------------------------------------------------------*/



/* 01. GLOBAL
------------------------------------------------------------------------------------------------------------------------------------*/


html {
	overflow-y:scroll;
}

/* Reset */
html, body, div, p, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
	list-style: none;
}

body {
	font: 62.5%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;
	background:#ededed;
}

body#reichenberg {
	background:#ededed url(../picts/bg/bg_site_repeat-x_neutral.gif) top left repeat-x;
}

.fixfloat {
	height:1px;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.hidden {
	display: none;
}


/*	FRAMEWORK
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*	HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	height:345px;
	background:url(../picts/bg/bg_header_repeat-x.gif) repeat-x;
	overflow:hidden;
}

#header-content {
	margin:0px auto 0px auto;
	padding:28px 0px 0px 0px;
	width:990px;
	height:317px;
	overflow:hidden;
	background: url(../picts/bg/bg_header.gif) no-repeat;
}

#header-logo {
	float:left;
	display:block;
	width:174px;
	height:259px;
	margin:0px 17px 0px 0px;
	padding:81px 0px 0px 26px;
}

#header-picture {
	float:left;
	display:block;
	width:758px;
	height:292px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#header-stripe {
	float:left;
	display:block;
	width:758px;
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body#reichenberg #header-stripe {background:#cc0000;}
body#printpartner #header-stripe {background:#0033cc;}
body#medienservice #header-stripe {background:#008800;}

#header-content h1#logo {
	position:relative;
	float:left;
	width:150px;
	height:115px;
	text-indent: -9999px; 
	overflow: hidden; 
}

#header-content h1#logo a {
	display: block;
	width:150px;
	height:115px;
	background:url(../picts/logo/logo_d-und-l-reichenberg.gif) no-repeat;
}

body#reichenberg #header-content h1#logo a {	background:url(../picts/logo/logo_d-und-l-reichenberg.gif) no-repeat;}
body#printpartner #header-content h1#logo a {	background:url(../picts/logo/logo_d-und-l-printpartner.gif) no-repeat;}
body#medienservice #header-content h1#logo a {	background:url(../picts/logo/logo_d-und-l-medienservice.gif) no-repeat;}






/*	BODY
--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#body {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
}

#body-content {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:990px;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}

#body-content_top {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	height:5px;
	overflow:hidden;
	background: url(../picts/bg/bg_body_top.gif) no-repeat;
}

#body-content_middle {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	background: url(../picts/bg/bg_body_middle_repeat-x.gif) repeat-y;
}

#body-content_bottom {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:990px;
	height:5px;
	overflow:hidden;
	background: url(../picts/bg/bg_body_bottom.gif) no-repeat;
}

#body-content_middle_col-left {
	float:left;
	width:190px;
	margin:0px 17px 0px 0px;
	padding:0px 5px 40px 5px;
	overflow:hidden;
}

#body-content_middle_col-right {
	float:left;
	width:728px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	font-size:12px;
	line-height:17px;
}

#quality-box {
	display:block;
	width:193px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

/*	NAV-MAIN
------------------*/

#nav-main ul {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#nav-main ul li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#nav-main ul li a,
#nav-main ul li a:visited {
	display:block;
	width:138px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:10px 15px 0px 40px;
	list-style:none;
	font-size:12px;
	line-height:14px;
	color:#888;
	background: url(../picts/nav-main/nav-main_normal_inactive.jpg) no-repeat;
	border-bottom:1px solid #fff;
}

#nav-main ul li a:hover {
	color:#111;
	background:url(../picts/nav-main/nav-main_normal_hover.jpg) no-repeat;
}

#nav-main ul li a.active,
#nav-main ul li a:hover.active {
	list-style:none;
	background:#fff;
	font-weight:bold;
}

body#reichenberg #nav-main ul li a.active {color:#cc0000; background:url(../picts/nav-main/nav-main_reichenberg_active.jpg);}
body#printpartner #nav-main ul li a.active {color:#0033cc; background:url(../picts/nav-main/nav-main_printpartner_active.jpg);}
body#medienservice #nav-main ul li a.active {color:#008800; background:url(../picts/nav-main/nav-main_medienservice_active.jpg);}

/*	SECOND LEVEL	*/

#nav-main ul li ul {
	display:none;
}

#nav-main ul li.IFSUBCUR ul {
	width:193px;
	display: block;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	border-bottom:1px solid #ededed;
	background:#fff;
}

#nav-main ul li.IFSUBCUR ul li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	height:auto;
}

#nav-main ul li.IFSUBCUR ul li a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 15px 15px 50px;
	list-style:none;
	font-size:11px;
	line-height:13px;
	background:#fff;
	height:auto;
}

body#reichenberg #nav-main ul li.IFSUBCUR ul li a.active {color:#cc0000; background:#fff;}
body#printpartner #nav-main ul li.IFSUBCUR ul li a.active {color:#0033cc; background:#fff;}
body#medienservice #nav-main ul li.IFSUBCUR ul li a.active {color:#008800; background:#fff;}



/*	/NAV-MAIN
------------------*/


/*	NAV-LANGUAGES
------------------------------------------------------------------------------------------------------------------------------------*/

#nav-language {
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	width:193px;
}

#nav-language ul {
	display:block;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:60px;
	height:20px;
	list-style:none;
}

/* all list items */
#nav-language ul li { 
	display: block;
	float: left;	
	position: relative;
	padding:1px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	height:14px;
	width:21px;
}

#nav-language ul li a{ 
	display: block;
	float: left;
	height:12px;
	width:19px;
}

#nav-language ul li.l-de a {
	background:url(../picts/nav-language/de_inactive.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}

#nav-language ul li.l-de a:hover {
	background:url(../picts/nav-language/de_active.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}
#nav-language ul li.l-de a.active {
	background:url(../picts/nav-language/de_active.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}

#nav-language ul li.l-nl a {
	background:url(../picts/nav-language/nl_inactive.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}

#nav-language ul li.l-nl a:hover {
	background:url(../picts/nav-language/nl_active.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}

#nav-language ul li.l-nl a.active {
	background:url(../picts/nav-language/nl_active.gif) 0px 0px no-repeat;
	border:1px solid #fff;
}

#nav-language-text {
	padding:0px 0px 0px 39px;
	margin:0px 0px 0px 0px;
	float:left;
	display:block;
	width:70px;
	font-size:11px;
	line-height:14px;
	text-align:left;
	color:#666;
}

#nav-language-flags {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	display:block;
	font-size:11px;
	line-height:14px;
	text-align:left;
	width:50px;
}










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

#footer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:351px;
	background:url(../picts/bg/bg_footer_repeat-x.gif) bottom left repeat-x;
	overflow:hidden;
}

#footer-content {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:990px;
	height:240px;
	overflow:hidden;
	background:url(../picts/bg/bg_footer.gif) no-repeat;
	font-size:11px;
	line-height:16px;
	color:#999999;
}

#footer-text {
	float:left;
	display:block;
	width:169px;
	height:220px;
	margin:0px 17px 0px 0px;
	padding:31px 0px 0px 31px;
	overflow:hidden;
}

#footer-text:hover {
	color:#666;
}

#footer-text a {
	color:#666;
}

body#reichenberg #footer-text a:hover {color:#cc0000;}
body#printpartner #footer-text a:hover {color:#0033cc;}
body#medienservice #footer-text a:hover {color:#008800;}

#footer-stripe {
	float:left;
	display:block;
	width:758px;
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body#reichenberg #footer-stripe {background:#cc0000;}
body#printpartner #footer-stripe {background:#0033cc;}
body#medienservice #footer-stripe {background:#008800;}

#nav-footer {
	float:left;
	display:block;
	width:758px;
	height:197px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#nav-footer ul {
	margin:0px 0px 0px 0px;
	padding:31px 0px 0px 20px;
	list-style:none;
}

#nav-footer ul li {
	float:left;
	display:block;
	width:245px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#nav-footer ul li a,
#nav-footer ul li a:visited {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	color:#999;
}

#nav-footer ul li a:hover {
	color:#666;
}

#nav-footer ul li.nav-footer_item-1 a { background:url(../picts/nav-footer/nav-footer_icon_red.gif) 0px 3px no-repeat;}
#nav-footer ul li.nav-footer_item-2 a { background:url(../picts/nav-footer/nav-footer_icon_blue.gif) 0px 3px no-repeat;}
#nav-footer ul li.nav-footer_item-3 a { background:url(../picts/nav-footer/nav-footer_icon_green.gif) 0px 3px no-repeat;}

#nav-footer ul li.nav-footer_item-1 a:hover strong { color:#cc0000;}
#nav-footer ul li.nav-footer_item-2 a:hover strong { color:#0033cc;}
#nav-footer ul li.nav-footer_item-3 a:hover strong { color:#008800;}



/*	SPALTENAUFBAU
-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*	2-spaltiger Aufbau (z.B. Contentseiten - Rahmen: Menü links Content rechts)	*/

.col_2sp_01 {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

.col_2sp_01_left {
	float:left;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	width:349px;
}

.col_2sp_01_right {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:349px;
}


/*	NEWS
-----------------------------------------------------------------------------------------------------------------------------------------------*/

.news-list-container {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#eee;
}

.news-list-item {
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	background:#fff url(../picts/bg/bg_news-item.jpg) bottom center no-repeat;
}

.news-list-item-img {
	float:left;
	display:block;
	width:150px;
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
}
                
.news-list-item-text {
	float:left;
	display:block;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
                
span.news-list-date {
	display:block;
	font-size:11px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}
                    
.news-list-item-text h2 {
	font-size:16px;
	line-height:17px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
  
.news-list-item-text h2 a,
.news-list-item-text h2 a:visited {
	color:#cc0000;
}

.news-list-item-text h3 a:hover {
	color:#666;
}
    
                  
.news-list-morelink {
	display:block;
	font-size:11px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}

.news-list-morelink a,
.news-list-morelink a:visited {
	color:#cc0000;
}

.news-list-morelink a:hover {
	color:#666;
}

/*	NEWS-DETAILS	*/

.news-single-item {
	margin:0px 0px 10px 0px;
	padding:0px 0px 40px 0px;
	background:#fff url(../picts/bg/bg_news-item.jpg) bottom center no-repeat;
}

h1.news-single-item_headline {
	width:500px;
	margin:5px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.news-single-item_left  {
	float:left;
	width:349px;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
}

.news-single-item_right  {
	float:left;
	width:349px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}




/*	NEWS-LIST-BROWSE	*/
.news-list-browse {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background:#FFFFFF;
}

.tx-ttnews-browsebox{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background:#FFFFFF;
}

.tx-ttnews-browsebox_items {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
}

.tx-ttnews-browsebox-strong {}

#body-content_middle_col-right .tx-ttnews-browsebox_list ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#body-content_middle_col-right .tx-ttnews-browsebox_list ul li {
	float:left;
	list-style:none;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#cc0000;
}

#body-content_middle_col-right .tx-ttnews-browsebox_list ul li a{
	font-weight:normal;
}




/*	DOWNLOADS
-----------------------------------------------------------------------------------------------------------------------------------------------*/

#body-content_middle_col-right div.downloads {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#body-content_middle_col-right div.downloads ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	border:none;
}

#body-content_middle_col-right div.downloads ul li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	height:100px;
	border:none;
}

#body-content_middle_col-right div.downloads ul li a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:15px 0px 45px 95px;
	background:#fff url(../picts/bg/bg_downloads-item.jpg) bottom center no-repeat;
	list-style:none;
	height:50px;
	border:none;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#666;
}

#body-content_middle_col-right div.downloads ul li a:hover {
	background:#fff url(../picts/bg/bg_downloads-item_hover.jpg) bottom center no-repeat;
	color:#cc0000;
}

span.download-text {
	display:block;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#666;
}


/*	ANSPRECHPARTNER
-----------------------------------------------------------------------------------------------------------------------------------------------*/

.ansprechpartner-item {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	background:#fff url(../picts/bg/bg_news-item.jpg) bottom center no-repeat;
}

.ansprechpartner_left {
	float:left;
	display:block;
	width:120px;
	margin:0px 15px 0px 0px;
	padding:0px 0px 20px 0px;
}
                
.ansprechpartner_right {
	float:left;
	display:block;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

/*	KONTAKTFORMULAR
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tx-powermail-pi1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:427px;
}

.tx-powermail-pi1 fieldset {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
}

.tx-powermail-pi1 fieldset legend {
	display:none;
}

.tx-powermail-pi1 fieldset label {
	float:none;
	display:block;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	height:16px;
	width:500px;
}

.tx-powermail-pi1 fieldset input,
.tx-powermail-pi1 fieldset textarea,
.tx-powermail-pi1 fieldset select {
	float:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 15px 0px;
	padding:2px 2px 2px 2px;
	height:16px;
	width:500px;
	border:1px solid #ccc;
	color:#666;
	font-size:12px;
	line-height:16px;
}

.tx-powermail-pi1 fieldset select {
	width:506px;
	height:22px;
}

.tx-powermail-pi1 fieldset input:hover,
.tx-powermail-pi1 fieldset textarea:hover,
.tx-powermail-pi1 fieldset select:hover {
	border:1px solid #cc0000;
}

.tx-powermail-pi1 fieldset textarea {
	height:100px;
	overflow:auto;
}

.tx-powermail-pi1 fieldset input.powermail_submit,
.tx-powermail-pi1_mandatory input.tx-powermail-pi1_mandatory_submit {
	margin:0px 0px 15px 0px;
	padding:2px 2px 2px 2px;
	height:24px;
	width:506px;
	border:1px solid #d9d9d9;
	background:#efefef;
	color:#666;
	cursor:pointer;
}

.tx-powermail-pi1 fieldset input.powermail_submit:hover {
	border:1px solid #cc0000;
	background:#fff;
	color:#cc0000;
}

.tx-powermail-pi1_mandatory input.tx-powermail-pi1_mandatory_submit {
	margin-bottom:500px;
}

/*FEHLERMELDUNG*/

ul.powermail_mandatory_list {
	margin:20px 0px 30px 30px;
	padding:0px 0px 0px 30px;
}

ul.powermail_mandatory_list li {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}

ul li.powermail_mandatory_listitem strong {
	font-weight:normal;
}





/*	IMAGEFLOW
-----------------------------------------------------------------*/

.tx-imagecarousel-pi2 {
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	background:url(../picts/bg/bg_news-item.jpg) bottom center no-repeat;
}

.jcarousel-container {
	position: relative;
}


.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,.jcarousel-item { float: left; list-style: none; margin: 0 10px 0 0; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-control { margin-bottom: 10px; text-align: center; }
.jcarousel-control a { font-size: 75%; text-decoration: none; padding: 3px 5px; margin: 0 5px 5px 0; border: 1px solid #fff; color: #eee; background-color: #4088b8; font-weight: bold; }
.jcarousel-control a:hover { color: #eee; }
.jcarousel-control a:focus, .jcarousel-control a:active { color: #eee; outline: none; }
.csc-textpic-intext-left .jcarousel-clip ul { padding: 0; overflow: hidden; position: relative; }

.cloudcarousel-left,
.cloudcarousel-right {
	position: absolute;
	top:430px;
	right:64px;
	display: none;
	background: url(../picts/bg/bg_arrow_presse_left.gif) 0px 0px no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.cloudcarousel-right {
	right:20px;
	background: url(../picts/bg/bg_arrow_presse_right.gif) 0px 0px no-repeat;
}

.cloudcarousel-left:hover {background: url(../picts/bg/bg_arrow_presse_left.gif) 0px -40px no-repeat;}
.cloudcarousel-right:hover 	{background: url(../picts/bg/bg_arrow_presse_right.gif) 0px -40px no-repeat;}

.cloudcarousel-title {
	position: absolute;
	top:430px;
	left:0px;
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.cloudcarousel-alt {
	position: absolute;
	top:440px;
	left:0px;
	display:none;
	height:2px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	text-indent:-999em;
}