/* ---------------------
basic layout
--------------------- */

html,
body {
	margin : 0;
	padding : 0;
}

body {
	width : 100%;
	font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 75%;
	background : #E5E5E5;
	color : #000000;
	text-align : center; /*centered in IE*/
}

table {
	table-layout : fixed; /*necessary to set table properties in the css*/
}

table,
th,
tr,
td,
a,
form,
img {
	margin : 0;
	padding : 0;
}

p {
  text-align : left;
  margin : 1em 1em;
}

p1 {		/*used in index.php*/
  text-align : right;
  margin : 1em 2em;
}

a img {
	border : none; /*linked images without bleu border*/
}

h1,
h2,
h3,
h4,
h5,
h6 { /*titles*/
	color : #C00800;
	margin : 0;
	padding : 0;
}

h1 {font-size : 2em;}
h2 {font-size : 2em;}
h3 {font-size : 1.6em;}
h4 {font-size : 1.3em;}
h5 {font-size : 1em;}
h6 {font-size : 0.7em;}

ol, ul { /*used in touker.php*/
	text-align : left;
	margin : 0.5em 0.5em 0.5em 1em;
	padding : 0;
}

ol li { /*used in touker.php*/
	margin-left : 2em;
	padding : 0;
}

ul li { /*used in touker.php*/
	margin-left : 1.5em;
	padding : 0;
}

/* ---------------------
template layout
--------------------- */

.clearall {
  clear : both;
}

#page {
  width : 80em;
  margin : 0 auto;
  text-align : center;
}

#container {
	vertical-align : top;
}

#header,
#header img {
	width : 63em;
}

#content {
	width : 63em;
	text-align : left;
}

#leftcol {
	width : 27%;
	vertical-align : top;
}

.leftmenu {
	text-align : left;
	width : 96%;
	margin-bottom : 0.5em;
	margin-left : -2px;
}

a.leftmenulink0,
a.leftmenulink1,
a.leftmenulink2,
a.leftmenulink3,
a.leftmenulink4,
a.leftmenulink5,
a.leftmenulinkreiser {
	text-align : left;
	font-size : 100%;
	text-decoration : none;
	color : #C00800;
	border-right : 1px solid #C0C0C0;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #F5F5F5;
	display : block;
	width : 88%;
}

a.leftmenulink0 {
	border-left : 2px solid #000000;
	padding : 0.1em 0.7em;
}

a.leftmenulink1 {
	border-left : 2px solid #0B007D;
	padding : 0.1em 0.7em;
}

a.leftmenulink2 {
	border-left : 2px solid #0B7D00;
	padding : 0.1em 0.7em;
}

a.leftmenulink3 {
	border-left : 2px solid #00E030;
	padding : 0.1em 0.7em;
}

a.leftmenulink4 {
	border-left : 2px solid #DD9900;
	padding : 0.1em 0.7em;
}

a.leftmenulink5 {
	border-left : 2px solid #9B203D;
	padding : 0.1em 0.7em;
}

a.leftmenulinkreiser {
	border-left : 2px solid #000000;
	padding : 0.8em 0.7em;
}

a.leftmenulink0:hover,
a.leftmenulink1:hover,
a.leftmenulink2:hover,
a.leftmenulink3:hover,
a.leftmenulink4:hover,
a.leftmenulink5:hover,
a.leftmenulinkreiser:hover { /*left menu mouse over links*/
	background : #D0D0D0;
}
/*
a.leftmenulink4b {
	border-left : 2px solid #DD9900;
	padding : 0.1em 0.7em;
}
a.leftmenulink4b:hover {
	background : #D0B0A0;
}
a.leftmenulink4b {
	background : #E5C5B5;
}
*/
.leftmenutitle {
	text-align : left;
	font-size : 120%;
	font-weight : bold;
	padding : 0.1em 0.8em;
	color : #900000;
	display : block;
}

#search_field {
	width : 70%;
}

.button {
	width : 3.3em;
}


.button_long {
	width : 8.3em;
}

#centercol {
	width : 73%;
	vertical-align : top;
}

#topmenu {
	width : 100%;
	text-align : center;
	margin : 0.5em 0;
}

#topmenu img:hover,
#topmenu a:hover { /*top menu mouse over links*/
	background : #B0B0B0;
}

#topmenu img {
	border-right : 2px solid #C0C0C0;
	border-bottom : 2px solid #C0C0C0;
	border-left : 2px solid #F5F5F5;
	border-top : 2px solid #F5F5F5;
	width : 13.2em;
	height : 2.1em;
	padding : 0.25em 0.5em;
}

.topmenu_caption {
	color : #121C46;
	font-weight : bold;
	font-family : "Comic Sans MS", cursive;
	font-size : 100%;
}

.mainarea,
.mainarea_homepage {
	width : 100%;
	text-align : center;
	padding : 0.5em;
	margin : 0;
  /* border-top : 2px #666666 solid; */
}

.mainarea_homepage p {
  font-size : 115%;
/*font-weight : bold;*/  
  text-align : center;
  margin : 0;
  padding : 0;
}

.mainarea_homepage li {
  margin : 0.6em 0;
  list-style-type : none;
  text-align : center;
  font-size : 130%;
  font-weight : bold;
}

#footer {
	width : 62.7em;
	text-align : center;
	border : 1px solid #C0C0C0;
	background : #F5F5F5;
	margin : 0.3em 0 0 0;
}

#footer td {
	font-size : 80%;
}

#ads {
	width : 16em;
	text-align : right;
	margin-left : 0.5em;
	vertical-align : top;
}

.small { /*small text, can be used everywhere*/
	font-size : 70%;
}

.redtext {
  color : #C00800;
}

.centered {
  text-align : center;
}

.zone1 { /*ads zone 1, 180x180*/
	width : 15em;
	height : 15em;
}

.zone2 { /*ads zone 2, 180x180*/
	width : 15em;
	height : 15em;
}

.zone3 { /*ads zone 3, 180x240*/
	width : 15em;
	height : 20em;
}

.adsense { /*google adsense*/
  width : 15em;
  height : 12.5em;
  overflow : hidden;
  text-align : right;
  margin-left : 0.5em;
}

.laer_img { /*cell with teacher's image, in laerere.php, skolen.php, touker.php*/
	width : 40%;
}

.laer_img img,
#federica_img { /*teacher's image, in laerere.php, skolen.php, touker.php*/
  height : 16.6em;
}

#tartaglione_img {
  height : 11em;
}

.infoskolen { /*table in kontakt.php*/
	text-align : left;
}

.icon_img { /*cell with icons in kontakt.php*/
	width : 4em;
	text-align : center;
}

.icon_img img { /*icons in kontakt.php*/
  width : 1.5em;
}

.timeplan,
.timeplan_2 { /*2 table types in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	border-collapse : separate;
	border : 1px #AAAAAA solid;
	text-align : center;
	width : 100%;
}

.timeplan { /*table (grunnleggende and viderekomne) in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	background : #FFD030;
}

.timeplan_2 { /*table (videregående) in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	background : #FFF077;
}

.timeplan td,
.timeplan_2 td { /*table cell in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	border : 1px #AAAAAA solid;
}

.head1 { /*table header in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	font-weight : bold;
	background : #AADD50;	
}

.head2 { /*table header in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	font-weight : bold;
	background : #FFA030;	
}

.timeplan .verde,
.timeplan_2 .verde {
	background : #AADD50;	
}

.col1 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 13%;
}

.col2 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 9%;
}

.col3 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 18%;
}

.col4 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 19%;
}

.col5 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 18%;
}

.col6 { /*table coloumn in timeplan.php, matkurs.php, kurs_asa.php, timeplan_2007_2.php*/
	width : 23%;
}

#kurs_table { /*table in helgekurs.php, kulturkurs.php, vinkurs.php*/
	border-collapse : separate;
	border : 1px #AAAAAA solid;
	background : #FFF077;
	text-align : center;
	width : 50%;
	margin : 0 auto;
}

#kurs_table_2_kolonner { /*table in vinkurs.php*/
	border-collapse : separate;
	border : 1px #AAAAAA solid;
	background : #FFF077;
	text-align : center;
	width : 75%;
	margin : 0 auto;
}

#kurs_table td { /*table cell in helgekurs.php, kulturkurs.php, vinkurs.php*/
	border : 1px #AAAAAA solid;
	padding : 0.5em;
}

#kurs_table_2_kolonner td { /*table cell in  vinkurs.php*/
	border : 1px #AAAAAA solid;
	padding : 0.5em;
}



#kurs_beskr { width : 100%; } /*table in kurs_asa.php, vinkurs.php*/

#kurs_beskr_text { width : 60%; } /*table coloumn in kurs_asa.php, vinkurs.php*/

#kurs_beskr_img { width : 40%; } /*table coloumn in kurs_asa.php, vinkurs.php*/

#kurs_beskr_img img { height : 16.6em; } /*teacher's image in kurs_asa.php, vinkurs.php*/

#mammaperm_img { /*picture of Teresa and Aurora*/
  width : 36em;
  text-align : center;
}

.kursoversikt_img { /*2 images in kurs_oslo.php*/
  width : 34em;
}

.asker_img { /* image in kurs_asker.php*/
  width : 15em;
}

.city_img { /*5 images in kurs_italia.php*/
  height : 10.5em;
}

#satellitt_img { /*image in kurs_italia.php*/
  height : 40em;
}

.helge_img { /*image in helgesamlinger.php*/
  width : 17em;
}

#duesett_img, /*image "Storie di uomini" in touker.php*/
#matkurs_img, /*image in matkurs.php*/
#gallonero_img { /*image in vinkurs_2008_1.php*/
  width : 40em;
}

#selvstudie_img, /*image in kurs_hjemme.php*/
#praktisk_collage_img, /*image in praktisk_hjelp.php*/
#helgekurs_img, /*image in helgekurs.php*/
#caffeponte_img, /*image in caffe_ponte.php*/
#helgesamling_img { /*image in helgesamlinger.php*/
  width : 25em;
}

#sicilia_img { /*image in vinkurs_2008_2.php*/
  height : 15em;
}

#veneto_img { /*vinkurs.php*/
  width : 38em;
}

#marsala_img, /*image in vinkurs_2008_2.php*/
#custoza_img { /*vinkurs.php*/
  float : left;
  padding-left : 2em;
  padding-right : 2em;
}
#marsala_img {
  height : 24em;
}
#custoza_img {
  height : 30em;
}

#campania_img, /*image in vinkurs_2007_3.php*/
#praktisk_carla_img { /*image in praktisk_hjelp.php*/
  width : 20em;
}

#vinobianco_img { /*image in vinkurs_2007_3.php*/
  height : 16.6em;
}

#romagna_img { /*image in vinkurs_2008_4.php*/
  height : 20em;
}

#tipsenvenn_table, /*tipsenvenn.php*/
#paameld_table { /*paamelding.php, kontakt.php*/
  width : 95%;
  text-align : left;
  margin : 1em auto;
}

#tipsenvenn_table td, /*tipsenvenn.php*/
#paameld_table td { /*paamelding.php, kontakt.php*/
  padding : 0.2em 0;
}

.tipsenvenn_input, /*tipsenvenn.php*/
.paameld_input { /*paamelding.php, kontakt.php*/
  width : 90%;
}

.paameld_select { /*paamelding.php, kontakt.php*/
  width : 20%;
}

.req { /*tipsenvenn.php, paamelding.php, kontakt.php*/
  color : #C00800;
}

.amalfiravello { /*helgekurs.php*/
  width : 100%;
  text-align : center;
}

.amalfiravello td { /*helgekurs.php*/
  width : 50%;
}

.amalfiravello img { /*helgekurs.php*/
  width : 18em;
}

.helg_laer_img { /*helgekurs.php*/
  width : 100%;
}

.helg_laer_img td { /*helgekurs.php*/
  width : auto;
}

.helg_laer_img img { /*helgekurs.php*/
  height : 13em;
}

.bok_img { /*nybegynnerkurs.php, bokene.php*/
  height : 20em;
}

.gallery_thumb { /*gallery.php*/
  height : 7em;
  padding : 0.5em;
}


.forside_text {
  width : 26em;
/*  height : 21em; */
  float : left;
}

.forside_text_smal {
  width : 18em;
/*  height : 21em; */
  float : left;
}

.nybegynner_text {
  width : 30em;
  float : left;
}

.vinkurs_text {
  width : 25em;
  float : left;
}

.vinkurs_img {
  width : 12.5em;
  float;
}

.vinkurs_grande_img {
  width : 18em;
  float;
}

.litteraturkurs_img {
  width : 15.5em;
  float;
}

.forside_img {
  width : 12.5em;
  float;
}

.nybegynner_img {
  width : 13.5em;
  float;
}

.forside_img_lite {
  height : 9em;
  float;
}

.nybeg_text {
  width : 24em;
  float : right;
}

.nybeg_img {
  width : 16em;
  float : left;
}

.nybeg2_img {
  width : 10em;
  float;
}

/*ITALIAREISER*/

.per_text {
  width : 26em;
  height : 20em;
  padding : 2em 0;
  float : right;
}

.per_img {
  width : 19.5em;
  padding : 2em 0;
  float : left;
}

.ferie_text {
  width : 26em;
  height : 21em;
  float : left;
}

.ferie_img {
  width : 19.5em;
  float : right;
}

#betingelser_img {
  float : left;
  padding-right : 1.5em;
}
.blackborder {
  border : 1px solid #C00800;
}



/* John S. preso da italiareiser2 */

.width264 {
  width : 22em;
  padding : 2em 0 1em 0;
}

.width540 {
  width : 45em;
  padding : 2em 0 1em 0;
}

.left {
  float : left;
}

.right {
  float : right;
}


/* John S. usato in matogvinitalia - tabella con 13 colonne  */


.colfirst { /*first table column in matogvinitalia.php*/
	width : 8.8%;
	text-align : left;
}

.colrest { /*non-first table columns in matogvinitalia.php*/
	width : 7.6%;
}