/* 				Name:	Frank Meyering (Agentur3B GmbH - www.agentur3b.de)
				Kunde:	HeubergSauna
				Date:	02.06.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: url(../picts/bg/bg_site-y.gif) top center repeat;
}

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

.hidden {
	display: none;
}


/*	HYPERLINKS
----------------------------------------------------------------*/
a:link,
a:visited {
	color:#ebd6ab;
	text-decoration:none;
	outline: none;
}

a:focus {
	border:none;
	outline: none;
}

a:hover {
	color:#fff;
	text-decoration:none;
	outline: none;
}

a:active {
	color:#fff;
	text-decoration:none;
	outline: none;
}



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

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

#header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:155px;
	background: url(../picts/bg/bg_header.gif) top center repeat-x;
}

#header-content {
	position:relative;
	margin:0px auto 0px auto;
	padding:20px 1px 0px 1px;
	width:990px;
	height:135px;
	background: url(../picts/bg/bg_header_content.gif) top left no-repeat;
}

#header-content h1#logo {
	position: relative;
	float:left;
	width:329px;
	height:130px;
	background: url(../picts/logo/logo_heuberg-sauna.jpg) top left no-repeat;
	text-indent: -9999px; 
	overflow: hidden; 
}

#header-content h1#logo a {
	display: block;
	width:329px;
	height:130px;
}




/*	NAV-HEADER	*/

#nav-header {
	position: relative;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: auto;
	width:661px;
	background:#FFFFFF;
}

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

#nav-header ul li {
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#nav-header ul li a {
	float:left;
	display:block;
	padding:81px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:110px;
	height:49px;
	background: url(../picts/nav-header/nav-header_inactive.gif) top left no-repeat;
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	color:#b46101;
	text-align:center;
}

#nav-header ul li.first a {
	width:111px;
}

#nav-header ul li a:hover {
	font-weight:normal;
	color:#c57313;
	background: url(../picts/nav-header/nav-header_hover.gif) no-repeat;
	text-decoration:none;
}

#nav-header ul li a.active,
#nav-header ul li a.active:hover {
	font-weight:bold;
	color:#fff;
	background: url(../picts/nav-header/nav-header_active.gif) no-repeat;
}




/*	Zweite Ebene - AKTUELLES	*/

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

#nav-header ul li.submenu_aktuelles ul {
	position:absolute;
	left:-329px;
	top:135px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	height:550px;
	width:329px;
	z-index:100;
	background: url(../picts/nav-header/nav-header_bg-submenu_aktuelles.png) top left no-repeat;
	overflow:hidden;
}

#nav-header ul li.submenu_aktuelles ul li {
	position:relative;
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	height:40px;
	width:329px;
}

#nav-header ul li.submenu_aktuelles ul li a {
	position:relative;
	float:left;
	display:block;
	padding:13px 0px 0px 26px;
	margin:0px 0px 0px 0px;
	height:27px;
	width:303px;
	text-align:left;
	background:url(../picts/nav-header/nav-header_submenu_aktuelles_inactive.png) top left repeat-x;
}

#nav-header ul li.submenu_aktuelles ul li a:hover {
	background:url(../picts/nav-header/nav-header_submenu_aktuelles_hover.png) top left repeat-x;
}

#nav-header ul li.submenu_aktuelles ul li a.active,
#nav-header ul li.submenu_aktuelles ul li a.active:hover {
	color:#b46101;
	background:url(../picts/nav-header/nav-header_submenu_aktuelles_active.png) top left repeat-x;
}





/*	Zweite Ebene - SAUNEN	*/

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

#nav-header ul li.submenu_saunen ul {
	position:absolute;
	left:221px;
	top:135px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	height:550px;
	width:110px;
	z-index:100;
	background: url(../picts/nav-header/nav-header_bg-submenu.png) top left no-repeat;
	overflow:hidden;
}

#nav-header ul li.submenu_saunen ul li {
	position:relative;
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	z-index:999;
	height:50px;
	width:110px;
}

#nav-header ul li.submenu_saunen ul li a {
	position:relative;
	float:left;
	display:block;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:35px;
	width:110px;
	background:url(../picts/nav-header/nav-header_submenu_inactive.png) top left no-repeat;
}

#nav-header ul li.submenu_saunen ul li a:hover {
	background:url(../picts/nav-header/nav-header_submenu_hover.png) top left no-repeat;
}

#nav-header ul li.submenu_saunen ul li a.active,
#nav-header ul li.submenu_saunen ul li a.active:hover {
	color:#b46101;
	background:url(../picts/nav-header/nav-header_submenu_active.png) top left no-repeat;
}


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

#body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#c86e00 url(../picts/bg/bg_body.gif) top center repeat-x;
}

#body-content {
	margin:0px auto 0px auto;
	padding:0px 1px 0px 1px;
	width:990px;
	font-size:12px;
	line-height:16px;
	color:#663300;
	background:url(../picts/bg/bg_body_content.gif) top left repeat-y;
}


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

#footer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:150px;
	background: url(../picts/bg/bg_footer.gif) top center repeat-x;
	color:#90743b;
	font-size:11px;
	line-height:14px;
}

#footer-content {
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:992px;
	height:150px;
	background:url(../picts/bg/bg_footer_content.gif) top left no-repeat;
}

#footer-text {
	float:left;
	width:635px;
	margin:0px 0px 0px 0px;
	padding:66px 0px 0px 26px;
	color:#b46101;
}


/*	NAV-FOOTER	*/

#nav-footer {
	display:block;
	float:left;
	width:330px;
	height:99px;
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

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

#nav-footer ul li {
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#nav-footer ul li a {
	float:left;
	display:block;
	padding:62px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:110px;
	height:37px;
	background: url(../picts/nav-header/nav-header_inactive.gif) top left no-repeat;
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	color:#b46101;
	text-align:center;
}

#nav-footer ul li.first a {
	width:111px;
}

#nav-footer ul li a:hover {
	font-weight:normal;
	color:#c57313;
	background: url(../picts/nav-header/nav-header_hover.gif) no-repeat;
	text-decoration:none;
}

#nav-footer ul li a.active,
#nav-footer ul li a.active:hover {
	font-weight:bold;
	color:#fff;
	background: url(../picts/nav-header/nav-header_active.gif) no-repeat;
}







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

/*	2-spaltiger Aufbau – Links klein */

#col_2sp-01 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#col_2sp-01.border-bottom {border-bottom:2px solid #f29400;}

#col_2sp-01.height-440px,
#col_2sp-01.height-440px div.col_2sp-01_left,
#col_2sp-01.height-440px div.col_2sp-01_right {
	height:440px;
}

#col_2sp-01.height-550px,
#col_2sp-01.height-550px div.col_2sp-01_left,
#col_2sp-01.height-550px div.col_2sp-01_right {
	height:550px;
}

.col_2sp-01_left {
	float:left;
	width:329px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e28a27 url(../picts/bg/bg_col_2sp-01.gif) repeat-y;
	border-right:2px solid #ffb86d;
	overflow:hidden;
}

#col_2sp-01.text-left-440px div.col_2sp-01_left {
	width:283px;
	height:400px;
	padding:20px 20px 20px 26px;
}

#col_2sp-01.galerie-left-440px div.col_2sp-01_left {
	width:303px;
	height:400px;
	padding:20px 0px 20px 26px;
}

#col_2sp-01.aktuelles div.col_2sp-01_left {
	background:#fff url(../picts/aktuelles/bg_left_aktuelles.jpg) no-repeat;
}

.col_2sp-01_right {
	float:left;
	width:659px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

/*	2-spaltiger Aufbau – Rechts klein */

#col_2sp-02 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#col_2sp-02.border-bottom {border-bottom:2px solid #f29400;}

#col_2sp-02.height-250px,
#col_2sp-02.height-250px div.col_2sp-02_left,
#col_2sp-02.height-250px div.col_2sp-02_right {
	height:250px;
	overflow:hidden;
}

#col_2sp-02.height-440px,
#col_2sp-02.height-440px div.col_2sp-02_left,
#col_2sp-02.height-440px div.col_2sp-02_right {
	height:440px;
}

#col_2sp-02.height-550px,
#col_2sp-02.height-550px div.col_2sp-02_left,
#col_2sp-02.height-550px div.col_2sp-02_right {
	height:550px;
}

.col_2sp-02_left {
/*	position:relative;*/
	float:left;
	width:660px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e28a27 url(../picts/bg/bg_col_2sp-01.gif) top right repeat-y;
	border-right:2px solid #ffb86d;
	overflow:hidden;
}

.col_2sp-02_right {
	position:relative;
	float:left;
	width:328px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

#col_2sp-02.text-right-250px div.col_2sp-02_right {
	width:283px;
	height:210px;
	padding:20px 20px 20px 25px;
}

#col_2sp-02.text-right-440px div.col_2sp-02_right {
	width:283px;
	height:400px;
	padding:20px 20px 20px 25px;
}

#col_2sp-02.text-right-550px div.col_2sp-02_right {
	width:283px;
	height:510px;
	padding:20px 20px 20px 25px;
}

#col_2sp-02.text-left-250px div.col_2sp-02_left {
	width:615px;
	height:210px;
	padding:20px 20px 20px 25px;
}

#col_2sp-02.text-left-440px div.col_2sp-02_left {
	width:615px;
	height:400px;
	padding:20px 20px 20px 25px;
}

/*	TEASER für rechte kleine Spalte	*/

.teaser_right_01 {
	position:absolute;
	bottom:0px;
	left:0px;
	padding:20px 25px 20px 25px;
	margin:0px 0px 0px 0px;
	width:278px;
	height:70px;
	background: url(../picts/bg/bg_teaser_right.png) repeat-y;
}

.teaser_right_01 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	line-height:19px;
	letter-spacing: normal;
}

.teaser_right_01 a:link,
.teaser_right_01 a:visited {
	color:#c57313;
	text-decoration:none;
	outline: none;
}

.teaser_right_01 a:hover {
	color:#663300;
	text-decoration:none;
	outline: none;
}

.teaser_right_01 a:active {
	color:#663300;
	text-decoration:none;
	outline: none;
}


/*	2-spaltiger Aufbau – in der breiteren Spalte */


div.col_2sp-content_2sp {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

div.col_2sp-content_2sp_left {
	float:left;
	width:290px;
	margin:0px 35px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.col_2sp-content_2sp_right {
	float:left;
	width:290px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}







/*	3-spaltiger Aufbau*/

#col_3sp-01 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}


#col_3sp-01.height-160px,
#col_3sp-01.height-160px div.col_3sp-01_left,
#col_3sp-01.height-160px div.col_3sp-01_middle,
#col_3sp-01.height-160px div.col_3sp-01_right {
	height:160px;
}

.col_3sp-01_left {
	float:left;
	width:329px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e28a27 url(../picts/bg/bg_col_2sp-01.gif) repeat-y;
	border-right:2px solid #f29400;
	overflow:hidden;
}

.col_3sp-01_middle {
	float:left;
	width:329px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e28a27 url(../picts/bg/bg_col_2sp-01.gif) repeat-y;
	border-right:2px solid #f29400;
	background:#cc781a;
	overflow:hidden;
}

#col_3sp-01.teaser_aktuelles div.col_3sp-01_middle {
	width:299px;
	height:145px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 15px;
	background:#fff url(../picts/startseite/teaser_aktuelles.jpg) top left no-repeat;
}

.col_3sp-01_right {
	float:left;
	width:328px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#e28a27 url(../picts/bg/bg_col_2sp-01.gif) repeat-y;
	overflow:hidden;
}





/*	NEWSMODUL
------------------------------------------------------------------------------------------------------------------------------------------------------*/


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

.news-latest-container {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.news-latest-item {
	position:relative;
	width:279px;
	height:145px;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 0px;
}

.news-latest-item h2 a {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height:21px;
	letter-spacing: normal;
	color:#663300;
}

.news-latest-item h2 a:hover {
	color:#c57313;
}

p.news-latest-date {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

.news-latest-morelink a {
	position:absolute;
	bottom:10px;
	right:0px;
	display:block;
	width:25px;
	height:25px;
	text-indent:200px;
	background:url(../picts/arrows/arrow_25px_right_inactive.gif) top left no-repeat;
	overflow:hidden;
}

.news-latest-morelink a:hover {
	background:url(../picts/arrows/arrow_25px_right_hover.gif) top left no-repeat;
}


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

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



/*	NEWS-PAGE-BROWSE	*/

.news-list-browse {
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 15px;
	height:28px;
}

.news-amenu-list-browse {
	position:absolute;
	top:5px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:600px;
	text-align:left;
}

.news-amenu-list-browse {
	position:absolute;
	top:3px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:600px;
	text-align:left;
}

.news-amenu-list-browse p {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	width:20px;
	width:150px;
}

.news-amenu-list-browse ul {
	display:block;
	float:left;
	width:20px;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
}

div.news-list-browse p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	width:20px;
	width:150px;
}

div.news-list-browse ul {
	display:block;
	float:left;
	width:20px;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
}

.news-list-browse ul li,
.news-amenu-list-browse ul li{
	margin:0px 5px 0px 0px;
	float:left;
	display:block;
	width:12px;
	text-align:center;
}

.news-list-browse ul li.news-previous a,
.news-amenu-list-browse ul li.news-previous a{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	float:left;
	display:block;
	background: url(../picts/arrows/arrow_15px_left_inactive_brown.gif) top left no-repeat;
	height:17px;
	width:15px;
}

.news-list-browse ul li.news-previous a:hover,
.news-amenu-list-browse ul li.news-previous a:hover {
	background: url(../picts/arrows/arrow_15px_left_inactive_brown.gif) top left no-repeat;
}

.news-list-browse ul li.news-next a,
.news-amenu-list-browse ul li.news-next a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
	display:block;
	background: url(../picts/arrows/arrow_15px_right_inactive_brown.gif) top right no-repeat;
	height:17px;
	width:15px;
}

.news-list-browse ul li.news-next a:hover,
.news-amenu-list-browse ul li.news-next a:hover {
	background: url(../picts/arrows/arrow_15px_right_inactive_brown.gif) top right no-repeat;
}

div.news-list-browse ul li a:link, div.news-list-browse ul li a:visited,
div.news-amenu-list-browse ul li a:link, div.news-amenu-list-browse ul li a:visited {
	float:left;
	display:block;
	width:15px;
	color:#663300;
	font-weight:normal;
	text-align:center;
}

div.news-list-browse ul li a:hover,
div.news-amenu-list-browse ul li a:hover {
	float:left;
	display:block;
	width:15px;
	color:#c57313;
	font-weight:bold;
}

div.news-list-browse ul li.tx-ttnews-news-active a:link, div.news-list-browse ul li.tx-ttnews-news-active a:visited,
div.news-amenu-list-browse ul li.tx-ttnews-news-active a:link, div.news-amenu-list-browse ul li.tx-ttnews-news-active a:visited{
	font-weight:bold;
	color:#fff;
	width:14px;
}

.news-list-item {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 15px;
	height:110px;
	border-top:2px solid #ffb86d;
}

p.news-list-date {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
}

.news-list-item h2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

.news-list-item h2 a,
.news-list-item h2 a:visited {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 17px;
	line-height:19px;
	letter-spacing: normal;
	color:#663300;
}

.news-list-item h2 a:hover {
	color:#c57313;
}

.news-list-item_text {
	position:relative;
	float:left;
	width:424px;
	height:95px;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.list-text {
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 0px;
}

.news-list-item_picture {
	display:block;
	float:left;
	width:170px;
	height:95px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.news-list-morelink a {
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
	width:25px;
	height:25px;
	text-indent:200px;
	background:url(../picts/arrows/arrow_25px_right_inactive_brown.gif) top left no-repeat;
	overflow:hidden;
}

.news-list-morelink a:hover {
	background:url(../picts/arrows/arrow_25px_right_hover_brown.gif) top left no-repeat;
}




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

.news-single-item {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.news-single-author {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

.news-single-item h2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

.news-single-item h2 a,
.news-single-item h2 a:visited {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 17px;
	line-height:19px;
	letter-spacing: normal;
	color:#663300;
}

.news-single-item h2 a:hover {
	color:#c57313;
}

.news-single-item_text {
	position:relative;
	float:left;
	width:298px;
	height:530px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 0px 15px;
}

.news-single-item_picture {
	position:relative;
	display:block;
	float:left;
	width:329px;
	height:530px;
	margin: 0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	text-align:center;
}

.news-single-item_picture img {
	border:1px solid #c57313;
}

.news-single-backlink {
	position:absolute;
	left:15px;
	bottom:15px;
}




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

.news-amenu-container {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
}




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

.news-search-form {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
	height:108px;
	border-bottom:2px solid #ffb86d;
}

.news-search-emptyMsg {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
}

.input_search {
	float:left;
	margin: 2px 20px 0px 0px;
	padding: 2px 2px 2px 2px;
	height:16px;
	width:373px;
	font-size:12px;
	line-height:16px;
	color:#663300;
	border:1px solid #c57313;
}

.submit_search {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:25px;
	background: url(../picts/arrows/arrow_25px_right_inactive_brown.gif) no-repeat;
	text-indent:200px;
	overflow:hidden;
	border:none;
	outline:none;
	cursor:pointer;
}

.submit_search:hover {
	background: url(../picts/arrows/arrow_25px_right_hover_brown.gif) no-repeat;
}


/*	BILDERGALERIE
------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.tx-chgallery-pi1 {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:440px;
	overflow:hidden;
}

div.info {
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 20px;
	bottom:0px;
	left:0px;
	height:38px;
	width:639px;
	border:none;
	background: url(../picts/bg/bg_galerie_imagetext.png) repeat-x;
	overflow:hidden;
}

div.info div.prev a {
	float:left;
	display:block;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:25px;
	background: url(../picts/arrows/arrow_25px_left_inactive.gif) no-repeat;
	text-indent:200px;
	overflow:hidden;
}

div.info div.prev a:hover {
	background: url(../picts/arrows/arrow_25px_left_hover.gif) no-repeat;
}

div.info div.img_text {
	float:left;
	display:block;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:540px;
	overflow:hidden;
}

div.info div.img_text h1 {
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	line-height:18px;
	color:#b46101;
}

div.info div.next a {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:25px;
	background: url(../picts/arrows/arrow_25px_right_inactive.gif) no-repeat;
	text-indent:200px;
	overflow:hidden;
}

div.info div.next a:hover {
	background: url(../picts/arrows/arrow_25px_right_hover.gif) no-repeat;
}

div.single {
	float:left;
	margin:0px 11px 11px 0px;
	padding:0px 0px 0px 0px;
	bottom:0px;
	left:0px;
	height:87px;
	width:130px;
	border:none;
	background:#FFFFFF;
	overflow:hidden;
	border:1px solid #b46101;
}

div.single:hover {
	border:1px solid #c57313;
}

div.single.act {
	border:1px solid #fff;
}

div.pagebrowser {
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:11px 0px 0px 0px;
	top:311px;
	left:0px;
	height:39px;
	width:329px;
	overflow:hidden;
}

div.pagebrowser div.prev a {
	float:left;
	display:block;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:25px;
	background: url(../picts/arrows/arrow_25px_left_inactive_brown.gif) no-repeat;
	text-indent:200px;
	overflow:hidden;
}

div.pagebrowser div.prev a:hover {
	background: url(../picts/arrows/arrow_25px_left_hover_brown.gif) no-repeat;
}

div.pagebrowser div.text {
	float:left;
	display:block;
	margin:0px 10px 0px 0px;
	padding:4px 0px 0px 0px;
	height:19px;
	width:90px;
	overflow:hidden;
}

div.pagebrowser div.next a {
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	width:25px;
	background: url(../picts/arrows/arrow_25px_right_inactive_brown.gif) no-repeat;
	text-indent:200px;
	overflow:hidden;
}

div.pagebrowser div.next a:hover {
	background: url(../picts/arrows/arrow_25px_right_hover_brown.gif) no-repeat;
}



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

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

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

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

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

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

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

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

.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:0px 2px 2px 2px;
	height:24px;
	width:433px;
	border:1px solid #d9d9d9;
	background:#efefef;
	color:#714e1f;
	cursor:pointer;
}

.tx-powermail-pi1 fieldset input.powermail_submit:hover {
	border:1px solid #90743b;
	background:#cda672;
	color:#fff;
	font-weight:bold;
}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_label {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height:14px;
}

.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;
}























/*	STYLES
--------------------------------------------------------------------------------------------------------------------------------*/

/*	Colors
-----------------------------------------*/

.white {color:#FFFFFF;}

.beige-light {color:#ddd;}
.beige-normal {color:#cdb076;}
.beige-dark {color:#aaa;}


/*	Headlines
-----------------------------------------*/

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height:21px;
	letter-spacing: normal;
}

h1.h1-10 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h1.h1-15 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

h1.h1-20 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height:19px;
	letter-spacing: normal;
}

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3em;
	line-height:1.1em;
	letter-spacing: normal;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	line-height:1.0em;
	letter-spacing: normal;
}

h5 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	line-height:1.0em;
	letter-spacing: normal;
}


/*	ABSAETZE
-----------------------------------------*/

p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.p-05 {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

p.p-10 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

p.p-20 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

p.p-30 {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

p.p-40 {
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
}

p.p-imprint {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 60px;
	background:url(../picts/agentur3b-full-service-werbeagentur-bocholt_heubergsauna.jpg) 0px 5px no-repeat;
}


/*	BILDER IM CONTENT
-----------------------------------------*/


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #90743b;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height:13px;
	color: #90743b;
}


/*	TABELLEN IM CONTENT
-----------------------------------------*/

table.contenttable {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
/*	border:1px solid #e6e6e6;*/
}

table.contenttable tr th {
	margin:0px 0px 0px 0px;
	padding:4px 5px 4px 5px;
}

table.contenttable tr.table-head-01 {
	background:#eee;
}

table.contenttable tbody tr {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

table.contenttable tbody tr td {
	margin:0px 0px 0px 0px;
	padding:4px 5px 4px 5px;
	background:#EF9C3B;
}

table.contenttable tbody tr.table-body-01 {background:#f9f9f9;}
table.contenttable tbody tr.table-body-02 {background:#efefef;}