@import url(/css/lightbox.css);
@import url(/css/zufall.css);

/* grundelemente */

html {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

body     {
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}
.bodycontent /* falls hintergrundfarbe des inhalts von der vom body abweicht */ {
	background-color: #fff;
	}
	
#basic {
	background-image: url(/pictures/back_basic.gif);
	background-repeat: repeat-y;
	width: 944px;
}

#basic_start {
	background-image: url(/pictures/back_basic_start.gif);
	background-repeat: repeat-y;
	width: 944px;
        position: relative;
}

#accesskeys {
	top: -150px;
	left: 0px;
	position: absolute
}
	
/*---------------------*/
/*------ Header -------*/
/* --------------------*/

#head {
	background-image: url(/pictures/back_start.jpg);
	background-repeat: no-repeat;
	
}

/* -------- verschiedene Bilder ----------- */

#headdienstleistungen {
	background-image: url(/pictures/back_dienstleistungen.jpg);
	background-repeat: no-repeat;
}

#headoberstufe {
	background-image: url(/pictures/back_oberstufe.jpg);
	background-repeat: no-repeat;
}

#headpraadorf {
	background-image: url(/pictures/back_praadorf.jpg);
	background-repeat: no-repeat;
}

#headprettenhausen {
	background-image: url(/pictures/back_prettenhausen.jpg);
	background-repeat: no-repeat;
}

#headprgunti {
	background-image: url(/pictures/back_prgunti.jpg);
	background-repeat: no-repeat;
}

#headprhaeuslenen {
	background-image: url(/pictures/back_prhaeuslenen.jpg);
	background-repeat: no-repeat;
}

#headprwittenwil {
	background-image: url(/pictures/back_prwittenwil.jpg);
	background-repeat: no-repeat;
}

#headmusikschule {
	background-image: url(/pictures/back_musikschule.jpg);
	background-repeat: no-repeat;
}



/* #navpfad {
	float: right;
	color: #999;
	background-image: url(/pictures/back_navpfad.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	padding-right: 6px;
	padding-top: 14px;
	margin-right: 21px;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
}*/

#navpfad {
	position: absolute;
	color: #999;
	background-image: url(/pictures/back_navpfad.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	padding-right: 6px;
	padding-top: 14px;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
}

* html #navpfad {width: 923px;}

html>body #navpfad {width: 917px;}

/* XXXXXXXXX=======>>> IE Hack f?r margin-right! ----*/


/*---------------------*/
/*---- Navigation -----*/
/* --------------------*/

/*#navi {
	clear: both;
	float: left;
}*/

#navi_parent {
	width: 204px;
	float: left;
}



/*---------------------*/
/*------ Inhalt -------*/
/* --------------------*/

#inhalt {
	margin: 0;
	padding: 0;
	margin-left: 263px;
	width: 630px;
}

#inhalt_start {
	margin:  0;
	padding: 0;
	padding-top: 110px;
	background-image: url(/pictures/startbild_neu.jpg);
	background-repeat: no-repeat;
	}
	

.starttext {
position: absolute;
right: 52px;
top: 109px;
font-size: 1.6em;
font-weight: normal;
color: #009EE0;

}

	
/* HACK - Inhalt Start */	

html>body #inhalt_start {margin-left: 246px;}
* html #inhalt_start {margin-left: 243px;}


#inhalt_topnews {
	width: 470px;
	min-height: 300px;
	margin-left: 168px;
	}


/*---------------------*/
/*------ Footer -------*/
/* --------------------*/

#footer_space {
clear: both;
height: 40px;}

#footer {
	background-image: url(/pictures/back_footer.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	height: 25px;
}

/* ----- copyright --- */

#copyright {
	float: left;
	width: 135px;
	margin: 0;
	padding: 0;
	margin-left: 26px;
	color: #999;
}

#copyright a {
	color: #999;
	text-decoration: none;
}

#copyright a:hover {
	color: #000;
	text-decoration: underline;
}

/* ----- suchbereich -- */

#suchbereich {
	float: right;
	margin: 0;
	padding: 0;
margin-right: 2px;
margin-top: 1px;
}

#suchbereich td {font-size: 11px;color: #fff;}

#suchbereich a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#suchbereich a:hover {
	text-decoration: underline;
}


/* ------gotop ---- */

#gotop {
	margin: 0;
	padding: 0;
	margin-left: 263px;
	width: 200px;
	padding-top: 4px;
}

#gotop a {
	color: #fff;
	text-decoration: none;
}

#gotop a:hover {
	text-decoration: underline;
}

	
	
/* links */	

a:link  {
	color: #009ee0;
	text-decoration: underline;}
a:visited {
	color: #009ee0;
	text-decoration: underline; 
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
a:active {
	color: #009ee0;
	text-decoration: underline;
	}
a img { 
	border: none;
	}
	
p, .normal	{
	color: #000;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	}
h1, .titel	{
	color: #009ee0;
	font-family: Arial, Verdana, san-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #009ee0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	}

h2  {
	font-family: Arial, Verdana, san-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
}

h3, .untertitel  {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	
	}

h4 {
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
margin-bottom: 18px;
	padding: 0;
	
	}

hr {
	color: #000;
	background-color: #000;
	height: 1px;
	border: 0 }
ul  {
	}
ol {
	}
	
table  {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	line-height: 18px;}
table.termine {
	width: 600px;
	}
table.termine td {
	border: 1px solid #adadad !important;
	padding: 2px;
	}
th  {
	font-weight: bold;
	text-align: left;
	}
td  {
  	vertical-align: top;
  	}
img	{
	border: 0;
	}
table p {margin-bottom: 0;}
  	

/* dokumente */

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;
	}


ul.sitemap li {margin: 0; padding: 0; margin-bottom: 0;margin-top: 0;list-style-type: none;}
ul .normal1 {font-weight: bold;}
ul .normal2 {font-weight: normal;}

.rahmen, .rahmen td, .rahmen th {
	border: 1px solid #000;
	border-collapse: collapse;
}

table.list {
	width: 100%;
	}

table.list th {
	padding: 2px 15px 2px 0;
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	}

table.list td {
	padding: 2px 15px 2px 0;
	border-bottom: 1px solid #b7b7b7;
	}
.label_input {
float: left;
width: 100px;
}



/*=zufallsbilder
-----------------------------------------------*/


#imageheader {
float: right;
width: 492px;
height: 91px;
background-color: none;
position: absolute;
right: 52px;
top: 167px;
}

* html #imageheader {
right: 55px;
}

