/* @import "/webresources/stylesheets/sIFR.css"; */


#page
{	
	width: 768px;
	/*background:   url("../pixel/background.gif") repeat-y;*/
	margin: 0;
	margin-left: auto;
	margin-right: auto;	
	position: relative;	
	border: 1px solid black;
} 

#body 
{
	padding-top: 4em;
	padding-right: 1px;
	padding-bottom:2em ;
	padding-left: 1px;
	min-height: 400px;
	background: none;/* Places top cap on the 'page' */
} * html #body {
	/*height: 1%;*/
	height: 400px; /* ?go figure? */
}

#content
{	

	padding-left: 0px;
	min-height: 425px;
	/*background-color: White;
	border: 1px solid yellow;
	z-index:1001;
	background-image:   url("../pixel/background_vertline.gif");
	background-repeat: repeat-y;	
	background-position: 452px;	
	*/
	
} 

#page.blank  {background: url(../pixel/page_higru2.jpg) no-repeat ;	 } /* homepagehigru */
body.home #page.blank #content { 
padding-top: 0; 
border: 0px dotted red;
} /* No padding for the homepage */
body.puppen #page #content, body.figuren #page #content
{ 
padding-top: 105px;
background-color: White;
width:100%;
min-height: 550px;
border: 0px dotted red;
}
body.umsetzung #page #content, body.galerie #page #content 
{ 
padding-top: 105px;
background-color: White;
width:100%;
min-height: 700px;
border: 0px dotted red;
}
/*
body.contact #content, body.about #content { background: none; }  Removes the column divider line 

body.thoughts #content { background-position: 492px; }
*/
img.banner { float: right; margin-bottom: 8px; padding-right: 2px; padding-top: 1px; }

/* Header ------------------------------------------------*/

#header
{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	position: relative;
	z-index:1;
	height: 61px;	
	/*background:   url("../pixel/pagetop.gif") no-repeat bottom left;	*/
	
	/*border: 1px double Fuchsia;*/
	
}

#header h1
{
	background-image: url(../pixel/top_logo_neu.jpg);
	background-repeat: no-repeat;
	margin: 0;
	font-size: 4.1em;
	border: 1px solid black;
}


/* Columns ------------------------------------------------*/

#column-main
{
	float: left;
	width: 295px;
	padding-left: 13px;
	padding-right: 5px;
	margin-bottom: 1em;	
	margin-top: .3em;	
	/*border: 1px dotted #FF4500;
	display: compact;*/
}* html #column-main {
	height: 1%;
}

#column-side
{	
	margin-left: 330px;
	padding: 0 5px 0 0;
	position: relative;
	background-image: url(../pixel/filter.png);
	background-repeat: repeat;
	border: 0px dotted #FFC600;
} 
* html #column-side {
	height: 1%;
}


body.home #column-main
{
	width: 295px;
	margin-top: -10px;	
	padding: 10px 0px 0px 20px;
	border: 0px solid black;
}

body.home #column-side
{
   top: 310px; /* Begrüssungstextfeldpositionierung - Abstand von oben*/
	margin-left: 305px;	
	border-left: 0px solid #362E92;
	padding-left: 25px;
	background: url(../pixel/filter.png) repeat;
	/*border: 1px solid red;*/
}
body.umsetzung #column-main
{
	width: 750px;
	margin-top: -10px;	
	margin-left: 0px;	
	padding: 14px 0px 0px 14px;
	border: 0px solid black;
}
body.puppen #column-main
{
	float: left;
	width: 235px;
	margin-top: 0px;	
	padding: 0px 0px 0px 14px;
	border: 0px solid black;
}

body.puppen #column-side
{
  /* top: 160px; */
	margin-left: 255px;	
	border: 0px solid #362E92;
	padding-left: 7px;
	/*background: url(../pixel/filter.png) repeat;
	border: 1px solid red;*/
}
body.galerie #column-nav
{
	width: 750px;
	margin-top: -10px;	
	margin-left: 0px;	
	padding: 14px 0px 0px 14px;
	border: 0px solid black;
}
body.galerie #column-main
{
	float: left;
	width: 368px;
	margin-top: 5px;	
	padding: 0px 0px 0px 14px;
	border: 0px solid green;
}

body.galerie #column-side
{
   float: none;
	width: 368px;
	margin-left:387px;
	margin-top: 5px;	
	padding: 0px 0px 0px 8px;
	border: 0px solid green;
}
body.galerie #column-one
{
	float: left;
	width: 750px;
	margin-top: 5px;	
	padding: 0px 0px 8px 14px;
	border: 0px solid black;
}

/*
body.about #column-main
{
	float: right;		
	padding: 1.5em 0em 0em 1em;
	margin-right: 40px;
	width: 420px;	
} * html body.about #column-main {
	margin-right: 20px;
}

body.about #column-side
{
	float: none;
	margin: 0;
	margin-left: 0em;
	padding: 1em 0em 0em 0em;	
	position: static; Fix for bug in Firefox? go figure 
}

body.thoughts #column-main
{
	width: 470px;
}

body.thoughts #column-side
{
	margin-left: 500px;
}
*/
/* Footer -------------------------------------------------*/

#footer
{
	/*background:   url("../pixel/pagebottom.gif") no-repeat top center #EDEDED;	
	font-family:  Verdana, Arial, Helvetica, sans-serif;*/
	clear: both;
	position: relative;
	padding-top: 11px;/* zusätzliche Raum oben nach der schwarzen oberen Rahmenlinie vorm Copyright-Text*/
	padding-right: 20px;
	padding-bottom: 0px ;/* zusätzliche Raum unten*/
	padding-left: 15px;
	color: #8F8F8F;
	font-size: 1.1em;	
	height: 25px;
	background-color: #EDEDED;
	border-top: 1px solid black;
}

#footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1em;
	
}

#footer ul li
{
	
	display: inline;
	/*float: left;*/
	background: none;
	padding: 0;
	
}

/* Validation links */
/*
#footer ul.validation
{	
	margin-top: 0px;
	padding: 0px 0px 1px 8px;
	float: right;	
	border-left: 1px solid #D7D7D7;
	font-size: .9em;	
}

#footer ul.validation li a
{
	color: #8F8F8F;
	margin-right: 5px;
	text-transform: uppercase;
	text-decoration: none;
	background-image: none;
	padding: 0;
}
*/
/* Textsize links */

#footer ul.textsize
{
	margin-top: -2px;
	padding: 3px 0px 0px 0px;
	float: right;		
	width: 46px;
}

#footer ul.textsize a
{
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	background-repeat: no-repeat;	
	padding: 0;
	background-position: top;
	border-bottom: none;
}

#footer ul.textsize a.selected
{
	border: 0px solid #CCCCCC;
	margin-top: -1px;
} * html #footer ul.textsize a.selected {	
	margin-top: 0px;
}

#footer ul.textsize a.small
{	
	background-image:   url("../pixel/text_small.gif");
}

#footer ul.textsize a.medium
{	
	background-image:   url("../pixel/text_med.gif");	
}

#footer ul.textsize a.large
{	
	background-image:   url("../pixel/text_lrge.gif");	
}


/* Navigation --------------------------------------------------------*/

#pagenavigation /* This is for non visual user agents */
{
	display: none;
}

#navigation
{
	position: absolute;
	list-style: none;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 768px;
	height:33px;
	background-color: White;
	/*border: 0px solid green;
	z-index:101;
	*/
	
}

#navigation li
{
	background-image: none;
	padding-top:0px;
	padding-right: 22px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

#navigation li a
{
	background-repeat: no-repeat;
	height: 33px;
	display: inline;
	margin-bottom: 0px;
	border: none;
	/*border: 1px solid blue;*/
}
#navigation li a:hover
{
	background-repeat: no-repeat;
/*	background-color: #DB0A71;*/
	
}

#navigation li a.puppen
{
	background-image: url("../pixel/nav_puppen.gif");
	width: 179px;
	float: left;
   margin-left: 8px;
}
#navigation li a:hover.puppen, #navigation li a.puppenhigh
{
	background-image: url("../pixel/nav_puppen_hover.gif");
	width: 179px;
	float: left;
   margin-left: 8px;
}
#navigation li a.figuren
{	
	background-image:   url("../pixel/nav_figuren.gif");
	width: 80px;
	float: left;
}
#navigation li a:hover.figuren, #navigation li a.figurenhigh
{	
	background-image:   url("../pixel/nav_figuren_hover.gif");
	width: 80px;
	float: left;
}
#navigation li a.buehnen
{	
	background-image:   url("../pixel/nav_buehnen.gif");
	width: 76px;
	float: left;
}
#navigation li a:hover.buehnen, #navigation li a.buehnenhigh
{	
	background-image:   url("../pixel/nav_buehnen_hover.gif");
	width: 76px;
	float: left;
}
#navigation li a.ueberuns
{	
	background-image:   url("../pixel/nav_ueberuns.gif");
	width: 88px;
	float: left;
}
#navigation li a:hover.ueberuns, #navigation li a.ueberunshigh
{	
	background-image:   url("../pixel/nav_ueberuns_hover.gif");
	width: 88px;
	float: left;
}
#navigation li a.archiv
{	
	background-image:   url("../pixel/nav_archiv.gif");
	width: 68px;
	float: left;
}
#navigation li a:hover.archiv, #navigation li a.archivhigh
{	
	background-image:   url("../pixel/nav_archiv_hover.gif");
	width: 68px;
	float: left;
}
#navigation li a.links
{	
	background-image:   url("../pixel/nav_links.gif");
	width: 54px;
	float: left;
}
#navigation li a:hover.links, #navigation li a.linkshigh
{	
	background-image:   url("../pixel/nav_links_hover.gif");
	width: 54px;
	float: left;
}
#navigation li a.kontakt
{	
	background-image:   url("../pixel/nav_kontakt.gif");
	width: 84px;
	float: left;
}
#navigation li a:hover.kontakt, #navigation li a.kontakthigh
{	
	background-image:   url("../pixel/nav_kontakt_hover.gif");
	width: 84px;
	float: left;
}

#unternavigation
{
	position: absolute;
	list-style: none;
	top: 33px;
	width: 768px;
	height:107px;
	z-index:1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid red;*/
}
#unternavigation.beratung 
{
	background-image: url(../pixel/picpuppen_beratung.jpg);
}

#umsetzung, #kostueme, #entwuerfe, #links, #marionetten, #dummy, #buehne, #galerie, #konzeption, #guenter, #barbara, #workshop, #gross, #show, #arche, #wachs
{
	position: absolute;
	list-style: none;
	top: 33px;
	width: 768px;
	height:107px;
	z-index:1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#wachs.picum
{
	background-image: url(../pixel/picpuppen_wachs.jpg);
}
#arche.picum
{
	background-image: url(../pixel/picpuppen_arche.jpg);
}
#show.picum
{
	background-image: url(../pixel/picpuppen_show.jpg);
}
#gross.picum
{
	background-image: url(../pixel/picpuppen_gross.jpg);
}
#barbara.picum
{
	background-image: url(../pixel/picpuppen_barbara.jpg);
}
#guenter.picum
{
	background-image: url(../pixel/picpuppen_guenter.jpg);
}
#workshop.picum
{
	background-image: url(../pixel/picpuppen_workshop.jpg);
}
#konzeption.picum
{
	background-image: url(../pixel/picpuppen_konzeption.jpg);
}
#galerie.picum
{
	background-image: url(../pixel/picpuppen_galerie.jpg);
}
#buehne.picum
{
	background-image: url(../pixel/picpuppen_buehne.jpg);
}
#dummy.picum
{
	background-image: url(../pixel/picpuppen_dummy.jpg);
}
#marionetten.picum
{
	background-image: url(../pixel/picpuppen_marionetten.jpg);
}
#umsetzung.picum
{
	background-image: url(../pixel/picpuppen_umsetzung.jpg);
}
#kostueme.picum
{
	background-image: url(../pixel/picpuppen_kostueme.jpg);
}
#entwuerfe.picum
{
	background-image: url(../pixel/picpuppen_entwuerfe.jpg);
}
#links.picum
{
	background-image: url(../pixel/picpuppen_links.jpg);
}
#subnavigation
{
	position: absolute;
	list-style: none;
	top: 74px;
	left: 6px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 768px;
	height:33px;
	/*border: 1px solid yellow;*/
}
#subnavigation li
{
	background-image: none;
	padding-top:0px;
	padding-right:  19px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#subnavigation li a
{
	background-image: none;
	top: 0px;
	height: 33px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	border: 0px solid black;
	/*border: none;
	*/
	
}
#subnavigation li a:hover
{
	background-image: none;
	/*	background-color: #DB0A71;*/
	
}
/* BEREICH PUPPENENTSTEHUNG-------------------------*/
#subnavigation li a.beratung
{
	background-image: url("../pixel/subnav_beratung.gif");
	width: 194px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
#subnavigation li a:hover.beratung, #subnavigation li a.beratunghigh
{
	background-image: url("../pixel/subnav_beratunghigh.gif");
	width: 194px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}

#subnavigation li a.entwuerfe
{
	background-image: url("../pixel/subnav_entwuerfe.gif");
	width: 82px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
#subnavigation li a:hover.entwuerfe, #subnavigation li a.entwuerfehigh
{
	background-image: url("../pixel/subnav_entwuerfehigh.gif");
	width: 82px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.umsetzung
{
	background-image: url("../pixel/subnav_umsetzung.gif");
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.umsetzung, #subnavigation li a.umsetzunghigh
{
	background-image: url("../pixel/subnav_umsetzunghigh.gif");
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.kostueme
{
	background-image: url("../pixel/subnav_kostueme.gif");
	width: 72px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;;
}
#subnavigation li a:hover.kostueme, #subnavigation li a.kostuemehigh
{
	background-image: url("../pixel/subnav_kostuemehigh.gif");
	width: 72px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.galerie
{
	background-image: url("../pixel/subnav_galerie.gif");
	width: 131px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;;
}
#subnavigation li a:hover.galerie, #subnavigation li a.galeriehigh
{
	background-image: url("../pixel/subnav_galeriehigh.gif");
	width: 131px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* BEREICH FIGUREN-------------------------*/
#subnavigation li a.marionetten
{
	background-image: url("../pixel/subnav_figurmarionette.gif");
	width: 106px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
#subnavigation li a:hover.marionetten, #subnavigation li a.marionettenhigh
{
	background-image: url("../pixel/subnav_figurmarionettehigh.gif");
	width: 106px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
#subnavigation li a.gross
{
	background-image: url("../pixel/subnav_figurgross.gif");
	width: 112px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.gross, #subnavigation li a.grosshigh
{
	background-image: url("../pixel/subnav_figurgrosshigh.gif");
	width: 112px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.show
{
	background-image: url("../pixel/subnav_figurshow.gif");
	width: 103px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.show, #subnavigation li a.showhigh
{
	background-image: url("../pixel/subnav_figurshowhigh.gif");
	width: 103px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.wachs
{
	background-image: url("../pixel/subnav_figurwachs.gif");
	width: 115px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.wachs, #subnavigation li a.wachshigh
{
	background-image: url("../pixel/subnav_figurwachshigh.gif");
	width: 115px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.dummies
{
	background-image: url("../pixel/subnav_figurdummies.gif");
	width: 73px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.dummies, #subnavigation li a.dummieshigh
{
	background-image: url("../pixel/subnav_figurdummieshigh.gif");
	width: 73px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.arche
{
	background-image: url("../pixel/subnav_arche.gif");
	width: 108px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.arche, #subnavigation li a.archehigh
{
	background-image: url("../pixel/subnav_archehigh.gif");
	width: 108px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* BEREICH UEBER UNS-------------------------*/
#subnavigation li a.barbara
{
	background-image: url("../pixel/subnav_unsbarbara.gif");
	width: 153px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
#subnavigation li a:hover.barbara, #subnavigation li a.barbarahigh
{
	background-image: url("../pixel/subnav_unsbarbarahigh.gif");
	width: 153px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;
}
#subnavigation li a.guenter
{
	background-image: url("../pixel/subnav_unsguenter.gif");
	width: 144px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.guenter, #subnavigation li a.guenterhigh
{
	background-image: url("../pixel/subnav_unsguenterhigh.gif");
	width: 144px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a.workshop
{
	background-image: url("../pixel/subnav_unswork.gif");
	width: 94px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#subnavigation li a:hover.workshop, #subnavigation li a.workshophigh
{
	background-image: url("../pixel/subnav_unsworkhigh.gif");
	width: 94px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}