/* CSS FOR SOUVEREIN.NL */


/*//////////////////////// MAIN  */



body,html {
	width		: 100%;
	height		: 100%;
	margin		: 0;
	padding		: 0;
	min-width	: 900px;
	min-height	: 600px;
}

body {
	background	: #f6f6f5;
	font-family	: arial;
	font-size	: 0.7em;
	color		: #fff;
	line-height	: 1.1em;
	cursor : url(images/cursor.cur);
}



/*//////////////////////// ELEMENTS */



a {
	outline		: none;
}

a img  { border: none }

img {
	border		: none;
	color		: #ffffff;
}
#fineart-img  { }

/*//////////////////////// LAYOUT */



#background {
	width		: 50%;
	height		: 100%;
	background	: #1a1b1e;
	margin-left	: -325px;
}

#container  { color: #1a1b1e; background: #fff; margin-top: -315px; margin-left: -475px; position: absolute; top: 50%; left: 50%; width: 950px; height: 630px }


#container #left {
	width		: 150px;
	background	: #333;
	float		: left;
	height		: 100%;
}

#container.contact {
	background	: #fff url(images/souverein_route.jpg) right no-repeat;
}

#container.information {
	background	: #fff url(images/souverein_s.jpg) bottom right no-repeat;
}

#container.fineart {
	background	: #fff url(images/souverein_fineart.jpg) bottom right no-repeat;
}



/*//////////////////////// CONTENT */



#content   { padding: 65px 49px 52px 67px; width: 684px; float: left }

#content a   { 
	color		: #1a1b1e 
}

#content a:hover   { 
	text-decoration	: none;
}

#content .strong {
	font-weight	: bold;
}



/*//////////////////////// MENU */



#left #menu  { text-align: right; padding: 65px 12px; position: absolute; bottom: 0; width: 126px }


#left #menu a {
	font-size	: 0.9em;
	color		: #fff;
	display		: block;
	text-transform	: uppercase;
	font-weight	: bold;
	text-decoration	: none;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
}

#left #menu a:hover {
	color		: #fff;
	opacity		: 0.8;
	filter		: alpha(opacity=80);
}

#left #menu a.active {
	color		: #fff;
	opacity		: 0.99999;
	filter		: alpha(opacity=100);
}



/*//////////////////////// IMAGEBOX */



a.img img {
margin:0 7px 9px 0;
}


/*//////////////////////// INTRO */

.home {
	position	: relative;
	top		: 43px;
}

.intro {
	position	: absolute;
	bottom		: 66px;
}

.intro a { font-size: 0; background: #000; text-indent: -999em; display: block; margin: 40px 7px 0 0; width: 159px; height: 368px; float: left }

a.i1 { background:url(images/buttons/souverein_intro-01.jpg); }
	a:hover.i1 { background:url(images/buttons/souverein_intro-01_1.jpg); }

a.i2 { background:url(images/buttons/souverein_intro-02.jpg); }
	a:hover.i2 { background:url(images/buttons/souverein_intro-02_1.jpg); }

a.i3 { background:url(images/buttons/souverein_intro-03.jpg); }
	a:hover.i3 { background:url(images/buttons/souverein_intro-03_1.jpg); }

a.i4 { background:url(images/buttons/souverein_intro-04.jpg); }
	a:hover.i4 { background:url(images/buttons/souverein_intro-04_1.jpg); }

/*//////////////////////// EXTRA */


a.gohome {
	display		: block;
	width		: 200px;
	position	: absolute;
	top		: 0px;
	left		: 0px;
	font-size	: 0px;
	height		: 200px;
}

#nav {
	padding:10px;
	width:200px;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-20px;
}


a.nav_thumbs,
a.nav_next,
a.nav_back,
a.nav_next_img,
a.nav_back_img {
	display		: inline;
	width		: 20px;
	height		: 20px;
	opacity		: 0.8;
	font-size	: 0em;
	text-indent	: -999em;
	position	: absolute;
	
}

a.nav_thumbs {
	background	: url(images/gallery_1.gif) no-repeat;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
	left		: 90px;
}

a.nav_thumbs.motion {
	background-image: url(images/gallery_motion_1.gif);
}

a.nav_thumbs:hover {
	opacity		: 0.999;
	filter		: alpha(opacity=100);
}

a.nav_next {
	background	: url(images/nav_next_album_1.gif) no-repeat;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
	left		: 115px;
}
a.nav_next:hover {
	opacity		: 0.999;
	filter		: alpha(opacity=100);
}

a.nav_back {
	background	: url(images/nav_back_album_1.gif) no-repeat;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
	left		: 65px;
}
a.nav_back:hover {
	opacity		: 0.999;
	filter		: alpha(opacity=100);
}

a.nav_next_img {
	background	: url(images/nav_next_1.gif) no-repeat;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
	left		: 140px;
}

a.nav_next_img:hover {
	opacity		: 0.999;
	filter		: alpha(opacity=100);
}

a.nav_back_img {
	background	: url(images/nav_back_1.gif) no-repeat;
	opacity		: 0.6;
	filter		: alpha(opacity=60);
	left		: 40px;
}

a.nav_back_img:hover {
	opacity		: 0.999;
	filter		: alpha(opacity=100);
}


#nav .none {
	opacity		: 0.2;
	filter		: alpha(opacity=20); 

	cursor		: default;
}

/*//////////////////////// TOOLTIP */

#tooltip   { 
	color		: #fff; 
	font-size	: 0.9em; 
	background	: #333; 
	display		: none; 
	padding		: 10px; 
	margin-left	: 50px !important; 
	position	: absolute;
}

#tooltip2   { 
	color		: #000;
	width		: 200px;
	margin-left	: -30px;
	text-align	: center; 
	font-size	: 0.9em; 
	display		: none; 
	left		: 50% !important;
	top		: 50% !important;
	margin-top	: 285px;
	padding		: 10px; 
	position	: absolute;
	text-transform	: uppercase;
	opacity		: 0.5;
}

/*//////////////////////// EXTRAS */

.finart-imgs {
	position	: absolute;
	bottom		: 57px;
	left		: 170px;
}


.address     { 	
	position	: absolute; 
	bottom		: -22px; 
	left		: 375px; filter: 
	filter		: alpha(opacity=20); 
	opacity		: 0.2 
}

.address a {
	text-decoration	: none;
}

.address a:hover {
	text-decoration	: underline;
}

center p {
	text-align	:left;
}

.nohand {
	cursor		: default;
}