@charset "utf-8";

/*	###########################################################
	CSS und HTML: Andreas Schumacher
	http://www.atelier-schumacher.com/
	###########################################################
	Website: kunstanschulen.de
	###########################################################	*/


/*---------------------------Allgemein*/

* {padding:0; margin:0;}
img {border:0px;}
html, body{font-size: 100.01%;	font-family:  Myriad Pro,Trebuchet MS, Arial, Sans-Serif;width:100%;height:100%;text-transform:lowercase;letter-spacing:0em; }
ul, ol {list-style-type:none;}
.invisible {visibility: hidden; margin: 0; padding: 0; line-height: 0; font-size:0em;}



/*---------------------------Links*/

#wrapdiv{position:fixed;}

#navtop ul a:link, #navmiddle ul a:link,#navbottom ul a:link {color:rgb(150,150,150); text-decoration:none;border:none;}
#navtop ul a:visited, #navmiddle ul a:visited,#navbottom ul a:visited {color:rgb(150,150,150);  text-decoration:none;border:none;}
#navtop ul a:hover, #navmiddle ul a:hover,#navbottom ul a:hover {color:rgb(0,0,0);text-decoration:none;border:none;}
#navtop ul a:active, #navmiddle ul a:active,#navbottom ul a:active {color: rgb(0,0,0);text-decoration:none;border:none;}
#navtop ul a:focus, #navmiddle ul a:focus,#navbottom ul a:focus {color: rgb(0,0,0);text-decoration:none;border:none;}

a.class1:link{color:rgb(0,0,0);text-decoration:none;letter-spacing:0em;border:none;}
a.class1:visited{color:rgb(0,0,0);text-decoration:none;letter-spacing:0em;border:none;}
a.class1:hover{color:rgb(150,150,150);text-decoration:none;letter-spacing:0em;border:none;}

a.class2:link {color: rgb(150,150,150); text-decoration:none;border:none;}
a.class2:visited {color: rgb(150,150,150); text-decoration:none;border:none;}
a.class2:hover{color: rgb(0,0,0);text-decoration:none;border:none;}
a.class2:active {color: rgb(20,20,20);text-decoration:none;border:none;}
a.class2:focus {color:rgb(21,41,51); text-decoration:none;border:none;}

a.class3:link{color:rgb(220,220,220);text-decoration:none;border:none;}
a.class3:visited{color:rgb(230,230,230);text-decoration:none;border:none;}
a.class3:hover{color:rgb(0,0,0);text-decoration:none;border:none;}

/* Punkte für die "Bottomnav-Links" */
a.class4:link{background-image:url(../pics-site/botnav-pic2.png);background-repeat:no-repeat;background-position:top;}
a.class4:visited{background-image:url(../pics-site/botnav-pic2.png);}
a.class4:hover{background-image:url(../pics-site/botnav-pic3.png);}

/*---------------------------Head*/

#headerstyle
{
width:300px;
}
#headerstyle h1
{
text-decoration:none;
visibility: visible;
margin: 3em 0 0em 1.5em; 
line-height: 1em;
font-size: 1.3em;
color:rgb(0,0,0);
/*font-family: Lucida Grande, Myriad Pro, Arial, Trebuchet MS, Verdana,Sans-Serif;*/
text-transform:lowercase;
font-weight:lighter;
letter-spacing:0.05em;
}
#headerstyle h1 span
{
margin-left:2.15em;
}

/*---------------------------Navi und Logo*/

#navi
{
float:left;
margin-left:4em;
}
#navtop,#navbottom 
{
margin-top: 1em;
margin-bottom:1em;
}
#navtop ul li,#navbottom ul li 
{
line-height:1.3em; 
color:#272C2F;
font-size:0.8em;
}
.class-navbutton
{
background-image:url(../pics-site/nav-pic3.png);
background-repeat:no-repeat;
background-position:left;
text-indent:10px;
}


/*---------------------------Contentbereich*/


#distance_left
{
margin-left:13em;
}
#content
{
margin: 0 auto;
position: relative;
clear: left;
padding-right:15%;
padding-left:2em;padding-top:5em;
width:660px;
border:0px solid green;
}
.headtext {
font-weight:lighter;
margin-top:1em;
margin-bottom:-0em;
color:rgb(0,0,0);
font-size:1em;
line-height:1.3em;
position:relative;
left:5px;
}
.subheadtext {
text-transform:none;
font-size:0.8em;
color:rgb(150,150,150);
line-height:1.4em;
position:relative;
left:5px;
}
.subheadtext span {
text-transform:none;
color:rgb(80,80,80);
/*display:block;*/
position:relative;
/*top:0.5em;*/
}

.absatz
{
text-transform:none;
font-size:0.8em;
position:relative;
top:1em;
left:5px;
color:rgb(150,150,150);
}


.article-text {
text-transform:none;
font-size:0.8em;
color:rgb(150,150,150);
line-height:1.3em;
margin-top:1em;
position:relative;
left:5px;
}

#breadcrumbs
{
position:relative;
color:rgb(0,0,0);
text-align:right;
padding-bottom:0.4em;
font-size: 0.7em;
margin-top:-1.5em;
}
#articlestyle
{
float:right;
display:block;
position:relative;
width:480px;
height:358px;/*2 Pixel weniger um Rahmen optisch auszugleichen*/
border:1px dotted rgb(200,200,200);
padding-left:180px;
}
#article_left
{
position:relative;
float:left;
height:360px;
width:160px;
margin-left:-180px;
}
#article_right
{
width:480px;
text-align:center;
position:absolute;
}
#article_right img
{
float:right;
}
#bottomnav
{
position:absolute;
left:5px;
top:430px;
font-size: 0.7em;
color:rgb(100,100,100);
font-size:25px;
line-height:15px;
letter-spacing:3px;
}
#bottomnav li 
{
float:left;
}
#bottomnav a 
{
display:block; 
width:15px; 
height:15px;
}
#bottomnav span 
{
display:block; 
width:15px; 
height:15px;
background-image:url(../pics-site/botnav-pic1.png);
background-repeat:no-repeat;
background-position:top;
}
.versatz-hoch-rechts
{
margin:-1px -1px 0 0;
}
.versatz-hoch-links
{
margin:1px  0 0 -1px;
}
.versatz-hoch
{
margin-top:-1px;
}
.versatz-rechts
{
margin-right:-1px;
}