
body {
		margin: 0;
padding: 0;      
background-color: #fcfdfc;	
	padding-bottom: 30px;
	  width: 990px;
width: 750px;

}
 
 #center
 {
	position:absolute;
        display:block;
		left: 50%;
		margin-left: -420px;

	top: 30px;
     width: 900px;
	  height: auto;
	    background-image: url('./images/cbg.jpg');
    background-position:right;
 padding-bottom:20px;
 margin-bottom: 30px;
	   	}

 
 #header{
 	position:relative;
	height: 130px;
	left: 0px;
	width: 900px;
	
	background-color: #fcfdfc;
}
 
 
 #dynamic-arts-logo
    {
    	position:relative;
		display:inline-block;
		float:left;
		background-image:url('./images/dynamic-arts-top-logo-red.png');
		width: 175px;
		height: 130px;
		left: -45px;
		top: -20px;
    }
 
 #logotext
    {
 display:inline;
left:80px;
position:absolute;
text-align:right;
top:70px;
width:500px;
   }
 #logotext h2
    {
text-align:right;
   }
   
   
   
 
 #titellogotext
    {
       background-image:url("./images/dynamic-arts-freiburg.png");
display:inline;
height:75px;
left:270px;
position:absolute;
top:20px;
width:310px;
  z-index: 99999;  
   }
 
 
 
 
 #right-header
        {
        	/*background-color:#8EBC01;*/
display:block;
-moz-border-radius:3px 3px 0px 0px;
float:right;
height:130px;
left:670px;
position:absolute;
width:230px;
background-image:url('./images/heartchakre-bg.jpg');
        }
 
 .rightnews
    {
    font-size:8px;
height:120px;
left:8px;

position:relative;
top:10px;
width:130px;
    }
 .rightnews *
 {
 	color:#9f0000;
	font-size: 9px;
	
	
 }
 
 .rightnews h3
 {
    color:#9f0000;
    font-size: 10px;
    padding:0;
	margin: 2px;    
    padding-bottom:5px;
 }
 
 
 
 
 #menu_head
{
position: relative;
top: 0px;
left: 0px;
height:25px;
width: 899px;
padding: 0px;
margin: 0px;
float: left;
display: block;
background-color: #fcfdfc;
z-index: 999;
overflow:hidden;
}
 
 

 #mtbg
    {
        position:absolute;
        display:inline-block;
        top:0;
        left:10px;
        background-image: url('./images/mtbg.png');
        float:left;
        height:1px;
        width:600px;
        z-index: 9999;
    }
 
 #mbbg
    {
        position:absolute;
        display:inline-block;
        bottom:0;
        left:10px;
        background-image: url('./images/mtbg.png');
        float:left;
        height:1px;
        width:600px;
        z-index: 9999;
    }
  
 
 #tlc
    {
    	position:absolute;
		display:inline-block;
		top:0;
		left:0;
		background-image: url('./images/tlc.png');
		float:left;
		height:7px;
		width:7px;
		z-index: 9999;
    }


 #blc
    {
        position:absolute;
        display:inline-block;
        bottom:0;
        left:0;
        background-image: url('./images/blc.png');
        float:left;
        height:7px;
        width:7px;
        z-index: 9999;
    }
 
  #trc
    {
        position:absolute;
        display:inline-block;
        top:0;
        right:0;
        background-image: url('./images/trc.png');
        float:right;
        height:7px;
        width:7px;
        z-index: 9999;
    }


 #brc
    {
        position:absolute;
        display:inline-block;
        bottom:0;
        right:0;
        background-image: url('./images/brc.png');
        float:right;
        height:7px;
        width:7px;
        z-index: 9999;
    }
 
 
 
 
  #left-menu-header
        {
            position:relative;
            display:inline-block;
            left:0;
            width: 15px;
			
            height: 29px;
            background-color:#8ebc01;
            float:left;
        }
 
 
 
 
 
 
 #inhalt
 {
    position: relative;
display:block;
   top: 0px;
     width: 850px;
     
      min-height: 500px;
   /* background-image: url('./images/cbg.jpg');
	background-position:right;
*/
z-index:1;


margin-bottom: 40px;

padding-bottom: 90px;

        }
 
 
 #content-text
    {
    	position:relative;
		top: 20px;
		left: 25px;
		
		display:block;
		float:left;
		width: 550px;
		
	  }


 #content-text p
    {
line-height: 20px;  
font-size: 12px;      
      }
 

 
#content-text a
    {
    color:#a60f0d;
	text-decoration:none;   
	font-weight:bold;     
      }
 

#content-text a:hover
    {
    color:#a60f0d;
    text-decoration:underline;        
      }
 
 
 #rightbar
    {
    	position:absolute;
		-moz-border-radius:3px 3px 3px 3px;
		top: 0px;
		left: 615px;
		width: 190px;
		height:500px;
		border: 0px solid #ffffff;
		padding-top: 30px;
		
		
    }
 
 
 
 
 
 
 
 
 
 
 
 
 
 #menu
{
position: relative;
top: 0px;
left: 0px;
width: 250px;
padding: 0px;
margin: 0px;
float: left;

}






a.menu span 
	{
	display: block;
	height: 25px;
	font-family:  Verdana, sans-serif; 
	
	font-size: 14px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 25px;
	text-indent: 25px;
	color: #58200f;
}

a.menu:link, a.menu:visited
	{
vertical-align: bottom;
	display: block;
	width: 245px;
	height: 25px;
/*	background-image: url(./bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	*/
	font-family:  Verdana, sans-serif; 
	color: #aaa;
	font-size: 12px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 40px;
	line-height: 25px;
	text-align: right;
	}



.menutop
	{
vertical-align: bottom;
	display: block;
	width: 245px;
	height: 35px;
/*	background-image: url(./bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	*/
	font-family:  Verdana, sans-serif; 
	color: #aaa;
	font-size: 16px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 40px;
	line-height: 35px;
	text-align:right;
	}
	
	
a.menutop:hover
	{
vertical-align: bottom;
	display: block;
	width: 245px;
	height: 35px;
/*	background-image: url(./bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 -25px;
	*/
	font-family:  Verdana, sans-serif; 
	color: #58200f;
	font-size: 16px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 40px;
	line-height: 35px;
	text-align:right;
	}

a.menutop_on
	{
vertical-align: bottom;
	display: block;
	width: 245px;
	height: 35px;
/*	background-image: url(./bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 -25px;
	*/
	font-family:  Verdana, sans-serif; 
	color: #58200f;
	font-size: 16px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 40px;
	line-height: 25px;
	text-align:right;
	}


	
	/* top menu end ----------------------------
	 * -----------------------------------------
	 */
	
a.menu:link:hover, a.menu:visited:hover
	{
	display: block;
	width: 245px;
	height: 25px;
	/*background-image: url(./bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 -25px;
	*/
	font-family:  Verdana, sans-serif; 
	color: #58200f;
	font-size: 12px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 0px;
vertical-align: bottom;
text-align:right;
	}
	
	
a.menuon
	{
	display: block;
	width: 245px;
	height: 25px;
	background-image: url(bilder/mbg.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;

line-height: 25px;

	font-family:  Verdana, sans-serif; 
	color: #58200f;
	font-size: 12px; 
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-indent: 40px;
vertical-align: bottom;
text-align:right;

}
/*	a.menuon:before{ content: &ndash;&nbsp; }
*/

 
 #contentleft
 
 {
 position: absolute;
 display: inline;
 left: 0;
 top:0;
 height: 515px;
 width: 625px;
 background-color: #efefef;
   }


 #contentleft_pub
 
 {
 position: absolute;
 display: inline;
 left: 0;
 top:0;
 height: 515px;
 width: 610px;
 background-color: #efefef;
   }


#contentright
  {
 position: absolute;
 display: inline;
 top: 0px;
 left: 625px;
 width: 255px;
	height: 515px;
 border-left: 1px solid #aaa;
 }



.right-bottom
 
 {
 position: absolute;
 display: inline;
 top: 451px;
 left: 600px;
 width: 250px;
 height: 50px;
 border-left: 1px solid #aaa;
 }



#k_link
{
	position: absolute;
	top: 474px;
	left: 0px;
	width: 250px;
	text-align: right;
	border-top: 1px solid #aaa; 
	height: 40px;
	background-color: #560f0d ;
	z-index: 5000;
	
}


.kontaktlink
{
	position: absolute;
	left: 0px;
	width: 240px;
	text-align: right;
	height: 40px;
	z-index: 5000;

}

a.kontaktlink 
{

	font: normal 14px Verdana, sans-serif;
	color: #aaa;
	line-height: 35px;
	text-decoration: none;
	text-align: right;
	text-indent:20px;
	letter-spacing: 1px;
	padding-right: 20px;
	margin-right: 20px;
	}



a.kontaktlink:hover
{

	color: #fff;
}


#kontaktform

{
 position: relative;
 left: 150px;
 top: 100px;
 width: 300px;
 
  background-color: #eeeddd;}


.smalltitle
 {
 display: block;
 left: 20px;
 height: 20px;
 font-family: Verdana, sans-serif; 
font-size: 8px; 
color:#999; 
text-decoration: none;
padding-left: 3px;
  background-color: #eeeddd;
 line-height: 18px;
  }




.contact1
 
 {
 display: block;
 left: 100px;
 width: 190px;
 height: 20px;
 font-family: Verdana, sans-serif; 
font-size:12px; 
color:#555; 
text-decoration: none;
padding-left: 3px;
margin-bottom: 30px;
  background-color: #eeeddd;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
    border-top: 1px solid #aaaaaa;
	  border-right: 1px solid #aaaaaa;  
  }


.contact1:focus
 
 {
 display: block;
 left: 100px;
 width: 190px;
 height: 20px;
 font-family: Verdana, sans-serif; 
font-size:12px; 
color:#333333; 
text-decoration: none;
padding-left: 3px;
  background-color: #fefefe;}


.contacttext
 
 {
 display: block;
 left: 100px;
 width: 290px;
 height: 80px;
 font-family: Verdana, sans-serif; 
font-size:12px; 
color:#999999; 
text-decoration: none;
padding-left: 3px;
margin-bottom: 30px;
  background-color: #eeeddd;
    border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
    border-top: 1px solid #aaaaaa;
	  border-right: 1px solid #aaaaaa;  
  
  }


.contacttext:focus
 
 {
 display: block;
 left: 100px;
 width: 290px;
 height: 80px;
 font-family: Verdana, sans-serif; 
font-size:12px; 
color:#333333; 
text-decoration: none;
padding-left: 3px;
  background-color: #fefefe;}


h1

{
 font-family: Fontin, Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-style: normal;

letter-spacing: 1px;
	font-weight: normal;
font-size:20px; 
color:#58200f; 
text-decoration: none;
text-align: right;
padding-left: 0;
  }
  

h2

{
 font-family: Fontin, Verdana, sans-serif; 
 font-style: normal;

letter-spacing: 1px;

font-size:12px; 
color:#58200f; 
text-decoration: none;
text-align: left;
padding-left: 3px;
margin-right: 20px;
text-indent: 45px;
  }
  
h3

{
 font-family: Fontin, Verdana, sans-serif; 
 font-style: normal;

letter-spacing: 1px;

font-size:12px; 
color:#58200f; 
text-decoration: none;
text-align: left;
text-indent: 25px;
padding-left: 3px;
margin-right: 20px;
  }
  

h4

{
 font-family: Fontin, Verdana, sans-serif; 
 font-style: normal;

letter-spacing: 1px;

font-size:10px; 
color:#58200f; 
text-decoration: none;
text-align: left;
text-indent: 5px;
padding-left: 3px;
margin-right: 0px;
  }


h6

{
 font-family: Fontin, Verdana, sans-serif; 
 font-style: normal;

letter-spacing: 1px;

font-size:12px; 
color:#58200f; 
text-decoration: none;
text-align: left;
text-indent: 5px;
padding-left: 3px;
margin-right: 0px;
  font-weight:bolder;
 
  }
 
  h6:before { content:"\2022" ""; }
  
  /* ------ Bild - Link - Container ausblenden      ------- */
 
 #pictures {display: none;}
 
 
 #liImg
 	{
 		position: relative;
		top: 70px;
		left: 150px;
		background-image: url('../pictures/island/gallery.jpg');		
		width: 398px;
		height: 250px;
		background-repeat:no-repeat;
		border: 1px solid #aaa;
 		padding: 1px;
		margin: 1px;
	}
 
 
a.small_link
{

	font: normal 9px Verdana, sans-serif;
	color: #560f0d;
	line-height: 15px;
	text-decoration: none;
	text-align: right;
	text-indent:20px;
	letter-spacing: 1px;
	padding-right: 20px;
	margin-right: 20px;
	}



a.small_link:hover
{

	color: #622211;
	text-decoration:underline;
} 


.foot
{
	font: normal 8px Verdana, sans-serif;
	color: #fefefe;
	line-height: 12px;
	text-decoration: none;
	text-align: left;
	text-indent:50px;
	letter-spacing: 1px;
	padding-left: 50px;


}

.footer
{
	position: absolute;
	z-index: 10;
	width: 625px;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #560f0d;
	color: #fff;

	overflow: hidden;
}





h3.toggler {
    cursor: pointer;
    border: 1px solid #f5f5f5;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    font-family: 'Andale Mono', sans-serif;
    font-size: 12px;
    background: #D2E0E6;
    color: #528CE0;
    margin: 0 0 4px 0;
    padding: 3px 5px 1px;
}

div.element p, div.element h4 {
    margin:0px;
    padding:4px;
}

blockquote {
    padding:5px 20px;
}


#sidegallery  .imageElement
    {
        display:block;
        
        
    }

