/*
 * Projekt:	Familie Redlich
 * Datum:		31.03.2009
 *
 * familie redlich :systeme
 * http://www.systeme.familie-redlich.de
 * systeme@familie-redlich.de
 *
 */



body, div, form, table, th, tr, td, h1, h2, h3 p, ul, li {margin:0; padding:0; border:0; }
h1	{ margin-bottom:3px; font:normal 1.2em Geneva, Arial, Helvetica, sans-serif; color:#000; }
h2	{ margin:0.3em 0; font-size:1.1em; color:#000}
h3 { margin:1em 0 0.3em 0; padding:0; font-size:1em; }
h3.start { margin:0 0 1em 0; padding:0; font-size:1em; }
p	{ margin:0 0 0.8em 0; line-height:140%; clear:both}
body { background-color:#EDEFE2; color:#656664; margin:0; padding:0;  font-family:Arial,Helvetica,sans-serif; font-size:12px; }
ul {list-style:none; list-style-image:none; margin:0 0 .8em 0;}
ul li {background: url("../images/bullet.png") no-repeat left 2px ;padding-left:12px; line-height:145%; }
#header ul,    #footer ul,    .colLeft ul,    #startseite_row1 ul,    .kacheln,    .arrowList,    #detailNavigation ul    { list-style:none; list-style-image:none;  }
#header ul li, #footer ul li, .colLeft ul li, #startseite_row1 ul li, .kacheln li, .arrowList li, #detailNavigation ul li { background:none  }
p ul li { display:block; }
a { text-decoration:none; color:#656664; }

.cycle-container { width:170px; }

table, th, td, tr, tbody, thead {margin:0; padding:0;}

small { font-size:smaller; }

.colContent ul { }
.colContent li { line-height:150%; padding-left:14px }
.colContent ul.arrowList li, .colContent ul.kacheln li, .colContent ul.clients li, ul.clients li, 
#sub-navigation ul.arrowList li, #main-navigation ul li { margin:0; padding-left:0; }
#sub-navigation ul { margin:0 0 2em 0; }

.startBlock { float:left; width:180px; background:transparent url(../images/icon-2.png) no-repeat scroll bottom left; height:200px; position:relative }
ul li.start { background:none; padding-left:0 }
ul li.start a { width:130px; display:block; margin:0 0 7px 0; line-height:130%; }
ul li.start a:hover { background:transparent url(../images/icon-2.png) no-repeat scroll left 2px; padding-left:18px}
.startBlock a.bottomLink {position:absolute; bottom:0; left:0;  }

.colContent h1 a img { padding:0 0 0 18px; background: url("../images/icon-1.png") no-repeat left 1px; }
.colCenterWide h3, .colRightSmall h3 { color:#000; font-weight:normal; }

.ansprechpartner { color:#000; background: url("../images/icon-1.png") left 2px no-repeat; padding:0 0 0 18px; margin:0 32px 0 0; text-decoration:none }
.headline { display:block; height:20px; text-indent:-9999px; width:520px; background-position: top 10px; margin-bottom:10px; }
h1 a { display:block; background: url("../images/icon-1.png") no-repeat left 3px; outline:none; }


p img { margin:0 0 4px 0; }
.small { font-size:smaller; }
img { border:none; }
.clear { clear:both; }


fieldset { border:none; padding:0; margin:0; }
fieldset legend { visibility:hidden; }

#logo { left:566px; position:absolute; top:16px; }


#wrapper { position:absolute; right:0; top:0; min-width:980px; overflow:hidden; width:80%; z-index:200;}
#main { width:100%; }
#main #top { float:left; height:45px; width:100%; margin:0; background:#fff url("../images/hg-shadow-left.gif") repeat-y left top;}
#main #content { float:left; width:100%; padding-bottom:40px; background:#fff url("../images/hg-shadow-left.gif") repeat-y left top; }

#main .colContent2 div div h2 { }
#main .colContent2 div div h2 a { background:none; padding:0; margin:0.3em 0; font-size:1.1em; color:#000; text-decoration:none; cursor:text  }

#main .colLeft { float:left; width:216px; margin-right:36px }
#main .colContent, .colContent2 { float:left; width:728px; margin-bottom:0; }
#main .colContent .colFull { float:left; width:728px; }
#main .colRightSmall { float:left; width:136px; overflow:hidden; margin:0 0 0 26px; }
#main .colRightSmall p { margin:0 0 1.5em 0; }
#main .colRightWide { float:left; margin-left:36px; width:320px; height: 130px; overflow:hidden; }
#main .colRightWide2 { float:left; margin-left:36px; width:320px; }
#main .colContent h2 a { font-weight:normal; font-size:12px; margin:0; line-height:15px; }
#main .colContent h2 { font-weight:normal; font-size:12px; margin:0 0 .2em 0; padding:0; }
#main .colContent p, #main .colContent small { display:none; }


#main .colRightWideDetail { float:left; margin-left:36px; width:320px; }
#main .colCenterWide { float:left; width:530px; }
#main .colCenterWide p a { display:inline; }
#main .colCenterSmall { float:left; width:335px;  }
#main .colCenterSmall .lighbox-icon-1{ margin: 4px 4px 0 0; }


#main-navigation { float:left; width:195px; padding-left:46px; overflow:hidden; margin-bottom:21px; }
#main-navigation ul li a { display:block; }
#main-navigation ul { margin-top:-6px;list-style-image:none; }
#main-navigation ul li { background:none }
#main-navigation a:hover { padding-left:19px; }
#main-navigation a.aktiv { padding-left:19px; background:url(../images/icon-0.png) top left no-repeat }

#teaser	{ float:left; width:216px; margin-bottom:16px; }
#keyvisual { float:left; height:150px; width:728px; }
#karte4Print {display:none}
#detailNavigation { float:left; width:692px; height:36px; }
#detailNavigation ul { margin:0; list-style-image:none; }
#detailNavigation li { background:none; float:left; padding-left:0; padding-right:12px }
#detailNavigation li a { float:left; color:#000; text-decoration:none; padding-left:18px; margin-right:44px; min-width:20px; }
#detailNavigation li a#first  { background:transparent url("../images/icon-1c.png") no-repeat left center; }
#detailNavigation li a#second { background:transparent url("../images/icon-1b.png") no-repeat left center; }
#detailNavigation li a#third  { padding:0 18px 0 0; background:transparent url("../images/icon-1.png") no-repeat right center; }

#sub-navigation { float:left; width:160px; overflow:hidden; padding-left:56px; }
#sub-navigation img {margin-bottom:6px;}


.arrowList a { margin:0; padding:0}
.arrowList li a { line-height:15px; color:#656664; text-decoration:none; display:block; margin-top:0.2em; padding:0 0 0 18px; background:transparent url("../images/icon-2.png") no-repeat left 2px; }
.arrowList li a:hover { text-decoration:underline; }
.arrowList li a.aktiv { color:#DE0029; }

.colContent #referenzen { margin-top:4px; }
.kacheln li { float:left; width:171px; height:210px; padding:0 3px 0 0; }
.kacheln li a { display:block; color:#000; font-size:0.9em; text-decoration:none; }
.kacheln li a:hover { text-decoration:underline; }
.kacheln li a img { width:170px; height:124px; display:block; margin:0 0 9px 0; }
.kacheln li a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; khtml-opacity:0.8; }
.kacheln li .head { font-size:1.2em; height:17px; line-height:115%; padding:0 0 0 18px; background:transparent url("../images/icon-1.png") no-repeat left 2px; display:block; overflow:hidden; margin-bottom:5px}
.kacheln li a .head {cursor:pointer}
.kacheln li .text { float:left; height:40px; overflow:hidden; font-size:.9em; line-height:120%; padding:0 0 0 18px; margin:-6px 0 0 0; }
.kacheln li .text:hover { text-decoration:none; }
.inactive { border:none; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; khtml-opacity:0.5; }

#footer { float:left; padding:15px 0 50px 56px; font-size:0.9em; }
#footer ul, #footer ul li
			{ float:left; }
#footer li a { color:#656664; text-decoration:none; margin:0 20px 0 0; }
#footer li a:hover {text-decoration:underline; }

.red { color:#DE0029; }
.textlink, .extern, .link { text-decoration:none; color:#7a7777; padding:0 0 0 16px; background:url(../images/icon-2.png) no-repeat left 2px; }
.extern { background:url(../images/icon-4.png) top left no-repeat; }
.schwarz { text-decoration:none; padding:0 0 0 16px; background:url(../images/icon-2.png) no-repeat left 2px; background:url(../images/icon-4.png) top left no-repeat; color:#000 !important; }
.link { padding:0; background:none; }
.textlink:hover, .extern:hover, .link:hover, .mail:hover, .colCenterSmall p a:hover, #first span:hover, #second span:hover, #third span:hover
     { text-decoration:underline}
.teamDetailImage { float:right; margin:0 0 200px 36px}

label			{ float:left; margin-bottom:15px; width:120px; }
.inputText, .inputTextarea
				{ float:left; margin-bottom:15px; width:325px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000; background-color:#fff;
					border:none; border-bottom:1px solid #e1e0e0; border-left:1px solid #e1e0e0; padding-top:0; padding-left:0; }
.inputTextarea	{ height:120px; }
.inputSubmit	{ float:left; background:#fff url(../images/icon-1.png) center left no-repeat; width:85px; border:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif;   }

#startseite_row1 { float:left; width:100%; height:144px;  background:#fff url("../images/hg-shadow-left.gif") repeat-y left top; }
#startseite_row2 { float:left; width:100%; height:200px; background:#FFF url("../images/hg-teaser.jpg") top left no-repeat; }
#startseite_row3 { float:left; width:100%; padding:30px 0 40px 0; background:#fff url("../images/hg-shadow-left.gif") repeat-y left top; }

ul.clients { display:block; line-height:140%; background:none; }
ul.clients li { display:block; margin-bottom:0.2em; background:none; }



.none { visibility:hidden; }

.contenttable { border-spacing:0px; text-align:left; margin:5px 0 0 0; padding:0; border:0; }
.contenttable tr { padding:0 0 4px 0; margin:0 0 4px 0; }
.contenttable td, th { vertical-align:top; padding:0 5px 5px 0; }
td a { color:#656664; text-decoration:none; padding:0 0 1px 18px; background:transparent url("../images/icon-2.png") no-repeat left center; }

/* Formular mailform Plus */
div.hint-box { margin:0 0 12px 0; }
div.hint-box p { color:#DE0029; }

#fehler-liste {}
#fehler-liste li { color:#DE0029; display:list-item; }
.versteckt { display:none; }

#spam { margin:8px 0 0 120px; width:178px; }
.spam { width:116px; float:left; }
.submit  { background:url("../images/button-senden.png") top left no-repeat; text-indent:9999px; width:200px; height:14px; border:none; margin:8px 0; cursor:pointer; border:0; outline:none; }
.login { background:url("../images/button-anmelden.png") top left no-repeat; text-indent:9999px; width:200px; height:14px; border:none; margin:8px 0; cursor:pointer; border:0; outline:none; }

.bread { text-align:left; width:690px; position:absolute; top:165px; left:254px; font-size:10px; }
.bread a:hover { text-decoration:underline; } 

/*UNIT MENU ------------------------------------------------------------*/
.unitmenu { width:205px; float:left; margin: 0 0px 0 0; }
.unitmenu a { margin:0 0 0 0; display:block; float:left; text-indent:-9999px; border-bottom:4px solid #FFF; }

.dach { background-image:url("../images/reiter-fr-agentur.png"); background-position:left top; width:200px; height:53px;  }
.dach:hover { background:transparent url(../images/reiter-fr-agentur.png) no-repeat;background-position:-200px top; width:200px; height:53px;   }

.fundamente { background:transparent url(../images/reiter-fr-fundamente.png) no-repeat top left; width:200px; height:33px;   }
.fundamente-passiv { background:transparent url(../images/reiter-fr-fundamente.png) no-repeat -200px top; width:200px; height:33px;   }
.fundamente:hover, .fundamente-passiv:hover { background:transparent url(../images/reiter-fr-fundamente.png) no-repeat bottom right; width:200px; height:33px;   }
.fundamente.start { background:transparent url(../images/reiter-fr-fundamente.png) no-repeat bottom right; width:200px; height:33px;   }
.fundamente.start:hover { background:transparent url(../images/reiter-fr-fundamente.png) no-repeat top left; width:200px; height:33px;   }

.kommunikation { background:transparent url(../images/reiter-fr-kommunikation.png) no-repeat top left; width:200px; height:33px;   }
.kommunikation-passiv { background:transparent url(../images/reiter-fr-kommunikation.png) no-repeat -200px top; width:200px; height:33px;  }
.kommunikation:hover, .kommunikation-passiv:hover { background:transparent url(../images/reiter-fr-kommunikation.png) no-repeat bottom right; width:200px; height:33px;   }
.kommunikation.start { background:transparent url(../images/reiter-fr-kommunikation.png) no-repeat bottom right; width:200px; height:33px;   }
.kommunikation.start:hover { background:transparent url(../images/reiter-fr-kommunikation.png) no-repeat top left; width:200px; height:33px;   }

.systeme { background:transparent url(../images/reiter-fr-systeme.png) no-repeat top left; width:200px; height:33px;   }
.systeme-passiv { background:transparent url(../images/reiter-fr-systeme.png) no-repeat -200px top; width:200px; height:33px;   }
.systeme:hover, .systeme-passiv:hover { background:transparent url(../images/reiter-fr-systeme.png) no-repeat bottom right; width:200px; height:33px;   }
.systeme.start { background:transparent url(../images/reiter-fr-systeme.png) no-repeat bottom right; width:200px; height:33px;   }
.systeme.start:hover { background:transparent url(../images/reiter-fr-systeme.png) no-repeat top left; width:200px; height:33px;   }

.erlebnisse { background:transparent url(../images/reiter-fr-erlebnisse.png) no-repeat top left; width:200px; height:33px;   }
.erlebnisse-passiv { background:transparent url(../images/reiter-fr-erlebnisse.png) no-repeat -200px top; width:200px; height:33px;   }
.erlebnisse:hover, .erlebnisse-passiv:hover { background:transparent url(../images/reiter-fr-erlebnisse.png) no-repeat bottom right; width:200px; height:33px;   }
.erlebnisse.start { background:transparent url(../images/reiter-fr-erlebnisse.png) no-repeat bottom right; width:200px; height:33px;   }
.erlebnisse.start:hover { background:transparent url(../images/reiter-fr-erlebnisse.png) no-repeat top left; width:200px; height:33px;   }

.marke { background:transparent url(../images/marke-menu.png) no-repeat -4px -4px; width:200px; height:33px;   }
.marke-passiv { background:transparent url(../images/marke-menu.png); background-position:-204px -4px;width:200px; height:33px; }
.marke:hover, .marke-passiv:hover  { background-position:-404px -4px; }

.verstaendnis { background:transparent url(../images/marke-menu.png) no-repeat -4px -39px; width:200px; height:33px;   }
.verstaendnis-passiv { background:transparent url(../images/marke-menu.png);background-position:-204px -39px;width:200px; height:33px; }
.verstaendnis:hover, .verstaendnis-passiv:hover  { background-position:-404px -39px; }

.faq { background:transparent url(../images/marke-menu.png) no-repeat -4px -74px; width:200px; height:33px;   }
.faq-passiv { background:transparent url(../images/marke-menu.png);background-position:-204px -74px;width:200px; height:33px; }
.faq:hover, .faq-passiv:hover  { background-position:-404px -74px; }

.naming { background:transparent url(../images/marke-menu.png) no-repeat -4px -109px; width:200px; height:33px;   }
.naming-passiv {background:transparent url(../images/marke-menu.png);background-position:-204px -109px;width:200px; height:33px; }
.naming:hover, .naming-passiv:hover { background-position:-404px -109px; }

.corporate { background:transparent url(../images/marke-menu.png) no-repeat -4px -144px; width:200px; height:33px;   }
.corporate-passiv { background:transparent url(../images/marke-menu.png);background-position:-204px -144px;width:200px; height:33px; }
.corporate:hover , .corporate-passiv:hover { background-position:-404px -144px; }

.workshop { background:transparent url(../images/marke-menu.png) no-repeat -4px -179px; width:200px; height:33px; border-bottom:none !important;  }
.workshop-passiv { background:transparent url(../images/marke-menu.png);background-position:-204px -179px;width:200px; height:33px; border-bottom:none !important }
.workshop:hover , .workshop-passiv:hover { background-position:-404px -179px; }



.clear { clear:both;height:0;width:0; }

.images p { clear:none; }
.nextimages { width:944px; text-align:right; position:absolute;top:400px; left:0px;}
.csc-textpicHeader { display:none; }