/*****************
     *   Application: atelierschule.ch
     *   File Name: style.css
     *   Section: @approot
     *   Creator: Daniel Schmid 
     *   Creation Date: 04/11/2004
     *   Purpose: stylsheet screen
     *   Description: Stylsheet fuer Publicsection "Integrative Mittelschule der Rudolf Steiner Schulen"
     *   Copyright: Daniel Schmid, info@danielschmid.name
	 *   Farben rsz: main #006699; menu #cce0eb; submenu: #f0f6f9; 
     *   Version History & Comments
     *   #1.0 		04.11.2004 	init
	 *
	
****************/

html{margin:0;padding:0;}
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #333;
	background-color:#aaa;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
	
/* ---( links )------------------------------- */
a {text-decoration: none;margin: 0;}
a:link {color: #006699;}
a:visited {color: #006699;}
a:hover {color: #999999;}


/* ---( common elements )------------------------------- */
a,p,h1,h2,td,form,input,body{font-family: Arial, Helvetica, sans-serif;}
p {margin: 0;padding: 0;}

h1 {	
	font-size: 110%;
	font-weight: bold;
	color:#006699;
	padding: 0;
	margin: 0 0 0.75em 0;
	}
h2{	
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0.075em;
	color:#006699;
	padding: 0;
	margin: 0 0 0.25em 0;
	}
.titellink{margin-bottom:0px;}
img {border:0; margin:0; padding:0;}

/* selektoren*/
#pagewidth{ 
 	width:770px; 
 	text-align:left; 
	margin-left:auto; 
 	margin-right:auto; 
	background-color:#ffffff;
  } 
/* header*/
#header{ 
 	height:50px; 
 	width:100%; 
	background-color:#ffffff; 
 	} 
#header .leftheader {float:left; width:481px; height:50px; background:#006699;/*border-top: 1px solid white;border-left: 1px solid white;*/}
#header .leftheadetext{font-size:10px;font-weight: bold;line-height:1.2em;text-align:left;padding:9px 0 0 306px;letter-spacing:1px;color:#000000;}
#header .rightheader  {float:right;width:288px; height:50px; background:#ffffff;}
#header #logo {margin: 28px 0 0 8px;}
#leftcol{
 	width:40px; 
 	float:left; 
 	position:relative; 
 	margin-left:-40px; 
 	border-right:1px #ffffff solid; }
#outer{ 
 	border:solid white 0px; 
  	/*/*/ border-left-width: 40px ;  /* left column width. NN4 hack to hide borders */ 
	border-left-color: #ffffff;   /* left column colour */ 
	border-left-style: solid; 
 	/*/*/ border-right-width: 196px; /* right column width. NN4 hack to hide borders */ 
	border-right-color: #cce0eb;  /* right column colour */ 
	border-right-style: solid; 
 	background-color: #ffffff; /* center column colour */ 
	width: auto; 
 } 
#inner{margin:0;width:100%;}
#outer>#inner { border-bottom: 1px solid #ffffff;}
#maincol{float: left;width: 533px;position: relative;margin: 0 -8px 0 -2px;}
#headpic{border: 1px solid #fff;margin:0px 0px 0px 0px;} /*adjust headpictures*/ 
#pinkbox{background-color: #006699; width:38px; height: 50px;} /*border-left: 1px solid white;*/

#breadcrump{color: #666;font-size: 80%; letter-spacing: 0.1em;text-align: left;padding-bottom:10px;height: 15px;}

#rightcol{
 	/*/*/ width:196px; /* hack keeps NN4 right column right? */ 
 	float:right; 
	position:relative; 
  	margin-right:-196px; 
 	margin-left:1px;  
	width:196px;
	border-top: 1px solid white;} 

#menubar{padding:0; letter-spacing: 0.01em;}
 /*  horizontal navigation */
#nav {
	width: 191px;
	margin: 0  0 0 346px;
	padding: 0;
	list-style: none;
	font-size: 80%;
	height: 29px;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav a {
	float: left;
	padding: 3px 2px 3px 19px;
	text-decoration: none;
	color: #666;
	background: url(../img/arrow.gif) no-repeat 9px 50%;
	font-size: 9px;
	letter-spacing:0.15em;
	}
#nav a:hover, #nav a.active {
	color: #000;
	background-color: #fff;
	}
#nav a.active {
	font-weight: bold;
	color:#000000;
	}
	
/* maincontentarea */
#pagecontent{ margin:0; }
#pagecontent img{padding:0;margin:0}
#pagecontent img.bildlinks {float:left;margin:5px 10px 10px 0;}
#pagecontent img.bildrechts {float:right;margin:5px 0 10px 7px;}

/* spalten im contentbereich*/
#leftcolumn{
	width:230px;
	float: left;
}
#rightcolumn{
	position: relative;
	margin-left: 266px; 
	width: 230px;
	}
 /* foooter */
#footer{
 	height:auto; 
 	width:100%; 
 	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	color: #999999;
	background-color:#ffffff;
} 
#footer a{font-size:x-small;}
#footer #copyright{float:left; text-align:left; padding-left:40px;width:534px;height:50px;background-color:#ffffff;font-size:xx-small;}
#footer #copyright a{color:#999999;font-size:xx-small;}
#footer #bottomlinks{float:right; text-align:left;width:196px;height:50px;background-color:#ffffff;}
#footer #bottomlinks a{margin-left:25px;}

 /* classes */
.clr{clear:both;}
.content{padding: 0px 40px 5px 0;} /*padding for content */
.breadcrump{color: #666;font-size: 80%; letter-spacing: 0.1em;text-align: left;padding-bottom:10px;height: 15px;}
.tblData {border:1px solid #999999;border-bottom:0;padding:0;}
.tblData td{padding: 5px ;border-bottom:1px solid #999999;line-height:14px;}
.tblData ul,li{margin-left: 5px;padding:5px;list-style: outside;}
.linie {border-bottom: 1px solid #999999;}
.zitat{font-family: "Times New Roman", Times, serif;font-size: 1.2em; font-weight: bold;}

/* hacks*/
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
body{background-color:#FFFFFF;padding:10px;}
#leftcol{display:none;} 
#header{display:none;}
#bottomlinks{display:none;}
#copyright{margin:0;padding:0;}
#breadcrump{display:none;}
#nav{display:none;}
#outer{border-left:0;} 
#headpic {display:none;}

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}