/*  
Theme Name: innconcept
Theme URI: http://innconcept.de/
Description: stylesheet innconcept 1.0
Version: 1.0
Author: guido haak * chives - Büro für Webdesign Plus
Author URI: http://www.chives.de
*/

/*<group=Allgemeine Tags>
 * ----------------------------------------------------------------------------*/

* {
		margin: 0;
		padding: 0;
}

html, body { 
		border: 0pt none;
		padding: 0pt; 
   		margin: 0pt; 
}

body { 	
		padding: 0 0 0 0; 
		margin: 0; 
		background: #404040 url(../images/bg-sofatextur.jpg) repeat top left;
		color: #444;
     	text-align: center; 
}

body.popup {
		padding: 0; 
		margin: 0; 
		background-color: #fff;
		background-image: none;
}

body, input, select, h1, h2, h3  {
		font-family: arial, helvetica, sans-serif;
}

form {
    	margin: 0;
		height: 0px;
}

p {
    	margin: 0 0 12px 0;
}

img {
    	border: 0;
}

.nofx a:hover, .nofx a:active, .nofx a:focus, .nofx a:visited   {
		border-bottom: none!important;
		background-color: transparent!important;
}

a, a:visited {
    	color: #1e3e95; /* #382b9b; */
		font-style: italic;
    	text-decoration: none;
}

a, 
a:visited {
		text-decoration: none;	
}

a:hover,
a:focus {
    	color: #1e3e95; /* #382b9b; */
		text-decoration: underline;
	 	background: white;
	 	/* border-bottom: 1px dotted #382b9b; */
}

a:active {
    	color: #000000;
    	text-decoration: none!important;
}

hr {
    	display: none;
}

abbr,
acronym {
    	font-style: inherit;
    	border-bottom: 1px dotted #777;
    	cursor: help;
}

em,
strong {
    	font-weight: bold;
    	font-style: normal;
}

q,
cite {
  		font-style: italic;
}

/*<group=Grafiheadlines>
 * ----------------------------------------------------------------------------*/

h1 {
		padding: 0px 0px 36px 0px;
		margin: 0;
		display: block;
		w\idth: 462px;
		text-indent: -9000px;
		background-repeat: no-repeat;
		line-height: 41px;
		font-size: 0px;
}

/* Startseite */
h1.h1startseite { w\idth: 562px; }
.h1startseite { background-image: url(../images/h1_startseite.gif); }

/* Zu Hause */
.h1wohnen { background-image: url(../images/h1_wohnen.gif); } 
.h1arbeiten { background-image: url(../images/h1_arbeiten.gif); }
.h1schlafen { background-image: url(../images/h1_schlafen.gif); }
.h1kochen { background-image: url(../images/h1_kochen.gif); }
.h1baden { background-image: url(../images/h1_baden.gif); }
.h1bibliothek { background-image: url(../images/h1_bibliothek.gif); }

/* Am Arbeitsplatz */
.h1schranksysteme { background-image: url(../images/h1_schranksysteme.gif); } 
.h1tischanlagen { background-image: url(../images/h1_tischanlagen.gif); } 
.h1besprechungstische { background-image: url(../images/h1_besprechungstische.gif); } 
.h1thekenanlagen { background-image: url(../images/h1_thekenanlagen.gif); } 
.h1stuehle { background-image: url(../images/h1_stuehle.gif); } 
.h1ladenbau { background-image: url(../images/h1_ladenbau.gif); } 

/* Spezialloesungen */
.h1gleittuersystem { background-image: url(../images/h1_gleittuersystem.gif); } 
.h1bettsystem { background-image: url(../images/h1_bettsystem.gif); } 
.h1spanndecken { background-image: url(../images/h1_spanndecken.gif); } 
.h1dachschraegen { background-image: url(../images/h1_dachschraegen.gif); }
.h1sonstiges { background-image: url(../images/h1_sonstiges.gif); }

/* Meldungen */
.h1meldungen { background-image: url(../images/h1_meldungen.gif); } 

/* Über uns */
.h1portrait { background-image: url(../images/h1_portrait.gif); } 
.h1werte { background-image: url(../images/h1_werte.gif); } 
.h1partner { background-image: url(../images/h1_partner.gif); } 
.h1tiplinks  { background-image: url(../images/h1_tiplinks.gif); }

/* Partner */
.h1bni  { background-image: url(../images/h1_bni.gif); }
.h1belitec	{ background-image: url(../images/h1_belitec.gif); }
.h1ciling  { background-image: url(../images/h1_ciling.gif); }
.h1giroflex  { background-image: url(../images/h1_giroflex.gif); }
.h1ip20  { background-image: url(../images/h1_ip20.gif); }
.h1koehl  { background-image: url(../images/h1_koehl.gif); }
.h1loeffler  { background-image: url(../images/h1_loeffler.gif); }
.h1manade  { background-image: url(../images/h1_manade.gif); }
/* .h1quadf  { background-image: url(../images/h1_quad-f.gif); } */
.h1form2  { background-image: url(../images/h1_form2.gif); }
.h1raumplus  { background-image: url(../images/h1_raumplus.gif); }


/* Kontakt */
.h1details { background-image: url(../images/h1_details.gif); } 
.h1anfahrt { background-image: url(../images/h1_anfahrt.gif); } 
.h1impressum { background-image: url(../images/h1_impressum.gif); } 

/* Sonstiges */
.h1inhaltsverzeichnis { background-image: url(../images/h1_inhaltsverzeichnis.gif); } 
.h1weiterempfehlen { background-image: url(../images/h1_weiterempfehlen.gif); }

/* Startseitenportlets */
.portlet h1 {
		padding: 0px 0px 22px 0px;
		margin: 0;
		display: block;
		w\idth: 462px;
		text-indent: -9000px;
		background-repeat: no-repeat;
		line-height: 41px;
		font-size: 0px;
}

/* Startseitenportlets */
.h1portlet1 { background-image: url(../images/h1_portlet1.gif); }
.h1portlet2 { background-image: url(../images/h1_portlet2.gif); }
.h1portlet3 { background-image: url(../images/h1_portlet3.gif); }

.thumb1 {
		border: 6px solid #323232;
		width: 208px;
		height: 100px;
		display: block;
		background-image: url(../images/bg_portlet1.gif);
		background-repeat: no-repeat;
}

.thumb2 {
		border: 6px solid #323232;
		width: 208px;
		height: 100px;
		display: block;
		background-image: url(../images/bg_portlet2.gif);
		background-repeat: no-repeat;
}

.thumb3 {
		border: 6px solid #323232;
		width: 208px;
		height: 100px;
		display: block;
		background-image: url(../images/bg_portlet3.gif);
		background-repeat: no-repeat;
}

h2	{
		font-size: 13px;
		font-weight: bold;
		border: 0;
		margin: 0;
		padding: 0;
		color: #525252; 
		margin-bottom: 6px;
}

h2 a, h2 a:visited {
		font-weight: normal;
		font-style: normal;
    	text-decoration: none;
		font-variant: normal;
}

h3  {
		font-size: 12px;
		font-weight: bold;
		border: 0;
		margin-bottom: 4px;
		padding: 0;
}

h3 a, h3 a:visited {
		font-size: 12px;
		border: 0;
		margin-bottom: 4px;
		padding: 0;
		font-style: normal;
}

h3 a:focus, h3 a:hover {
	 	border-bottom: 0px dotted #1e3e95; /* #382b9b; */
}
		
/*<group=Listen>
 * ----------------------------------------------------------------------------*/
 
ul {
 	  	list-style: none;
}

ol, ul {
    	padding: 0;
    	margin: 0;
}

li a, li a:link, li a:visited  { text-decoration: none; font-style: normal; color: #777; }
li a:active  { text-decoration: none; font-style: normal; color: #777; }
li a:hover, li a:focus { color: #111; text-decoration: none; border-bottom: 0px; background-color: transparent; }

.portlet  ul, ul { padding: 0 0 8px 22px; margin: 8px 0 0 0; }
.portlet  ul li, ul li { padding: 0; margin: 2px 0 0 0; list-style: none; list-style-image: url(../images/i_bullet.gif); }

#content ol {     
    margin-left: 12px;
    list-style-position: outside;
}
 
/*<group=Fontsizing>
 * ----------------------------------------------------------------------------*/
body {
    	font-size: 11px;
    	line-height: 15px;
}

#mainnav {
		font-size: 11px;
		text-transform: capitalize;
}

#subnav  {
	 	font-size: 11px;
}

#subnav h2  {
	 	font-size: 12px;
	 	color: #000;
	 	font-weight: bold;
	 	text-transform: uppercase;
	 	line-height: 12px;
	 	margin-bottom: 18px;
	 	margin-top: 2px;
}

table  {
	 	font-size: 11px;
}

label, input.text, textarea, input.submit	{
		font: 11px arial, helvetica, sans-serif;
}

/*<group=Hauptlayout>
 * ----------------------------------------------------------------------------*/

#funktionblock { 
		border: 0px; 
		margin-left: auto;
		margin-right: auto;
		position: relative;
		visibility: visible;
		background: transparent scroll 0%; 
		width: 770px;
		height: 56px; 
		text-align: left;
}

#funktionblock a, funktionblock a:visited {
		color: white;
		font-style: normal;
		font-size: 10px;
		margin-right: 11px;
		color: #ccc;
		background-color: #444;
}

#funktionblock a:hover  {
	   padding-top: 4px;
		color: #fff;
		background-color: #444!important;
}

#wrapper { 
		border: 0px; 
		margin-left: auto;
		margin-right: auto;
		position: relative;
		visibility: visible;
		background: transparent scroll 0%; 
		width: 770px;
		height: 574px; 
		text-align: left;
}

#mainblock  {
	 	margin: 0;
		width: 726px;
		height: 462px;
		position: relative;
		padding: 14px 22px;
		background-color: #fff;	
}

#mainblockstart  {
		width: 770px;
		height: 490px;
		position: relative;
		padding: 0;
	 	margin: 0;
		background-color: #fff;	
}

#headerblock { 
		margin: 0;
		padding: 0;
		position: relative;
		width: 726px;
		height: 98px;
      overflow: hidden;
}

#headerblockstart { 
		margin: 0;
		padding: 0;
		padding-top: 14px;
		position: relative;
		width: 770px;
		height: 98px;    /* 112px-14px */
      overflow: hidden;
}

#logo {
		position: relative;
}

/* ---------------------------------- */

#contentblock  {
		width: 726px;
		height: 350px;
		margin: 0;
		padding: 0;
}

#subnavblock  {
		float: left;
		width: 132px;
		height: 364px;
		overflow: hidden;
}

#content   {  /* Inhaltevermaßung */
		float: left;
		width: 594px;
		height: 350px;
		overflow: hidden; 
		background-color: #f0f0f0;
		background-image: url(../images/bg_wolke.gif);
		background-position: top;
		background-repeat: no-repeat;
}

#slideshow {
		width: 594px;
		height: 350px;
		margin: 0;		
}

#contentnormal   {   /* Über uns, Meldungen, Kontakt */
		width: 550px;
		height: 315px;
		padding: 21px 22px 14px 22px;
		background: transparent;
		overflow: auto;
}

/* ---------------------------------- */

#mainnavblock  {
		position: relative;
		width: 770px;
		height: 42px;
}

/* Startseitenspezifisch */

#contentblockstart  {
		width: 770px;
		height: 364px;
		margin: 0;
		padding: 0;
}

#logostart  {
		margin-right: 18px;
}

#contentstart1  {
		width: 770px;
		height: 114px;
		overflow: hidden; 
		background-color: #f0f0f0;
		background-image: url(../images/bg_wolke.gif);
		background-position: top;
		background-repeat: repeat-x;
}

#contentstart2  {
		width: 770px;
		height: 264px;
		overflow: hidden; 
		background-color: #f8f8f8;
}

#contentstartseite1  { 
		width: 726px;
		overflow: hidden; 
		padding: 22px 22px 12px 22px;
		background: transparent;	
}

#contentstartseite2  { 
		width: 770px;
		overflow: hidden; 
		padding: 12px 22px;
		background: #f8f8f8;
}

.portlet   {
		position: relative;
		float: left;
		display: block;
		width: 220px;
		height: 240px;
		background-color: transparent;
		overflow: hidden;
		margin-right: 34px;
}

/* mainmenu MAIN... */

div#mainnav { position: absolute; left: -5px/*-29px*/; margin: 0; padding: 0 0px 10px 5px; color: #111; background: url(../images/mainnav/nav_shadow.gif) no-repeat  left top scroll; }
div#mainnav ul { margin: 0; padding: 0; display: block; height: 55px; overflow: hidden;  background: url(../images/mainnav/nav-drawer_bg.gif) no-repeat left 37px;}
div#mainnav ul li { display: inline-block; float: left; margin: 0; background: none;}
div#mainnav li a { display: inline-block; width: 128px; line-height: 64px; color: #fff; font-size: 12px; }
div#mainnav li a span {  display: none; }

div#mainnav li a { background: url(../images/mainnav/nav-zu_hause.gif) no-repeat left top scroll; height: 55px; }
div#mainnav li a:hover { background-position: left -100px;  }
div#mainnav li.open a,
div#mainnav li#zu_hause.open a:hover,
div#mainnav li#am_arbeitsplatz.open a:hover,
div#mainnav li#spezialloesungen.open a:hover  { background-position: left -200px; }
div#mainnav li.open a:hover { background-position: left -300px; }

div#mainnav li#am_arbeitsplatz a { background-image: url(../images/mainnav/nav-am_arbeitsplatz.gif); border-left: 1px solid #555555;  }
div#mainnav li#spezialloesungen a { background-image: url(../images/mainnav/nav-spezialloesungen.gif); width: 128px; border-left: 1px solid #555555; }
div#mainnav li#meldungen a { background-image: url(../images/mainnav/nav-meldungen.gif); height: 38px;}
div#mainnav li#ueber_uns a { background-image: url(../images/mainnav/nav-ueber_uns.gif); height: 38px;}
div#mainnav li#kontakt a { background-image: url(../images/mainnav/nav-kontakt.gif); height: 38px;}
/* submenu SUB... */

div#subnav { margin: 0; padding: 0px 22px 0px 0px; float: left; color: #111111; }
div#subnav ul { margin: 0; padding: 0;  }
div#subnav ul li { list-style-image: none; margin-bottom: 9px; line-height: 13px; }
div#subnav li a, div#subnav li a:visited { color: #999; text-decoration: none; font-style: normal;} 
div#subnav li a:active { color: #111; text-decoration: none; }
div#subnav li a:hover, div#subnav li a:focus { color: #111; text-decoration: none; border-bottom: none; }
div#subnav li.open a, div#subnav li.open a:visited { color: #000; font-weight: normal; font-style: normal; }
div#subnav li.open a:hover { color: #000; border-bottom: none; }


/*<group=Seitenelemente>
 * ----------------------------------------------------------------------------*/

/* Content-spezifische Elemente */

#address  {
		position: absolute;
		top: 0; left: 0;
		padding: 14px 22px;
		color: #b1b1b1;
}

#switcher  {
		position: absolute;
		top: 0; left: 0;
		padding: 14px 0px;
		color: #b1b1b1;
		z-index: 1000;
}

#switcher a, #switcher a:link, #address a, #address a:link {
		color: #746f9d;
		font-style: normal;
}

#switcher a:hover, #address a:hover {
		border-bottom: 0;
		color: #4d4d4d;
}


/* Meldungen */

.date	{
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		font-weight: normal;
} 

#newsoverflow  {
		display: block;
		overflow: auto;
		width: 550px; 
		height: 281px; 
		padding-right: 22px;
}

/* Meldungen PopUps */

#newsheader  {
		position: relative; 
		max-width: 100%; 
		height: 20px; 
		background-color: #f0f0f0; 
		padding: 8px 16px 4px 16px;
}

#newslogo  {
		position: relative; 
		max-width: 100%; 
		background-color: #fff; 
		padding: 16px 16px 0 0; 
}

#newsdetails  {
		text-align: left; 
		position: relative; 
		display: block; 
		max-width: 100%; 
		padding: 8px 16px 4px 16px;
}

/* Bilder */

div.picMiniLeft, div.picMaxi {
    	margin-right: 11px;
    	margin-bottom: 5px;
    	float: left;
	 	overflow: hidden; 
}

div.picLogoLeft  {
    	margin-right: 11px;
    	margin-bottom: 5px;
    	float: left;
	 	overflow: hidden; 
}

div.picMiniRight  {
    	margin-left: 11px;
    	margin-bottom: 5px;
    	float: right;
	 	overflow: hidden; 
}

/* Content-Bilder */
div.picMiniLeft, div.picMiniRight   {
    	margin-top: 4px;
	 	width: 242px;  /* inklusive 6px border */
							/* Empfehlung: 230 * 114 Pixel */
}

div.picLogoLeft {
	   margin-top: 4px;
	 	width: 167px; 
}

div.picMaxi {
    	margin-right: 0;
}

div.picMaxi {
	 	margin-top: 4px;
    	width: 455px;
}

img.bordered	{
    	border: 6px solid #fff;
}
 
.anmerkung {
    	font-size: 10px;
	 	padding-top: 4px;
	 	line-height: 120%;
}

.anmerkung a:link,
.anmerkung a:visited,
.anmerkung a:focus,
.anmerkung a:hover {
    	text-decoration: none;
	 	border-bottom: 0px;
	 	font-style: normal;
}  

/* Kontaktformular */

fieldset {
		border: 0;
		margin: -1px 0 0 0;
		padding: 0;
}

fieldset legend {
		display: none;
}

label {
		display: block;
		width: 235px;
		margin-top: 4px;
}
#required_note {
	position: relative;
	float: right;
	margin-top: -7px;
}
label.sicher, input.sicher { display: none; }
input.text, textarea {
		/*width: 200px;*/
		width: 228px;
		color: #333;
		padding: 2px;
		margin: 1px 0;
		border: 1px solid #999;
   		background-color: #fff;
}

input.submit {
		border: 1px solid #858585;
		width: 120px;
		height: 25px;
		padding: 3px 0 4px;
   		margin: 4px 0 0 0;
		color: #fff;
		background: #303030;
		cursor: pointer;
		float: right;
}
input.submit:hover {
}

.formerror {
	color: #FD3402;
	font-weight: bold;
}

/* Werbung entfernen */
#poweredby {
	display: none !important;
}

/*<group=Ticker>
 * ----------------------------------------------------------------------------*/
 
#ticker {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}

#ticker li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	width: 450px;
	color: #444;
	background-color: #f0f0f0;
}

.hidden {
	display: none;
}

#ticker .fctlink a {
    	color: #1e3e95; /* #382b9b; */
		font-style: italic;
    	text-decoration: none;
}

#ticker a:hover,
#ticker a:focus {
    	color: #1e3e95; /* #382b9b; */
	 	background: white;
	 	border-bottom: 1px dotted #1e3e95; /* #382b9b; */
}

#ticker a:active {
    	color: #000000;
}

/*<group=Hilfe-Styles>
 * ----------------------------------------------------------------------------*/

/* Allgemein */
.rightalign {
    	text-align: right !important;
}

.alignright { 
    	margin-top: 0pt; text-align: right; clear: both; 
}

.floatright {
		float: right;
}

.floatleft {
		float: left;
}

.hide {
    	position: absolute;
    	left: -1000em;
    	width: 500em;
    	line-height: 0px;
}

.print {
    	display: none;
}

.clearer {
   	height: 0px;
    	clear: both;
    	overflow: hidden;
    	font-size: 0px;
    	line-height: 0px;
		float: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {  
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*  Funktionslinks */

span.fctlink	{
		margin: 0;
}

span.fctlink a,
span.fctlink a:visited {
    	text-decoration: none;
	 	border-bottom: 0px;
}

span.fctlink a:focus,
span.fctlink a:hover {
    	text-decoration: none;
	 	border-bottom: 0px;
}

span.fctlink a:active {
    	text-decoration: none;
	 	border-bottom: 0px;
}