/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #333; }
body { margin: 0px; padding: 0px; background: #fff; font-size: 62.5%; text-align: center; } /* padding: 0px wegen Opera 7 */

/* REMOVE PADDING AND MARGIN VALUES */
* { margin-top: 0; margin-bottom: 0; }

/* container */
div#container	{ position: relative; width: 780px; height: 600px; margin: 20px auto 64px auto; border: 1px solid #000; text-align:left; background: #2163C4;}
/*body#standard1 div#container 			{ background: #2163C4 url(../img/_bg_container_standard1.jpg) no-repeat right bottom; }*/
body#thumbnailgallery div#container, body#goodies div#container { background: #2163C4;  }
body#maingallery div#container, body#presse div#container { background: #fff; }

/* metanav */
div#metanav { position: absolute; top: 50px; left: 500px; width: 280px; height: 20px; text-align: right; background: #cfc;  }
div#metanav a {  }
div#metanav a.active {  }
div#metanav a:hover {  }

div#languageChoose { position: absolute; left: 135px; top: 290px; }
div#languageChoose a { padding-right: 20px; color: #99B3E6; font-size: 1.3em; text-decoration: none; }


/*nav*/

span.clamp { color: #2163C4; }

div#topnav		{ position: absolute; width: 210px; height: 220px; top: 35px; left: 30px; }

.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ display:block; color: #99B3E6; font-size: 1.3em; line-height: 1.6em; text-decoration: none; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover,
.lvl1:hover .clamp, .lvl1l:hover .clamp, .lvl1a:hover .clamp, .lvl1al:hover .clamp, .lvl1e:hover .clamp, .lvl1el:hover .clamp, .lvl1ae:hover .clamp, .lvl1ael:hover .clamp
{ color: #fff; }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }
.lvl1a, .lvl1al, .lvl1ae, .lvl1ael, .lvl1a .clamp, .lvl1al .clamp, .lvl1ae .clamp, .lvl1ael .clamp { color: #fff; }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael, .lvl1e .clamp, .lvl1ae .clamp, .lvl1el .clamp, .lvl1ael .clamp { color: #fff; }

.lvl1, .lvl1l 	 					{  }
.lvl1:hover, .lvl1l:hover 		{  }

.lvl1a, .lvl1al  					{  }
.lvl1a:hover, .lvl1al:hover	{  }

.lvl1e, .lvl1el  					{  }
.lvl1e:hover, .lvl1el:hover	{  }

.lvl1ae, .lvl1ael  				{  }
.lvl1ae:hover, .lvl1ael:hover	{  }

body#presse div#topnav a, body#presse div#topnav a .clamp
{ color: #000 !important; }

body#presse div#topnav a:hover, body#presse div#topnav a:hover .clamp,
body#presse div#topnav a.lvl1a, body#presse div#topnav a.lvl1al, body#presse div#topnav a.lvl1ae, body#presse div#topnav a.lvl1ael, body#presse div#topnav a.lvl1a .clamp, body#presse div#topnav a.lvl1al .clamp, body#presse div#topnav a.lvl1ae .clamp, body#presse div#topnav a.lvl1ael .clamp
{ color: #2163C4 !important; }

div#subnav 		{ position: absolute; width: 210px; height: 200px; top: 270px; left: 30px; }

.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
{ display:block; color: #99B3E6; font-size: 1.3em; line-height: 1.6em; text-decoration: none; }
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover,
.lvl2:hover .clamp, .lvl2l:hover .clamp, .lvl2a:hover .clamp, .lvl2al:hover .clamp, .lvl2e:hover .clamp, .lvl2el:hover .clamp, .lvl2ae:hover .clamp, .lvl2ael:hover .clamp
{ color: #fff;}
.lvl2l, .lvl2al, .lvl2el, .lvl2ael {  }
.lvl2a, .lvl2al, .lvl2ae, .lvl2ael, .lvl2a .clamp, .lvl2al .clamp, .lvl2ae .clamp, .lvl2ael .clamp { color: #fff; }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael, .lvl2e .clamp, .lvl2ae .clamp, .lvl2el .clamp, .lvl2ael .clamp { color: #fff; }

.lvl2, .lvl2l 	 					{  }
.lvl2:hover, .lvl2l:hover 		{  }

.lvl2a, .lvl2al  					{  }
.lvl2a:hover, .lvl2al:hover	{  }

.lvl2e, .lvl2el  					{  }
.lvl2e:hover, .lvl2el:hover	{  }

.lvl2ae, .lvl2ael  				{  }
.lvl2ae:hover, .lvl2ael:hover	{  }


.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ display:block; color: #99B3E6; font-size: 1.3em; text-decoration: none; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ color: #fff; }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }
.lvl3a, .lvl3al, .lvl3ae, .lvl3ael { color: #fff; }
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }

.lvl3, .lvl3l 	 					{  }
.lvl3:hover, .lvl3l:hover 		{  }

.lvl3a, .lvl3al  					{  }
.lvl3a:hover, .lvl3al:hover	{  }

.lvl3e, .lvl3el  					{  }
.lvl3e:hover, .lvl3el:hover	{  }

.lvl3ae, .lvl3ael  				{  }
.lvl3ae:hover, .lvl3ael:hover	{  }


/* content */
div#content	{ position: absolute; width: 500px; height: 540px; top: 35px; left: 260px; overflow: auto; scrollbar-base-color: #2163C4; }
div#contentleft	{ float: left; width: 380px; background: #cff;  }
div#contentright	{ float: left; width: 200px; background: #fcf;  }
div#contentbottom	{ float: left; width: 580px; background: #ffc;  }

/* content links */
div#content a:link, div#content a:visited	{ color: #fff; }
div#content a:hover 	{  }
div#content a:active	{  }

body#presse div#content a:link, body#presse div#content a:visited	{ color: #2163C4; }
div#content a:hover 	{  }
div#content a:active	{  }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol { margin-top: 2em; margin-bottom: 1em; color: #fff;}
li { margin-top: 1.1em; }
h1, h2, h3, h4, h5 {font-weight: bold; }
h1 {font-size: 1.5em; margin-top: 0; }
h2 {font-size: 1.3em; font-weight: normal; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.1em; }
h5 { }
h6 { }
p, td, th, li	{ font-size: 1.3em; line-height: 1.5em; color: #fff; }
td td, th th, td th, th td { font-size: 1em; }

body#presse h1, body#presse h2, body#presse h3, body#presse p { color: #000; }

/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}
body#index div#logo { position: absolute; left: 135px; top: 235px; }

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
th, td { padding: 0 20px 10px 0; vertical-align: top; text-align: left; }

div.seperator {height: 1px; width: 300px; margin-top: 30px; border-bottom: 1px solid #99B3E6; }
body#presse div.seperator { border-color: #000; }

/* Lists */
ul, ol, dl {list-style-type: disc;} 

/* forms */
fieldset { padding-bottom: 16px;  }
legend 	{ margin: 10px 10px 15px 0px; padding: 0px 8px 6px 4px; color: #333; font-size: 80%; font-weight: bold;  }
label 	{ font-size: 1.0em; margin: 10px; }
textarea, input { width: 200px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; border: 1px solid #666;}
textarea { height: 120px;  }
input.button { width: 120px; border: 1px solid #666; }
select 	{  }
option 	{  }


/* thumbnailgallery */
div#thumbnailgallery {  position: absolute; width: 500px; height: 300px; top: 275px; left: 260px; overflow: auto; }
div#thumbnailgallery a { display: block; float: left; width: 90px; height: 70px; margin: 0 25px 30px 0; 
	color: #99B3E6; font-size: 1.2em; text-decoration: none; }
div#thumbnailgallery a img { margin: 0 0 5px 7px; }
div#thumbnailgallery a:hover { color: #fff; }
div#thumbnailgallery a:hover .clamp { color: #fff; }

/* maingallery + presse */
body#maingallery p, body#maingallery td, body#maingallery th, body#maingallery li { color: #2163C4; }
body#presse p, body#presse td, body#presse th, body#presse li { color: #000; }

body#maingallery a#backlink, body#presse a#backlink { position: absolute; top: 40px; left: 52px; padding-right: 20px; 
	color: #2163C4; text-decoration: none; font-size: 1.4em; }
body#maingallery a#backlink:hover, body#presse a#backlink:hover { left: 44px; font-weight: bold; }

body#maingallery div#gallerynav { position: absolute; top: 250px; left: 52px; width: 100px; height: 80px; }
body#maingallery div#gallerynav p { position: relative; margin: 0 0 0.2em 0; }
body#maingallery a, body#maingallery span.arrowBack, body#maingallery span.arrowForward { color: #2163C4; text-decoration: none; font-size: 1.4em; } 
body#maingallery a:hover { font-weight: bold; }
body#maingallery a.back, body#maingallery span.arrowBack { margin-left: -8px; padding-left: 8px; } 
body#maingallery a.back:hover { padding-left: 0px; padding-right: 8px; }
body#maingallery a.forward, body#maingallery span.arrowForward { padding-left: 10px; padding-right: 8px;}
body#maingallery a.forward:hover { padding-left: 18px; padding-right: 0px; }

div#dekoLine { position: absolute; top: 277px; left: 0px; width: 32px; height: 20px; border-top: 1px solid #2163C4; }

body#maingallery div#image { position: absolute; width: 560px; height: 485px; left: 200px; top: 20px; }
body#maingallery div#image table { height: 100%; }
body#maingallery div#image table td { height: 100%; vertical-align: middle;}

body#maingallery div#text { position: absolute; width: 560px; height: 80px; left: 200px; top: 515px; }
body#maingallery div#text h1 { margin: 0; font-size: 1.3em; color: #333; }
body#maingallery div#text p { margin: 3px 0 0 0; color: #333; }

/* goodies */
div#goodiesnav { position: absolute; top: 0; left: 220px; width: 438px; height: 278px; }
div#goodiesnav table { width: 100%; height: 100%; }
div#goodiesnav table td { width: 100%; height: 100%; padding: 0; text-align: right; vertical-align: bottom; font-size: 1em;  }
div#goodiesnav a.lvl2, div#goodiesnav a.lvl2a { margin: 0 0 15px 0; }

div#goodiesDekoBar { position: absolute; top: 278px; left: 0px; width: 650px; height: 10px; border-top: 1px solid #fff; font-size: 0.1em;  }

div#goodiesDetails  { position: absolute; top: 300px; left: 30px; width: 620px; height: 278px; }
a.goodiesLvl3, a.goodiesLvl3back, a.goodiesLvl3forward, span.goodiesLvl3back, span.goodiesLvl3forward,
a.goodiesLvl4, a.goodiesLvl4back, a.goodiesLvl4forward, span.goodiesLvl4back, span.goodiesLvl4forward
{ color: #99B3E6; text-decoration: none; }
a.goodiesLvl3back, span.goodiesLvl3back, a.goodiesLvl4back, span.goodiesLvl4back 
{ padding-left: 8px; padding-right: 0px;}
a.goodiesLvl3back:hover, a.goodiesLvl4back:hover
{ padding-left: 0px; padding-right: 8px;}
a.goodiesLvl3forward, span.goodiesLvl3forward, a.goodiesLvl4forward, span.goodiesLvl4forward 
{ padding-left: 0px; padding-right: 8px;}
a.goodiesLvl3forward:hover, a.goodiesLvl4forward:hover
{ padding-left: 8px; padding-right: 0px;}
a.goodiesLvl3:hover, a.goodiesLvl3a, a.goodiesLvl3back:hover, a.goodiesLvl3backa, a.goodiesLvl3forward:hover, a.goodiesLvl3forwarda,
a.goodiesLvl4:hover, a.goodiesLvl4a, a.goodiesLvl4back:hover, a.goodiesLvl4backa, a.goodiesLvl4forward:hover, a.goodiesLvl4forwarda
{ color: #fff; text-decoration: none; }
div#goodiesDetails p { margin: 0 0 20px 0; }
div#goodiesDetails p.description { margin: 0 0 20px 8px; }
div#goodiesDetails table { width: 100%; height: 100%; }
div#goodiesDetails table td { font-size: 1em; }
div#goodiesDetails table td.left { padding: 0 20px 0 0 ;  }
div#goodiesDetails table td.right { padding: 0; text-align: right; }

/* malereiuebersicht */
body#malereiuebersicht div#content a, body#malereiuebersicht div#content a:visited { display: block; height: 88px; margin-bottom: 15px; font-size: 1.2em; color: #99B3E6; text-decoration: none; vertical-align: top; }
body#malereiuebersicht div#content a:hover { color: #fff; }
body#malereiuebersicht div#content a img { width: 115px; height: 88px; margin-right: 5px; }



