@import url(lightbox.css);

/* grundelemente
------------------------------------------
------------------------------------------*/

body {
font-family:Arial, Verdana, Sans-Serif;
font-size:12px;
line-height:18px;
background-color:#dedede;
background-image:url("/pictures/bg_body.jpg");
background-repeat:repeat-x;
margin: 0px 0px 12px 0px;
padding:0;
text-align: center;
}

.bodycontent {
background:none;
background-image:none;
margin:2px 2px 5px;
text-align: left;
}

#main {
width:974px;
background-image:url(/pictures/bg_main.gif);
background-repeat:repeat-y;
margin:auto;
padding:0;
text-align: left;
border-left: 1px solid #A2A2A2;
}

/* typo
------------------------------------------
------------------------------------------*/

h1 {
color:#000;
font-size:18px;
font-weight:700;
border-bottom:1px solid #40a536;
}

h2 {
color:#40a536;
font-size:13px;
margin-bottom:3px;
font-weight:700;
}

h3,h4 {
color:#000;
font-size:12px;
margin-bottom:3px;
font-weight:700;
}
p {
font-family:Arial, Verdana, Sans-Serif;
font-size:12px;
line-height:18px;
}

td, table{
font-family:Arial, Verdana, Sans-Serif;
font-size:12px;
line-height:18px;}

hr {
color:#5C5C5C;
background-color:#5C5C5C;
height:1px;
border:0;
}

ul {
list-style-type:square;
margin-top:0;
}

address {
font-size:11px;
font-style:normal;
text-align:left;
padding-left:15px;
}

a {
color:#40a536;
text-decoration:underline;
}

a:hover {
color:#5C5C5C;
text-decoration:underline;
}

table {
font-size: 12px;
border-collapse:collapse;
border-spacing:0;
margin:0.1em 0 0.4em;
padding:0;
}

th {
font-weight:700;
text-align:left;
}

td {
vertical-align:top;
}

input.formfield {
width:100px;
color:#2f7129;
font:0.8em Arial, Verdana, Sans-Serif;
font-weight:700;
height:17px;
border:1px solid #2f7129;
vertical-align:top;
margin:0 4px 0 0;
padding:2px 1px 1px 3px;
}

input.formfield:focus,input.formfield:hover,input.formsubmit:hover,input.formsubmit:focus {
color:#333;
border:solid 1px #555;
}

.invis {display:none;}
.break {clear: both;}
img, a img {border:none;}
.right {float:right}


/* header
------------------------------------------
------------------------------------------*/

#head {
width:974px;
height:111px;
background-image:url(/pictures/bg_head.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#head_foerster {
width:974px;
height:111px;
background-image:url(/pictures/bg_head_2.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#head .logo_bettwil {
float:left;
margin:7px 0 0 20px;
}

#head .logo_schule {
float:left;
margin:4px 0 0 60px;
}

#head_foerster .logo_foerster {
float:left;
margin:1px 0 0 63px;
}

#head_inner {
float:right;
width:974px;
height:111px;
background-position:right;
background-repeat:no-repeat;
}

.summer {
background-image:url(/pictures/pic_top_summer.jpg);
margin-top:3px;
}
.winter {
background-image:url(/pictures/pic_top_winter.jpg);
margin-top:3px;
}
.herbst {
background-image:url(/pictures/pic_top_herbst.jpg);
margin-top:3px;
}
.fruehling {
background-image:url(/pictures/pic_top_fruehling.jpg);
margin-top:3px;
}
.schule {
background-image:url(/pictures/pic_top_schule.jpg);
margin-top:3px;
}
.foerster {
background-image:url(/pictures/pic_top_foerster.jpg);
margin-top:3px;
}

#suchnav {
margin: 13px 0px 0px 420px;
/*
position:absolute;
top:15px;
left:420px;*/
}

/* navi
------------------------------------------
------------------------------------------*/

#navi {
margin-top:20px;
width:173px;
float:left;
}

/* rechts
------------------------------------------
------------------------------------------*/

#rechts {
float:right;
width:148px;
margin:20px 0 0;
padding:0 15px 0 0;
}

#rechts ul {
list-style-type:none;
position:relative;
width:148px;
margin:0;
padding:0;
}

#rechts ul li {
position:relative;
margin:0;
padding:0;
}

#rechts ul li a {
height:18px;
font-weight:700;
line-height:18px;
border-bottom:1px solid #D4D5D5;
display:block;
text-decoration:none;
color:#000;
margin:0 0 0 1px;
padding:1px 0 1px 20px;
}

#rechts ul li a:hover {
background-color:#e5e5e5;
}

#rechts img {
margin: 25px 0px 0px 15px;
}

/* content, nav-bottom, footer
------------------------------------------
------------------------------------------*/

#content {
width:580px;
height:auto;
min-height:290px;
margin:20px 0 20px 205px;
}

#nav-bottom {
height:auto;
width:200px;
font-size:11px;
line-height:15px;
margin:0 0 10px 202px;
padding:0;
}

#nav-bottom ul {
border-left:1px solid #b9b9b9;
list-style-type:none;
margin:0;
padding:0 0 0 6px;
}

#nav-bottom a,#footer a {
color:#000;
}

#nav-bottom a:hover,#footer a:hover {
color:#4e4e4e;
}

#footer {
background-image:url(/pictures/bg_footer.gif);
background-repeat:repeat-x;
height:20px;
width:959px;
border-bottom:1px solid #a2a2a2;
margin:0;
padding:0;
}

/* suchresultate-styles
------------------------------------------
------------------------------------------*/

#resultfullsearch fieldset {
	border: 1px solid #CFCFCF;
	padding: 8px;
}

#resultfullsearch fieldset legend {
	border-bottom: 1px solid #CFCFCF;
	border-left: 3px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	background-color: white;
	padding: 3px 5px 4px 5px;
	margin-top: 7px;
}

fieldset.options { 
	padding-left: 15px; 
	margin: 4px; 
	background-color: #fbfbfb
}

fieldset.options label {width: auto;}
fieldset.options form {border: none;}

div.pages fieldset { 
	padding-left: 15px; 
	margin: 4px; 
	background-color: #fbfbfb 
}

div.pages a.document {padding: 0;}

div.docs fieldset {  
	padding-left: 15px; 
	margin: 4px; 
	background-color: #fbfbfb }

/* dokumente-styles
------------------------------------------
------------------------------------------*/

a.pdf  {
	background-image: url("/icons/module/Dokument3_0/icon_pdf_klein.gif");
	}
a.doc, a.rtf  {
	background-image: url("/icons/module/Dokument3_0/icon_word_klein.gif");
	}
a.xls  {
	background-image: url("/icons/module/Dokument3_0/icon_excel_klein.gif");
	}
a.pps  {
	background-image: url("/icons/module/Dokument3_0/icon_powerpoint_klein.gif");
	}
a.zip  {
	background-image: url("/icons/module/Dokument3_0/icon_zip_klein.gif");
	}

 a.document {
	background-position: 0 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}