/* Autor: Christian Becker * Stand: Sep 2011 */

/* Generelles ------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #F2F6F7 url(img/background_new.gif) no-repeat;
	margin-top: 0px;
	text-align: left; /*richtet hauptcontainer aus */
	margin-bottom: 20px;
	text-transform: lowercase;
}

/* Links -----------------------------------------------------------------*/
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #000;
}
a:hover, a:active {
	color: #00169B;
}
/* -----------------------------------------------------------------------*/
/* Blöcke ----------------------------------------------------------------*/
#hauptcontainer {
	width: 960px;
	margin: 0px auto;
	margin-left: 60px;
	background-color: #F2F6F7;
}

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

#kopf { 
	height: 150px;
	text-align: left;
	margin-bottom: 4px;
}


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



.startlink
{
border: 1px solid black;
width: 540px;
height: 70px;
display: block;
margin-top: -5px;
}

.link0
{
background: url(http://www.chrib.de/fileadmin/content/img/start_futureliving.jpg) no-repeat;
background-position: 0 -40px; 
}


.link1
{
background: url(http://www.chrib.de/uploads/pics/start_luftpost.jpg) no-repeat;
background-position: 0 -40px; 
}


.link2
{
background: url(http://www.chrib.de/uploads/pics/start_vanity.jpg) no-repeat;
background-position: 0 -60px; 
}


.link3
{
background: url(http://www.chrib.de/uploads/pics/start_tabunt.jpg) no-repeat;
background-position: 0 -40px; 
}


.link4
{
background: url(http://www.chrib.de/uploads/pics/start_eyerobot.jpg) no-repeat;
background-position: 0 -40px; 
}


.link5
{
background: url(http://www.chrib.de/uploads/pics/start_cernexhi.jpg) no-repeat;
background-position: 0 -20px; 
}


.link6
{
background: url(http://www.chrib.de/uploads/pics/start_interactpheno.jpg) no-repeat;
background-position: 0 -20px; 
}

.link0:hover, .link1:hover, .link2:hover, .link3:hover, .link4:hover, .link5:hover, .link6:hover
{
height: 180px;
background-position: 0 0px; 
}
/* -----------------------------------------------------------------------*/
/* -----------------------------------------------------------------------*/

#topnavi {
	float: left;
	width: 205px;
	padding: 30px 10px 10px 0px; 
	margin: 0;
	position: static;
	text-align: left;
	overflow: hidden;
	line-height: 1.5em;
	font-size: 0.7em;
	letter-spacing:0.15em
}
#topnavi a:link,#topnavi a:visited {
	color: #C11300;
	padding-left: 15px;
}
#topnavi a:hover,#topnavi a:active,#topnavi a.active1,#topnavi a.active1:visited  {
	color: #00169B;
	padding-left: 15px;
	background: url(img/tpl_line_blau1.gif) no-repeat bottom left; 
}
#topnavi ul li ul a:hover,#topnavi ul li ul a:active,#topnavi ul li ul a.active2,#topnavi ul li ul a.active2:visited  {
	color:#4857B5;
	padding-left: 15px;
	background: url(img/tpl_line_blau2.gif) no-repeat bottom left; 
}
#topnavi ul li ul li ul a:hover,#topnavi ul li ul li ul a:active,#topnavi ul li ul li ul a.active3,#topnavi ul li ul li ul a.active3:visited {
	color:#7983BE;
	padding-left: 15px;
	background: url(img/tpl_line_blau3.gif) no-repeat bottom left; 
}	



#topnavi ul { /* erste Ebene: Menüliste */
        padding: 0;
	margin: 0;
	list-style-type: none;
}
#topnavi ul li { /* erste Ebene: Menülistenpunkte */
	padding-bottom: 12px; /* großer Abstand zum nächsten Menüpunkt */
}
#topnavi ul li ul { /* zweite Ebene: Menüliste */
	letter-spacing:0.13em;
	margin-left: 0px;
}
#topnavi ul li ul li { /* zweite Ebene: Menülistenpunkte */
	margin-left: 15px;
	padding-bottom: 0; /* Abstand zum nächsten Menüpunkt rücksetzen */
}
#topnavi ul li ul li ul { /* dritte Ebene: Menüliste */
	letter-spacing:0.11em;
	margin-left: 0px;
}
#topnavi ul li ul li ul li { /* dritte Ebene: Menülistenpunkte */
	margin-left: 15px;
}

/* -----------------------------------------------------------------------*/
#inhaltscontainer {
	padding: 0px 0px 5px 10px;
	text-align: left;
	margin: 0;
	margin-left:  205px;
}


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

#subnavi {
	font-size: 0.6em;
	height: 20px;                
	text-align: right;
	padding: 4px 190px 2px 0px; 
	letter-spacing:0.15em;
	
}

#subnavi a:link, #subnavi a:visited {
	padding-left: 4px;
	color: #C11300; 
}
#subnavi a:hover, #subnavi a:active {
	color:#7983BE;
	padding-top: 6px;
	padding-left: 4px;
	background: url(img/tpl_pfeil_blau3_90.gif) no-repeat top left; 
}
#subnavi a.active4 {
	color: #7983BE;
	padding-top: 6px;
	padding-left: 4px;
	background: url(img/tpl_pfeil_blau3_90.gif) no-repeat top left; 
}


/* -----------------------------------------------------------------------*/
/* -----------------------------------------------------------------------*/
#inhalt {
	margin-top: 0px;
	padding-right: 0px;
	overflow: visible;
	font-size: 0.7em;
	color: #555;
	line-height: 1.7em;
	width: 480px;
	
}
#inhalt img{
	border: 1px solid black;
}

#inhalt h1 {
	font-size: 0.95em; 
        
	padding-bottom: 3px;
        padding-left: 2px;
	color: #555;
        line-height: 1.2em;
        
}

#inhalt span.detail{
	font-size: .9em;
        letter-spacing: 0.08em;
	line-height: 0.7em;
	color: #999;
        display:block; 
        padding-bottom: 10px;
}

#inhalt embed{
padding-bottom: 5px;
}

/* CSS Styled Content - Formatierungen -----------------------------------*/

#inhalt p.bodytext  {
	padding-bottom: 10px;
	
}
#inhalt .bodytext ul {
	padding: 10px;
	list-style-type: square;
}


/* Abstand nach unten in Text m/ Bild-Contentelementen */
#inhalt .csc-textpic-imagewrap{
	padding-bottom: 20px;
	width:545px;
}
/* um DIV.csc-textpic-clear wieder aufzuheben und dreispalter zu ermöglichen*/
#inhalt .csc-textpic-clear {
	clear:none;
}
#inhalt .csc-textpic-left, #inhalt .csc-textpic-text {
	clear:none; 
}
#inhalt .csc-textpic-imagerow{
 padding-right: 20px;

} 
#inhalt .align-right {  /* FüR VITA / typo3 gibt zwar einer zelle einer tabelle diese klasse cssstyledcontent*/
	text-align: right;
	vertical-align: top;
	font-size: 0.9em;
	padding-right: 12px;
	width: 140px;
	color: #646464;
}
#inhalt tr{
	height: 12px;
}
#inhalt td>p.bodytext  {
	padding-bottom: 0px;
}
#inhalt .csc-textpic-intext-left img{
	border: 0;
}
#inhalt .csc-textpic-border img{
	border: 0;
}
#inhalt .csc-textpic-intext-left .csc-textpic-imagewrap{
	width: auto;
}

#inhalt p>a:link, #inhalt p>a:visited {
	color: #C11300;
}
#inhalt p>a:hover, #inhalt p>a:active{
	color: #7983BE;
}

#inhalt td{
        vertical-align: top;
}
#inhalt table object{
        padding-bottom: 5px; 
}
/* -----------------------------------------------------------------------*/
/* -----------------------------------------------------------------------*/

#rechts{
	float: right;
	margin-top: 0px;
	width: 193px;
	font-size: 0.6em;
	color: #555;
	line-height: 1.6em;
}
#rechts h1 {
	font-size: 1.0em;
	padding-bottom: 5px;
}

#rechts .csc-textpic-intext-left img{
	border: 1px solid black;
}

#rechts p>a:link, #rechts p>a:visited {
	display: block;
	color: #C11300;
	padding-left: 7px;
	background: url(img/tpl_pfeil_rot.gif) no-repeat 0px 5px; 
}
#rechts p>a:hover,#rechts p>:active{
	display: block;
	color: #7983BE;
	padding-left: 7px;
	background: url(img/tpl_pfeil_rot.gif) no-repeat 0px 5px; 
}

#rechts .csc-textpic-left img{
	border: 1px solid black;
}


/*  Damit der IE Farbe schnallt und Pfeil auch funzt, mit typo3-klasse nur Textblock */




#rechts .csc-textpic-text a:link, #rechts .csc-textpic-text a:visited {
	display: block;
	color: #C11300;
	padding-left: 7px;
	background: url(img/tpl_pfeil_rot.gif) no-repeat 0px 5px; 
}
#rechts .csc-textpic-text a:hover,#rechts .csc-textpic-text a:active{
	display: block;
	color: #7983BE;
	padding-left: 7px;
	background: url(img/tpl_pfeil_rot.gif) no-repeat 0px 5px; 
}
#rechts .csc-textpic-clear {
	
	padding-bottom: 20px;
}

/* CSS Styled Content - Formatierungen -----------------------------------*/
/* Abstand nach unten in Nur-Text-Contentelementen */
#rechts .bodytext {
	margin-top: -3px;
	padding-bottom: 20px;
}
#rechts .bodytext p {
	padding-bottom: 0;
}
#rechts .bodytext ul {
	padding: 10px;
	list-style-type: square;
}
/* Abstand nach unten in Text m/ Bild-Contentelementen */
#rechts .csc-textpic-clear {
	padding-bottom: 20px;
}
#rechts p.bodytext>span.detail{
	font-size: .9em;
	line-height: 1.2em;
	color: #999;
}
/* -----------------------------------------------------------------------*/
/* -----------------------------------------------------------------------*/

#fuss {
	background: url(img/tpl_fuss.gif) center top no-repeat;*/
	clear: both; 
	height: 45px;
}

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


#supnavi { 
        height: 52px;  
        overflow: auto;  
        margin-left: 210px;  
        margin-right: -3px;  
        clear: both;
}



a.gallery span {
	display: block; 
	position: absolute; 
	left: 50px; 
	top: 50px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
	background: #F2F6F7; 
	z-index: 100; 
	font-size: 13px;
}
a.gallery:hover {
	white-space: normal; 
	border: 1px solid #f00;}
a.gallery:hover img {
	border: 1px solid #000;  /*großes bild*/
	z-index: 100;
}
a.gallery:active img, a.gallery:focus img {
	border: 1px solid #000; 
	z-index: 50;
}

a.gallery:hover span {
	display: block; 
	position: absolute; 
	width: 542px; 
	height: 337px; /*410px funzt aber nich, da es drüber liegt*/
	top: 180px; 
	left: 275px; 
	font-style:italic; 
	color: #000; 
	background: transparent; /*#F2F6F7; */
	z-index: 100; 
	font-size: 11px;}
	
* html a.gallery:hover span {left:278px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {
	display:block; 
	position:absolute; 
	width:542px; 
	height: 337px; 
	top: 180px; 
	left: 275px;  
	font-style:italic; 
	color:#000; 
	background: transparent; /*#F2F6F7; */
	z-index:50;}
* html a.gallery:active span {left:278px;}


a.gallery, a.gallery:visited {
	display:block; 
	overflow: visible;
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:48px; 
	height:48px; 
	margin:8px;
	margin-top: 0;
	margin-bottom: 0; 
	float:right; 
	font-size:11px;}
	
a.slide-plst1 {background:url(../content/img/st_pl_stiftehalter_1th.jpg);}
a.slide-plst2 {background:url(../content/img/st_pl_stiftehalter_2th.jpg);}
a.slide-plst3 {background:url(../content/img/st_pl_stiftehalter_3th.jpg);}
a.slide-plst4 {background:url(../content/img/st_pl_stiftehalter_4th.jpg);}
a.slide-plb1 {background:url(../content/img/st_pl_burg_1th.jpg);}
a.slide-plb2 {background:url(../content/img/st_pl_burg_2th.jpg);}
a.slide-plb3 {background:url(../content/img/st_pl_burg_3th.jpg);}
a.slide-plb4 {background:url(../content/img/st_pl_burg_4th.jpg);}
a.slide-plk1 {background:url(../content/img/st_pl_kante_1th.jpg);}
a.slide-plk2 {background:url(../content/img/st_pl_kante_2th.jpg);}
a.slide-plk3 {background:url(../content/img/st_pl_kante_3th.jpg);}
a.slide-plk4 {background:url(../content/img/st_pl_kante_4th.jpg);}
a.slide-plk5 {background:url(../content/img/st_pl_kante_5th.jpg);}
a.slide-leucht1 {background:url(../content/img/st_mm_5_leuchtk1th.jpg);}
a.slide-leucht2 {background:url(../content/img/st_mm_5_leuchtk2th.jpg);}
a.slide-leucht21 {background:url(../content/img/st_mm_5_leuchtk21th.jpg);}
a.slide-leucht3 {background:url(../content/img/st_mm_5_leuchtk3th.jpg);}
a.slide-leucht4 {background:url(../content/img/st_mm_5_leuchtk4th.jpg);}
a.slide-leucht5 {background:url(../content/img/st_mm_5_leuchtk5th.jpg);}
a.slide-leucht6 {background:url(../content/img/st_mm_5_leuchtk6th.jpg);} 
a.slide-tac1 {background:url(../content/img/st_mm_4_tac_1th.jpg);}
a.slide-tac2 {background:url(../content/img/st_mm_4_tac_2th.jpg);}
a.slide-tac21 {background:url(../content/img/st_mm_4_tac_21th.jpg);}
a.slide-tac3 {background:url(../content/img/st_mm_4_tac_3th.jpg);}
a.slide-tac4 {background:url(../content/img/st_mm_4_tac_4th.jpg);}
a.slide-tac5 {background:url(../content/img/st_mm_4_tac_5th.jpg);}
a.slide-tac6 {background:url(../content/img/st_mm_4_tac_6th.jpg);}
a.slide-tac7 {background:url(../content/img/st_mm_4_tac_7th.jpg);}

a.slide-studiosus1 {background:url(../content/img/st_mm_3_studiosus_1th.jpg);}
a.slide-studiosus2 {background:url(../content/img/st_mm_3_studiosus_2th.jpg);}
a.slide-studiosus3 {background:url(../content/img/st_mm_3_studiosus_3th.jpg);}
a.slide-studiosus4 {background:url(../content/img/st_mm_3_studiosus_4th.jpg);}
a.slide-studiosus5 {background:url(../content/img/st_mm_3_studiosus_5th.jpg);}
a.slide-stein1 {background:url(../content/img/st_mm_4_steinscherep_1th.jpg);}
a.slide-stein2 {background:url(../content/img/st_mm_4_steinscherep_2th.jpg);}
a.slide-stein3 {background:url(../content/img/st_mm_4_steinscherep_3th.jpg);}
a.slide-stein4 {background:url(../content/img/st_mm_4_steinscherep_4th.jpg);}
a.slide-stein5 {background:url(../content/img/st_mm_4_steinscherep_5th.jpg);}
a.slide-stein6 {background:url(../content/img/st_mm_4_steinscherep_6th.jpg);}
a.slide-ig_piano1 {background:url(../content/img/st_intg_piano_1th.jpg);}
a.slide-ig_piano2 {background:url(../content/img/st_intg_piano_2th.jpg);}
a.slide-ig_piano3 {background:url(../content/img/st_intg_piano_3th.jpg);}
a.slide-ig_piano4 {background:url(../content/img/st_intg_piano_4th.jpg);}
a.slide-ig_piano5 {background:url(../content/img/st_intg_piano_5th.jpg);}
a.slide-ig_piano6 {background:url(../content/img/st_intg_piano_6th.jpg);}
a.slide-ig_piano7 {background:url(../content/img/st_intg_piano_7th.jpg);}
a.slide-ig_pp1 {background:url(../content/img/st_intg_pp_1th.jpg);}
a.slide-ig_pp2 {background:url(../content/img/st_intg_pp_2th.jpg);}
a.slide-ig_pp3 {background:url(../content/img/st_intg_pp_3th.jpg);}
a.slide-ig_pp4 {background:url(../content/img/st_intg_pp_4th.jpg);}
a.slide-ig_pp5 {background:url(../content/img/st_intg_pp_5th.jpg);}
a.slide-ig_pp6 {background:url(../content/img/st_intg_pp_6th.jpg);}
a.slide-flr1 {background:url(../content/img/st_flr_1th.jpg);}
a.slide-flr11 {background:url(../content/img/st_flr_11th.jpg);}
a.slide-flr2 {background:url(../content/img/st_flr_2th.jpg);}
a.slide-flr3 {background:url(../content/img/st_flr_3th.jpg);}
a.slide-flr4 {background:url(../content/img/st_flr_4th.jpg);}
a.slide-typo1 {background:url(../content/img/st_typo_1th.jpg);}
a.slide-typo2 {background:url(../content/img/st_typo_2th.jpg);}
a.slide-typo3 {background:url(../content/img/st_typo_3th.jpg);}
a.slide-typo4 {background:url(../content/img/st_typo_4th.jpg);}
a.slide-typo5 {background:url(../content/img/st_typo_5th.jpg);}

a.slide-natnat1 {background:url(../content/img/st_nat_naturst_1th.jpg);}
a.slide-natnat2 {background:url(../content/img/st_nat_naturst_2th.jpg);}
a.slide-natnat3 {background:url(../content/img/st_nat_naturst_3th.jpg);}
a.slide-natnat4 {background:url(../content/img/st_nat_naturst_4th.jpg);}
a.slide-natnat5 {background:url(../content/img/st_nat_naturst_5th.jpg);}
a.slide-natnat6 {background:url(../content/img/st_nat_naturst_6th.jpg);}
a.slide-natnat7 {background:url(../content/img/st_nat_naturst_7th.jpg);}
a.slide-natnat8 {background:url(../content/img/st_nat_naturst_8th.jpg);}
a.slide-natnat9 {background:url(../content/img/st_nat_naturst_9th.jpg);}
a.slide-natnat10 {background:url(../content/img/st_nat_naturst_10th.jpg);}
a.slide-natnat11 {background:url(../content/img/st_nat_naturst_11th.jpg);}
a.slide-natkomp1 {background:url(../content/img/st_nat_kompl_1th.jpg);}
a.slide-natkomp2 {background:url(../content/img/st_nat_kompl_2th.jpg);}
a.slide-natkomp3 {background:url(../content/img/st_nat_kompl_3th.jpg);}
a.slide-natkomp4 {background:url(../content/img/st_nat_kompl_4th.jpg);}
a.slide-natkomp5 {background:url(../content/img/st_nat_kompl_5th.jpg);}
a.slide-natkomp6 {background:url(../content/img/st_nat_kompl_6th.jpg);}
a.slide-natfoto1 {background:url(../content/img/st_nat_fotos_1th.jpg);}
a.slide-natfoto2 {background:url(../content/img/st_nat_fotos_2th.jpg);}
a.slide-natfoto3 {background:url(../content/img/st_nat_fotos_3th.jpg);}
a.slide-natfoto4 {background:url(../content/img/st_nat_fotos_4th.jpg);}
a.slide-natfoto5 {background:url(../content/img/st_nat_fotos_5th.jpg);}
a.slide-natfoto6 {background:url(../content/img/st_nat_fotos_6th.jpg);}

a.slide-maya1 {background:url(../content/img/st_mm_5_maya_1th.jpg);}
a.slide-maya2 {background:url(../content/img/st_mm_5_maya_2th.jpg);}
a.slide-maya3 {background:url(../content/img/st_mm_5_maya_3th.jpg);}
a.slide-maya4 {background:url(../content/img/st_mm_5_maya_4th.jpg);}
a.slide-maya5 {background:url(../content/img/st_mm_5_maya_5th.jpg);}
a.slide-maya6 {background:url(../content/img/st_mm_5_maya_6th.jpg);}

a.slide-bez4 {background:url(../content/img/st_mm_6_beziehungen04th.jpg);}
a.slide-bez3 {background:url(../content/img/st_mm_6_beziehungen03th.jpg);}
a.slide-bez2 {background:url(../content/img/st_mm_6_beziehungen02th.jpg);}
a.slide-bez1 {background:url(../content/img/st_mm_6_beziehungen01th.jpg);}
a.slide-bez0 {background:url(../content/img/st_mm_6_beziehungen00th.jpg);}

a.slide-typo2_1 {background:url(../content/img/st_typo2_1th.jpg);}
a.slide-typo2_2 {background:url(../content/img/st_typo2_2th.jpg);}
a.slide-typo2_3 {background:url(../content/img/st_typo2_3th.jpg);}
a.slide-typo2_4 {background:url(../content/img/st_typo2_4th.jpg);}
a.slide-typo2_5 {background:url(../content/img/st_typo2_5th.jpg);}
a.slide-typo2_6 {background:url(../content/img/st_typo2_6th.jpg);}

a.slide-zep7 {background:url(../content/img/st_mm_7_zep_foto4th.jpg);}
a.slide-zep6 {background:url(../content/img/st_mm_7_zep_step0th.jpg);}
a.slide-zep5 {background:url(../content/img/st_mm_7_zep_querth.jpg);}
a.slide-zep4 {background:url(../content/img/st_mm_7_zep_foto3th.jpg);}
a.slide-zep3 {background:url(../content/img/st_mm_7_zep_foto2th.jpg);}
a.slide-zep2 {background:url(../content/img/st_mm_7_zep_foto1th.jpg);}
a.slide-zep1 {background:url(../content/img/st_mm_7_zep_foto0th.jpg);}

a.slide-zepstep7 {background:url(../content/img/st_mm_7_zep_step6th.jpg);}
a.slide-zepstep6 {background:url(../content/img/st_mm_7_zep_step5th.jpg);}
a.slide-zepstep5 {background:url(../content/img/st_mm_7_zep_step4th.jpg);}
a.slide-zepstep4 {background:url(../content/img/st_mm_7_zep_step3th.jpg);}
a.slide-zepstep3 {background:url(../content/img/st_mm_7_zep_step2th.jpg);}
a.slide-zepstep2 {background:url(../content/img/st_mm_7_zep_step1th.jpg);}
a.slide-zepstep1 {background:url(../content/img/st_mm_7_zep_step0th.jpg);}