html, body {margin:0; padding:0; height: 100%;}
img {border: none;}
ul, ol {list-style-type: none;}

/*struktur------------------------------------------------------------------------------------*/
body { background: #CB3301 url(images/bg-body-1.jpg) repeat-x; font-size: 100.01%;}

#wrapper {
position:relative; min-height: 100%; 
min-width: 960px; max-width: 1100px; width: 80%;
margin: 3px auto 0 auto;
background-color: #F3F8FC; 
border: 5px solid #A52800;}

#header {
position:relative; 
width: 100%; height: 223px;
background: #fff;}

#sidebar-right  {
float:right; margin: 5px 10px 0 0;
width:300px; 
background-color: transparent;
}

#text {
position: relative;
min-height: 1000px;height: 100%; 
margin: 0 315px 0 0;padding: 20px 0 80px 15px;
background: #fff; 
border-right: 1px dotted #CB3301;}

#inhalt {margin: 0 20px 0 150px;}
.clear {clear:right;}
.clr-left {display:block; clear:left;}


#footer {
clear:right;
border-top:10px solid  #A52800;
height: 6em; background-color: #fff;}





#text .tsmall 	{font-size: 0.7em !important;}
#text .tmiddle 	{font-size: 0.9em !important;}
#text .tbig 		{font-size: 1.2em !important;}


/*header--------------------*/
#header #bottom {
position:absolute; bottom:0; left:0;
width:100%; height: 1.5em;
background: #C0007A url(images/puppenkunsthandwerk-ariane-wegmann.png) no-repeat top right;}








/*sidebar-right --------------*/

#sidebar-right img {float: left; margin-right: 1em;}
div#sidebar-right div#infos {margin-top: 2em;clear:left;}

/*listmenu 0*/
#sidebar-right ul#listmenu0 {text-align:left;margin:10px 0 0 0; padding:0;background-color: transparent; width: 100%;}
#sidebar-right ul#listmenu0 li {
margin:5px 0;
background-color:transparent;}

#sidebar-right ul#listmenu0 a, #sidebar-right ul#listmenu0 a:hover, #sidebar-right ul#listmenu0 span.active {
display:block;
font: bold 1.0em/140% Georgia, serif; color:#27659C;
padding: 0.2em 0 0.2em 0;
margin: 0.7em 0 0.5em 0;
border-bottom: 1px solid #C0D495;
border-top: 1px solid #C0D495;
background: #fff url(images/bg-listmenu-a.png) no-repeat 0.2em 0.2em;
padding-left:30px;
text-decoration: none;}


#sidebar-right ul#listmenu0 span.active, #sidebar-right ul#listmenu0 a:hover {
background: #fff url(images/bg-span-active.png) no-repeat 0.2em 0.2em;
padding-left:30px; color: #CE3400;}



/*#sidebar-right ul#listmenu0 a {
color: #27659C;background:transparent url(images/list-image.gif) no-repeat 0px 0.6em;}
#sidebar-right ul#listmenu0 a:hover {color: #CD3200;background: transparent url(images/list-image-hvr.gif) no-repeat 0px 0.6em;}
#sidebar-right ul#listmenu0 span.active {color:#FF3F01;background:transparent url(images/list-image-hvr.gif) no-repeat 0px 0.6em;
margin-left:2px;}*/




/*listmenu 1*/
#sidebar-right ul#listmenu1 {
text-align:left;list-style:none;margin:0;padding:0;background-color:transparent;}
#sidebar-right ul#listmenu1 li {
background-color:transparent;
margin:1px; padding:0;}

#sidebar-right ul#listmenu1 a, #sidebar-right ul#listmenu1 a:hover, 
#sidebar-right ul#listmenu0 span {
padding:8px 0px 6px 25px;
display:block;text-decoration:none;
font: normal 1.2 Arial, sans-serif;}

#sidebar-right ul#listmenu1 a {
color: #86B02B;background-color:transparent;background-image:none;}

#sidebar-right ul#listmenu1 a:hover {
color: #183E60;background-color:transparent;
background-image:none;}

#sidebar-right ul#listmenu1 span.active {
background-color:transparent;padding:8px 0px 6px 25px;
background-image:none;}

#sidebar-right ul.puppengalerie {margin-bottom: 1em;}
#sidebar-right ul.puppengalerie li {float:left; margin: 8px 2px 8px 2px;}
#sidebar-right ul.puppengalerie li img {border: 1px solid #27659C; width: 30px; height:30px;padding: 2px; background-color: #fff;}


/*#sidebar-right ul#editland li {
margin-left:20px;
list-style-image: url(images/raquo.jpg);}*/


#sidebar-right ul {font: normal 0.8em/12pt Verdana, sans-serif; color:#634942;
list-style-type: none;}


#sidebar-right p {
text-align: left;
font: normal 0.8em/12pt Verdana, sans-serif; color:#135C8C;
margin: 0 0 0.5em 0.2em;
}

#sidebar-right p.rot {
text-align: left;
font: normal 0.8em/12pt Verdana, sans-serif; color:#CE3400;
margin: 0 0 0.5em 0.2em;
}

#sidebar-right a {
text-align: left;
font: normal 1.0em/12pt Verdana, sans-serif; color:#5398D4;
margin-left:0.2em;}

#sidebar-right a:hover {
background-color:#DFECF7; color: #183E60;}

#sidebar-right b{
font-weight: bold;
color: #CD3200;}


#sidebar-right h3 {
font: bold 1.0em/14pt Georgia, serif; color:#CE3400;
padding: 0.2em 0 0.2em 0;
margin: 0.7em 0 0.5em 0;
border-bottom: 1px dotted #CE3400;
border-top: 1px dotted #CE3400;
}

#sidebar-right h3 a {
font: bold 1.0em/14pt Georgia, serif; color:#27659C;
text-decoration: none;}

#sidebar-right h3 a:hover {
font: bold 1.0em/14pt Georgia, serif; color:#183E60;
text-decoration: underline; background-color: transparent;}


/*sidebar-right sitecloud------------------*/
#sidebar-right ul#sitecloud  {margin-top: 1em;}

#sidebar-right ul#sitecloud li {
float:left;
margin: 0.05em 0.1em 0.05em 0.1em;
white-space: nowrap;}

#sidebar-right ul#sitecloud li a {
font: normal 0.7em Verdana, sans-serif; color:#990000;
text-decoration: none;}

#sidebar-right ul#sitecloud li a:hover {
font: normal 0.7em Verdana, sans-serif; color:#990000;
text-decoration: underline;}

/*links---------------------------------------------------------------------------------------*/
/*#top ul li a {font: bold 0.7em Verdana, sans-serif; color: #fff; text-decoration: none;}
#top ul li {float:right;margin-right: 1.0em;}
#top ul {position: absolute; right: 0.3em;}*/

ul#skip {position: fixed; top:60%; left:0;z-index:5;}

ul#skip li {margin-bottom: 0.2em;}

ul#skip li a {
display: block;
background-color: #C0007A; 
padding:0.3em;
color: #fff;
font: bold 0.6em arial, sans-serif;
text-decoration: none;}

ul#skip li a:hover {
background-color: #FF3399; 
text-decoration: underline;}



/*a#home {
text-align:right;
display: block;
position: absolute; top: 0; right:0;
font: normal 2em 'akafrivolity', serif;
color:#CD3200;
text-decoration: none;
z-index:10;}

a#home em {
display:block;
font: normal 0.4em Verdana, sans-serif;
color:#CD3200;
text-decoration: none;
padding-top: -10px;
margin-right:1em;}*/



/*#textinhalt-------------*/
#text { 
font-family: Verdana, sans-serif; 
color:#197AB8;
font-size: 0.9em;
line-height: 160%;}

#text ul, #text ol{margin: 1em 0 1em 1.5em;}
#text ul li, #text ol li {list-style-type: square;}
#text ul li ul li, #text ol li ol li  {font-size: 0.7em;list-style-type: disc;}
#text ol li{list-style-type: decimal;}

/*#text dt {font: bold 0.9em/12pt Verdana, sans-serif; color:#7a7a7a;
list-style-type: square; margin: 1em 0 0.3em 30px;}
#text dd {font: normal 0.9em/12pt Verdana, sans-serif; color:#7a7a7a;
list-style-type: square;margin-left: 30px;}*/
/*ul.themen li a{
font: normal 14px Verdana, sans-serif;color:#666;margin:0 20px 10px 0;}
ul.themen {
margin-left: 30px;
list-style-image: url(images/list_img_c.jpg);}*/

#text p, #text td {font-size: 1.0em/140%;margin: 0 0 1em 0.2em;}

#text a {color:#CE3400;}
#text a:hover {background-color: #f4f4f4;}

#text table.preise td {width: 50%; padding: 4px 0 4px 0; vertical-align: top; text-align:right;}
#text table.preise td.left {width: 320px; padding: 2px 30px 2px 0; vertical-align: top;}
#text table.preise td.right {width: 80px; padding: 2px 0 2px 0; vertical-align: top;}




#text cite {
font: bold 1em/100% Verdana, sans-serif; color:#7a7a7a;margin: 0 0 1em 0.2em;}

#text cite.blau {
font: bold 0.8em/100% Verdana, sans-serif; color:#197AB8;margin: 0 0 1em 0.2em;}
#text cite.big {
font: bold 1.1em/120% Verdana, sans-serif; color:#197AB8;margin: 0 0 1em 0.2em;}

#text cite.blau strong {
font: bold 1.0em/100% Verdana, sans-serif; color:#CE3400;margin: 0 0 1em 0.2em;}

#text cite.rot {
font: bold 0.8em/100% Verdana, sans-serif; color:#CE3400;margin: 0 0 1em 0.2em;}



#text h2 {
font: normal 1.6em Georgia, serif; color:#CE3400;
margin: 1em 0 1em 0;}

#text h2.first {
font: normal 2.1em Georgia, serif; color:#CE3400;
margin: 1em 0 1em 0;}

#text h3 {
font: normal 1.4em Georgia, serif; color:#CE3400;
margin: 2.5em 0 1em 0;}

#text h4 {
font: normal 1.2em Georgia, serif; color:#7a7a7a;
margin: 3em 0 1em 0;}

#text h5 {
font: normal 1.2em Georgia, serif; color:#7a7a7a;
margin: 3em 0 1em 0;}

#text h6 {
font: bold 1.0em Georgia, serif; color:#7a7a7a;
margin: 3em 0 1em 0;}



/*footer-------------------------------------------------------------------------------------*/


#footer p {font: normal 0.9em/12pt Verdana, sans-serif; color:#7a7a7a;margin: 0 0 1em 0.2em;}
#footer a {font: bold 1.0em/12pt Verdana, sans-serif; color:#7a7a7a;}




/*überschriften-------------------------------------------------------------------------------*/




/*#gallery h3 {
font: bold 1.5em/14pt Georgia, serif; color:#CD3200;
margin: 1.5em 0 0.7em 10px;}*/




/*images--------------------------------------------------------------------------------------*/
/*#sidebar-right img.autor {width: 100%; height:37%;}*/

.header-rechts {position:absolute; right: 0px; top:0px;}
.header-links {position:absolute; left: 0px; top:0px;}

.header {width:100%;}

img#puppe {position: absolute; left:0; top: 40px; }





/*x-tra-classes-------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
.clr-lft {clear: left;}
/*.mt3 {padding-top:3em;}*/
    
#text #inhalt img.BildLinks {float: left; margin: 0 10px 5px 0;}
#text #inhalt img.BildRechts {float: right; margin-right: 10px;}
#text #inhalt p.teaser {line-height: 130%;}
#text #inhalt p.ClearLeft {clear: left;}
#text #inhalt p.ClearRight {clear: right;}
#text #inhalt h2.superbig {font-size: 26px; text-decoration: underline;}
#text #inhalt p.blockquote {
font-size: 0.9em; color:#1D4B74;margin: 2em 0 2em 0.2em;
border-top: 1px dotted #1D4B74; border-bottom: 1px dotted #1D4B74;
background: #F3F8FC url(images/bg-blockquote.jpg) top right no-repeat; padding: 12px;
}
/*Autornamen mit F=strong formatieren*/
div#wrapper #text #inhalt p.blockquote strong {display: block;
font-size: 10px; font-weight: bold; color:#CE3400; line-height: 100%; margin-top: 8px;}

#text #inhalt p.rot {#CE3400;}
color: 

/*sitemap---------------------------------------------------------------------------------------------------------*/
#sitemap {margin-top: 2em;}
#sitemap ul li p, ul#sitemap li p {
font: normal 1.0em/12pt Verdana, sans-serif;
color:#7a7a7a;
margin: 0.4em 0 1em 0.2em;}

ul#sitemap {margin-top: 40px;}

#sitemap ul li a, #sitemap li a   {
font: normal 1.1em/12pt Georgia, serif; 
color:#CD3200;
margin: 0 0 1em 0.2em;}

ul#sitemap li {
font: normal 1.0em/12pt Verdana, sans-serif;
color: #7a7a7a;list-style-type: disc; margin-bottom: 1em;
}

ul#sitemap li ul li {
list-style-type: circle;}

ul#sitemap li ul a   {
font: normal 1.0em/12pt Georgia, serif; 
color:#7a7a7a;
margin: 0 0 1em 0.2em;}



input.formelements {width:54%; height:25px;}
#xmailer textarea {width:100%;height:200px;}




