/*css for www.wernerzellien.com*/
/*Written by Peder Sverdrup, psverdrup(replace with at)yahoo(replace with dot)com*/

body{
	text-align: center;	/* IE6 centering */
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}


#wrap {
	margin: 0 auto;		/* centering i firefox */
	min-width: 780px;
	max-width: 900px;
	width: auto !important;	/* not read by IE6 and not by firefox when min-w and max-w is set. So is for other browsers */
	width: 900px;		/* IE6 width. This is read by IE6, not by other browsers (because of !important). */
	text-align: left;	/* needed because of IE6 centering */
}

#header { 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;	/*IE6 centering of menu. and also centering of text in each td.*/
}

#mainmenu{
	width:680px;
	table-layout: fixed;		/*fixed faster than automatic. hor layout depends only on tables width, not content*/
	margin: 0 auto;			/* centering of menu in firefox */
	font-weight: bold;
}

#mainmenu tr{
}

#mainmenu tr .nm, #mainmenu tr .vw, .ita{	/* nm =  nameofwork ita=italic */
	font-style: italic;
}

#mainmenu tr .vw{			/* vw =  Villa Wannsee, so this style for Villa Wannsee-work heading */
	width:180px;
	white-space:nowrap;
}

.hom, .aw, .exhb, .comm, .cont{			/* exhb =  Exhibitions, so this style for Exhibitions-work heading */
}


/*used for all links, also the area-links for Tyssedal, Glomfjord I and Glomfjord II - border-color is relelvant*/
/*link before visited*/
a:link {
	color: #000000;
	border-color: #000000;
	text-decoration: none;
}

/*linken after visited*/
a:visited {
	color: #000000;
	border-color: #000000;
	text-decoration: none;
}

/*when keeping the cursor above the link before clicking*/
a:hover {
	color: #999999;
	border-color: #999999;
	text-decoration: none;
}

/*when tabbing through links from the keyboard, and the link is in focus*/
a:focus {
	color: #999999;
	border-color: #999999;
	text-decoration: none;
}

/*when clicking (and the mouse button is down) */
a:active {
	color: #000000;
	border-color: #000000;
	text-decoration: none;
}

#content, #contentfreeheight, #contentthin, #contentthinfreeheight, #contentthinfreeheightcontact, #leftsidebar, #leftsidebarcontact, #rightsidebar {
	float: left;
	width: 100%;
	overflow: hidden;
/*	border:1px solid #990000;	*/
}

#content, #contentthin {
	height: 600px;
}

#contentthin, #contentthinfreeheight{
	width: 60%;
}
#contentthinfreeheightcontact{
	width: 69%;
}


#contentberlinwall {
	width:100%;
	overflow:auto;
	white-space:nowrap;
}

#contentberlinwall img {
	border-width: 0px;
}

#leftsidebar, #rightsidebar{
	width: 20%;
}

#leftsidebarcontact{
	width: 31%;
}

.huske1vspacer{
	height:40px;
}

.huske11vspacer{
	height:98px;
}

.huske2vspacer{
	height:40px;
}

.birdvspacer{
	height:40px;
}

.berlinwallvspacer{
	height:40px;
}

.flyingsculpturesvspacer{
	height:40px;
}

#content img, #contentfreeheight img, #contentfreeheight object, #contentthin img, #contentthinfreeheight img, #contentthinfreeheightcontact img{
	display: block;
	margin: 0 auto;			/* centering i firefox */
	border-width: 0px;
}

img .leftimg{
	margin-left: 0;
	border-width: 2px;
}

.centertext{
	display: block;
	text-align: center;
}

.righttext{
        float:right;
 /*       text-align:right;*/
}


.poem{
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
}

.poem ul{
	list-style: none;
}

#footerhome {
	clear: left;		/* No floating elements allowed on the left side */
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#footer {
	display:none;
	clear: left;		/* No floating elements allowed on the left side */
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

.footerimg{
	display:inline;
	float:left;
	/* position:relative; */
	/* left:0px; */
/*	top:3px;	*/	/*this value to align w text*/

}

.inside{padding: 10px}

.contactemailimgastext{
	float: left;
	position:relative;
	left:0px;
	top:2px;
}

.clickonpictext{
	display:block;
	height:0px;
	width:250px;
	border:0px solid #900;
	position:relative;
	bottom:40px;
	left:10px;
}


#glomfjorddemningbg, #tyssedalbg, #tyssaskeladden01bg, #tysslilletoppen01bg, #tysstaalfabrikk01bg, #gliibg{
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;	/* needed because of IE6 centering - else arealinks gets positioned wrong in IE7 (and 6?) */
}

#glomfjorddemningbg{
	background-image: url(./glomfjorddemning/demningen1200x288.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 1200px;
	height: 288px;
}

#tyssedalbg{
	background-image: url(./tyssedal/tyssedalbg1200x171.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 1200px;
	height: 171px;
}

#tyssaskeladden01bg{
	background-image: url(./tyssedal/askeladden01bg1200x690.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 1200px;
	height: 690px;
}

#tysslilletoppen01bg{
	background-image: url(./tyssedal/lilletoppen01bg1200x1036.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 1200px;
	height: 1036px;
}

#tysstaalfabrikk01bg{
	background-image: url(./tyssedal/staalfabrikk01bg1200x567.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 1200px;
	height: 567px;
}

#gliibg{
	background-image: url(./glomfjordii/glii686x800.jpg);
	margin: 0 auto;		/* centering i firefox */
	width: 686px;
	height: 800px;
}


#glomfjorddemningcut01, #glomfjorddemningcut02, #tyssaskeladden01cut, #tyssaskeladden02cut, #tysslilletoppen01cut,
#tysslilletoppen021cut, #tysslilletoppen022cut, #tysstaalfabrikk01cut, #tysstaalfabrikk02cut, #gliidiagonal01cut,
#gliibjornehode01cut, #gliiwater01cut{
	position: relative;
	border-width: 2px;
	border-style: solid;
	border-color: inherit;
	display: display;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}

#glomfjorddemningcut01{
	left: 140px;
	top: 50px;
	height: 90px;
	width: 160px;
}

#glomfjorddemningcut02{
	left: 530px;
	top: -30px;
	height: 110px;
	width: 220px;
}

#tyssaskeladden01cut{
	left: 110px;
	top: 85px;
	height: 70px;
	width: 130px;
}

#tyssaskeladden02cut{
	left: 250px;
	top: 400px;
	height: 280px;
	width: 680px;
}

#tysslilletoppen01cut{
	left: 570px;
	top: -62px;
	height: 110px;
	width: 120px;
}

#tysslilletoppen021cut{
	left: 70px;
	top: 0px;
	height: 250px;
	width: 300px;
}

#tysslilletoppen022cut{
	left: 310px;
	top: 460px;
	height: 250px;
	width: 840px;
}

#tysstaalfabrikk01cut{
	left: 800px;
	top: -130px;
	height: 70px;
	width: 160px;
}

#tysstaalfabrikk02cut{
	left: 404px;
	top: 260px;
	height: 140px;
	width: 320px;
}


#gliidiagonal01cut{
	left: 440px;
	top: 20px;
	height: 120px;
	width: 160px;
}

#gliibjornehode01cut{
	left: 68px;
	top: 210px;
	height: 200px;
	width: 220px;
}

#gliiwater01cut{
	left: 343px;
	top: 85px;
	height: 300px;
	width: 260px;
}

.bigimg{
	border-width:0px;
}