/* www.viennaconservatory.at, layout by Sandra Sherman c 2006 */
/* Zentrierte 2-spaltiges Vorlage mit Header und Footer*/

/* Zentrierung: der body wird über text-align:center zentriert. Container beinhaltet alles 
nachfolgende. Da aber der Container gleichzeit ein Kind Element von body ist (welcher schon zentriert ist),
muss der container jetzt auf text-align: left gesetzt. Ausserdem muss der Container noch auf
margin: 20px auto gesetzt. 
Dies bedeutet , nach oben und unten 20 Aussenabstand, nach rechts und links erzeugt der Wert auto
die Ränder die noch übrig bleiben automatisch.*/


/* Anfang BASIC LAYOUT*/
body 
{
	text-align: center;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
body, html, #top-section, #mid-section, #low-section, #header, #navi, #inhalt, #footer 
{
	margin: 0;
	padding: 0;
}

#extlinks
{
display:none;
position: absolute; top:-1000px; left:-1000px;
}

#container
{
	text-align: left;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	position: relative; left: 0; top: 0;
	padding: 10px;
	border: 1px solid #B3C5C5;
}

#top-section
{
	background-color:#FFFFFF;
	position: relative; left: 0; top: 0;
	margin-bottom: 10px; /* Abstand zu navi und inhalt*/
	border-bottom: 1px solid #b3c5c5;
	border-top: 1px solid #b3c5c5;
}

table.header
{
	width: 900px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

#mid-section /* beinhaltet #navi und #inhalt */

{
	position: relative; left: 0; top: 0;
}

#low-section /* beinhaltet #footer */

{
	position: relative; left: 0; top: 0;
}



/* Es folgt die mid-section. Der längste div (inhalt) wird auf Position:relative gesetzt, damit die 
Spalten der mid-section gleich lang sind, ausserdem richten sich darunterliegende divs (footer) nur
an relativen divs aus.*/
#navi 
{
	position: absolute; left: 0; top: 0;
	width: 200px;
}

#inhalt
{
	position: relative; left: 200px; top: 0px;
	width: 680px;
	padding: 0px 10px 10px 10px ;
	color: #000000;
	background-image: url(bg.jpg);
	background-repeat:no-repeat;
	background-position: 80px 40px;
}

#footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-align: center;
	padding: 5px;
	background-color: #FFFFFF;
	position: relative;
	border-top: 1px solid #b3c5c5;
	border-bottom: 1px solid #b3c5c5;
	border-left: 0px;
	border-right:0px;
	color: #000000;
}

/* ..............................................................................................*/



table
{
width: 679px;
border: 0px;
border-collapse: collapse;
}

td {vertical-align: top;}

td.cleargif  /*Damit der footer nicht über die Links rutscht wenn der Hauptinhalt kürzer
						als die Links ist*/
{
	width: 1px;
	border: 0px;
	margin: 0px; 
	padding: 0px;
}

p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}

.fotos-right
{
float: right;
border: 1px solid #000000;
padding: 3px;
margin-left: 6px;
margin-bottom: 6px;

}

.fotos-left
{
float: left;
border: 1px solid #000000;
padding: 3px;
margin-right: 6px;
margin-bottom: 0px;
margin-top: 6px;
}

.fotos-vva
{
float: left;
border: 0px solid #000000;
padding: 0px;
margin-left: 20px;
}

.fotos
{
border: 1px solid #000000;
padding: 3px;
margin: 6px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	text-align: center;
}




/* LINKS - !Achtung! Reihenfolge einhalten: LoVeHAte. Gilt auch für Klassen.
Also erst alle a: link (auch die Klassen) untereinander, dann alle a:visited (auch die Klassen) etc.*/
a:link
{
	color: #CC0000;
	text-decoration: underline;
}

a:linkcover
{
	color: #000000;
	text-decoration: none;
}

a.mehrinfo
{
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	padding: 10px 0px 0px 0px;
	text-decoration: underline;
	text-align: right;
}

a:visited
{
	color: #CC0000;
	text-decoration: underline;
}


a:hover
{
	color: #94adad;
	text-decoration: underline;
}






h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 10px;
	line-height: 16px;
	color: #b3c5c5;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


h3
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

h3.inline /*Wenn eine normale h3 auf Grund des autom. Zeilenumbruches nicht wünschenswert ist*/
{
	display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

h3.center
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 0px;
	margin: 0px;
}


ul
{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

ul li {list-style-type:square;}

ul li.none {list-style-type: none}




ol
{
	list-style-type: upper-roman;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom:0px;
}


form
{
margin: 5px;
padding: 0px;
}
option
{
background-color: #e3eded;
}
option.alt
{
background-color: #d5e3e3;
}



/* Ende des BASIC LAYOUT*/
/* Es folgen Spezifizierungen*/

td.news
{
width: 310px;
padding: 0px 30px 0px 0px;
border: 0px;
}

td.sonstiges
{
width: 310px;
padding: 0px 0px 0px 30px;
border: 0px;
}

td.news h2, td.sonstiges h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 4px;
	background-color: #b3c5c5;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 0px;
	border-right: 0px;
}

td.news h3, td.sonstiges h3
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 1px 4px;
}



td.news p, td.sonstiges p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	padding: 5px 4px 10px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px dashed #CC0000;
}

/*  STUDIUM  LAYOUT definition lists (Abteilungen)*/

#abteilungen
{
	width: 677px;
	height: 300px;
	border-collapse: collapse;
	border: 1px solid #94adad;
	margin: 0px;
}

#abt-rechts
{
	position: relative; left: 0px; top: 0px; 
	width: 339px;
	padding: 5px 0px;
	float: right;
}


#abt-links
{
	position: relative; left: 0px; top: 0px;
	width: 338px;
	padding: 5px 0px;
	float: left;
}


#abt-rechts dl
{
	padding: 0px 10px; /* Um Box-Modell Hack zu vermeiden left und right padding hier setzen*/
	margin: 4px 0px;
	float: right;
}

#abt-links dl
{
	padding: 0px 10px; /* Um Box-Modell Hack zu vermeiden left und right padding hier setzen*/
	margin: 4px 0px;
	float: left;
}

#abt-rechts dt
{
	letter-spacing: 2px;
	width: 237px;
	float: right;
}

#abt-links dt
{
	letter-spacing: 2px;
	width: 236px;
	float: left;
	text-align: right;
}

#abt-rechts dd
{
	text-align: left;
	margin: 0;
	padding: 0px;
	line-height: 1.3em;
	font-size: 12px;

}

#abt-links dd
{
	text-align: right;
	margin: 0;
	padding: 0px;
	line-height: 1.3em;
	font-size: 12px;

}

#abt-rechts dd.bild img
{
	border: 1px solid #000;
	float: left;
	margin: 0 10px 0 0;
}

#abt-links dd.bild img
{
	border: 1px solid #000;
	float: right;
	margin: 0 0 0 10px;
}




/* .........................................................................................    */





.kleinschrift
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}

.kleincenter
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}

.abt
{
	line-height: 1.7em;
	letter-spacing: 1px;
	text-align: center;
}



/*	 -----------------------------------------------------------------------------	*/	
/* E C H T E     T A B E L L E N  - - -   E C H T E    T A B E L L E N   */

/* TABELLE: STUDIENGEBÜHREN  */

table.preise
{
	width: 677px;
	border: 1px solid #94adad;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 1px;
	margin-right: 0px;
	vertical-align: top;
}

table.preise caption
{
	border: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}


table.preise thead td
{
	font-size: 12px;
	text-align: center;
}


table.preise tfoot td
{
	text-align: center;
}

table.preise th
{
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #b3c5c5;
}

table.preise td
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	border-bottom: 1px solid #b3c5c5;
}

table.preise tbody th, table.preise tbody td
{
	width:85%;
}

table.preise tbody td.ecke
{
	background-image: url(ecke.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 20px;
}

table.preise tbody th.euro, table.preise tbody td.euro
{
	width: 14.99%;
	text-align: right;
	padding-right: 20px;
}

table.preise thead, table.preise tfoot
{
	background-color: #BFD5D5;
}




table.preise tbody tr
{
	background-color: #e3eded;
}


table.preise tbody tr.alt
{
	background-color: #D5E3E3;
}
/* ----------------------------------------------------------   */

/* TABELLE: STUDIENPLÄNE  */

table.plan
{
	width: 679px;
	border: 1px solid #94adad;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 1px;
	margin-right: 0px;
	vertical-align: top;
}

table.plan caption
{
	border: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}

table.plan th.weite1
{
	width: 15.99%;
}

table.plan th.weite2
{
	width: 20%;
}

table.plan th.weite3
{
	width: 29%;
}

table.plan th.weite4
{
	width: 35%;
}

table.plan th
{
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	border-right: 1px solid #b3c5c5;
	text-align: left;
	vertical-align: top
}

table.plan td
{
	font-size: 11px;
	font-weight: normal;
	padding:3px;
	border-right: 1px solid #b3c5c5;
	vertical-align: bottom;
	text-align: center;
}

table.plan tr.head
{
	background-color: #bfd5d5;
}

table.plan tr.elementar
{
	background-color: #F0F7F7;
}

table.plan tr.vor
{
	background-color: #e3eded;
}

table.plan tr.mittel
{
	background-color: #DAE7E7;
}


table.plan tr.haupt
{
	background-color: #d5e3e3;
}

table.plan td.fach
{
	background-color: #EBF1F1;
	text-align: left;
	vertical-align: top;
}

table.plan th.ecke
{
	background-image: url(ecke.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 17px;
}



ul.fach
{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

ul.fach li {list-style-type:square;}

/* ----------------------------------------------------------   */

/* TABELLE: STUDIENPLÄNE  IGP */

table.planigp
{
	width: 679px;
	border: 1px solid #94adad;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 1px;
	margin-right: 0px;
	vertical-align: top;
}

table.planigp caption
{
	border: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}



table.planigp th.weite1
{
	width: 49.99%;
}

table.planigp th.weite2
{
	width: 50%;
}

table.planigp th
{
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	border-right: 1px solid #b3c5c5;
	text-align: left;
	vertical-align: top
}

table.planigp td
{
	font-size: 11px;
	font-weight: normal;
	padding:3px;
	border-right: 1px solid #b3c5c5;
	vertical-align: top;
	text-align: left;
}

table.planigp td.center
{
	text-align: center;
}

table.planigp tr.head
{
	background-color: #bfd5d5;
}


table.planigp tr.haupt
{
	background-color: #d5e3e3;
}

table.planigp td.fach
{
	background-color: #EBF1F1;
	text-align: left;
	border-bottom: 1px solid #b3c5c5;
}


table.planigp tr.alt
{
	background-color: #e3eded;
}
table.planigp th.ecke, table.planigp td.ecke
{
	background-image: url(ecke.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 17px;
}




/* ----------------------------------------------------------   */

/* TABELLE: Dozentenliste */

table.dozenten
{
	width: 677px;
	border: 1px solid #94adad;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 1px;
	margin-right: 0px;
	vertical-align: top;
}

table.dozenten caption
{
	border: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}

table.dozenten thead, table.dozenten tfoot
{
	background-color: #BFD5D5;
}

table.dozenten tbody tr
{
	background-color: #e3eded;
}


table.dozenten tbody tr.alt
{
	background-color: #D5E3E3;
}

table.dozenten thead th
{
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #b3c5c5;
	text-align: left;
}

table.dozenten th
{
	border: 1px solid #b3c5c5;
	padding: 3px;
}

table.dozenten td
{
	border: 1px solid #b3c5c5;
	padding: 3px;
}

table.dozenten thead th.weite1
{
	width: 21%;
}
table.dozenten thead th.weite2
{
	width: 33%;
}
table.dozenten thead th.weite3
{
	width: 31%;
}
table.dozenten thead th.weite4
{
	width: 14.99%;
}

table.dozenten tbody td
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #b3c5c5;
}

table.dozenten tfoot td
{
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	border: 1px solid #b3c5c5;
	text-align: center;
}