* {
	font-family: Verdana, Sans, Helvetica;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;	
	font-size: 11pt;
}

img {
	border: none;
}

textarea { 
	font-family: monospace;
	font-size: 13pt;
}

a {
	color: #c00;
	text-decoration: none;
}

p, code, pre, table {
	margin: 0 0 15px 0;
}

h1 {
	font-size: 20pt;
	margin: 0 0 1em 0;
}
h2 {
	font-size: 18pt;
	margin: 0 0 0.5em 0;
}
h3 {
	font-size: 14pt;
	margin: 0 0 0.7em 0;
}
h4 {
	font-size: 12pt;
	margin: 0 0 0.8em 0;
}

fieldset {
	border: 1px solid #aaa;
	padding: 1em;
}

legend {
	padding: 0 1em 0 1em;
	font-size: 12pt;
	font-weight: bold;
	color: #777;
}

/*****************************************************************************/

#container {
 	padding: 0 200px 0 0;
 	border-top: 90px solid #31307b;
 	border-left: 130px solid #31307b;
 	border-bottom: 1px solid #ccc;
}

#menu {
	position: absolute;
	top: 90px; 
	left: 0px;
 	width: 130px;
	padding: 0;
}

#top {
	position: absolute; 
	top: 12px; 
	right: 16px;
	height: 80px;
}

#side {
	padding: 20px;
	position: absolute; 
	top: 90px; 
	right: 0px;
	width: 180px;
	min-width: 160px;
}

#main {
	height: 450px; /* IE SAUBROWSER HACK!!! */
	padding: 20px;
}

html>body #main { /* IE SAUBROWSER HACK!!! */
	height: auto;
	min-height: 450px;
}


/*****************************************************************************/

#main a.intlink {
	background: url(/images/link.png) no-repeat right 7px;
 	padding-right: 11px;
	white-space: nowrap;
}
#main a.extlink {
	background: url(/images/extlink.png) no-repeat 2px 7px;
 	padding-left: 14px;
	white-space: nowrap;
}
#main a.intlink:hover {
	background-color: #eee;
}
#main a.extlink:hover {
	background-color: #eee;
}

#main h1 {
	font-weight:bold; 
	vertical-align: middle;
	padding-left:0.2cm; 
	padding-bottom:0.2cm; 
	padding-top:1.2cm; 
	color:#fff;
	background-color:#d0d0d0;
}

#main p {
	padding: 0 0 1em 0;
}

/*****************************************************************************/

#top .body * {
	margin: 0;
	padding: 0;
}
#top h1 {
	color: #fff;
}
#top h2 {
	color: #fff;
}
#top h3 {
	color: #fff;
}
#top h4 {
	color: #fff;
}
#top div.body {
	text-align: right;
}

/*****************************************************************************/

#menulevel1 {
	margin: 0;
	padding: 0;
}

ul#menulevel1 li {
	border-top: 1px solid #88c;
}

ul#menulevel1 li:first-child {
	border-top: none; 
}

#menulevel1 ul {
	margin: 0;
  	padding: 0;
  	padding-left: 10px;
}

#menulevel1 li {
	list-style-type: none;
	line-height: 18pt;
}

#menu a {
	padding-left: 10px;
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #316da0;
	background-color: #fff;
}

#menu a.active {
	color: #000;
	background-color: #fff;
}

ul#menulevel1 li a { 
	display: block;
	width: 92%; /* IE SAUBROWSER HACK!!! */
}

html>body #menulevel1 li a {
	width: auto; /* IE SAUBROWSER HACK!!! */
}



ul#menulevel2 {
	background-color: #ddf;
}
ul#menulevel2 a {
	color: #316da0;
}
ul#menulevel2 a:hover {
	background-color: #fff;
}

ul#menulevel2 li:first-child {
	border-top: 1px solid #88c;
}

/*****************************************************************************/


div#debug {
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}


/*****************************************************************************/


.body ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-position: outside;
}

.body div.indent {
 	margin-left: 1em;
}


/*****************************************************************************/

.warn {
	background-color:#b00;
	color:#ff0;
	padding: 0.1em;
}


/*****************************************************************************/

.body table {
	border-collapse: collapse;
}

.body table td
{
	padding: 4px 8px 4px 8px;
	margin: 0;
	border: 1px solid #ccc;
	vertical-align: top;
}

.body td.column1
{
	white-space: nowrap;
}


/*****************************************************************************/

#home #container {
 	padding: 0 0px 0 180px;
}

#home #side img {
	margin: 10px;
}

#home #side {
	padding: 10px;
	left: 0px;
	width: 120px;
	min-width: 160px;
	border-left: 130px solid #31307b;
}

#home #main {
	background-image: url(images/design-bg.jpg); 
	background-repeat: no-repeat;
	background-position: 15% 50%;
	padding-top: 1.4cm;
	border-left: 0;
}

#home #main a.intlink {
	font-weight: bold;
	font-size: 20pt;
	color: #000;
	background: none;
}
#home #main a.intlink:hover {
	text-decoration: underline;
}


/*****************************************************************************/

#galerie #container {
 	padding: 0 0 0 0;
}

#galerie #main h1 {
	margin: 0px;
}

#galerie #galmenu {
	position: absolute;
	right: 20px;
	top: 100px;
	padding: 100px 0 0 0;
	width: 110px;
	min-width: 120px;
}

#galerie #galmenu img {
	margin: 0px;
	border: 3px solid #fff;
}

#galerie #galmenu img.active {
	border: 3px solid #0b0;
}


#galerie div#galmenu {
	text-align: center;
}


#galerie #galmenu li {
	list-style-type: none;
}

#galerie #galmenu2 {
	position: absolute;
	right: 140px;
	top: 200px;
	padding: 0 0 0 0;
	width: 70px;
	min-width: 70px;
}

#galerie #galmenu2 img {
	margin: 0px;
	border: 3px solid #fff;
}

#galerie #galmenu2 img.active {
	border: 3px solid #0b0;
}

#galerie #galmenu2 li {
	list-style-type: none;
}


#galerie div#galimage {
	border-right: 120px solid #d0d0d0;
	text-align: center;
	height: 420px; /* IE SAUBROWSER HACK!!! */
}

html>body #galerie div#galimage {
	height: auto;
	min-height: 420px; /* IE SAUBROWSER HACK!!! */
}

#galerie div#galimage img {
	margin: 12px;
}


#galerie div#galtext {
	padding: 24px;
	padding-right: 124px;
	text-align: left;
	background-color: #d0d0d0;
	font-size: 10pt;
}

#galerie div#galtext img {
	padding-right: 10px;
}