/* ///////////////////////////////// GENERAL ///////////////////////////////// */

body {
  background: #FFFFFF url('../_img/bg_body.jpg') top left repeat;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;  
  padding: 0px;
  margin: 0px;
  height: 100%;
}

h1 {
	font-size: 14px;
  	margin: 0px;
	text-transform: uppercase;
}

h2 {
	font-size: 12px;
  	margin: 0px;
}

h3 {
	font-size: 11px;
  	margin: 0px;
	text-transform: uppercase;
}

a:link {
	text-decoration: none;
    color: #333333;
	padding: 0px 2px;
}

a:visited {
	text-decoration: none;
    color: #333333;
	padding: 0px 2px;
}

a:hover {
	background-color: #000000;
	color: #CC9966;
	padding: 0px 2px;
}

p {
	margin-top: 12px;
}

table {
	margin-top: 12px;
}

/* ------------------------ FORMULARFELDER ------------------------ */

select {
	margin-top: 5px;
	font-size: 12px;
	border: 1px solid #AAAAAA;
}

input {
	margin: 7px 3px 0px 0px;
	font-size: 11px;
	width: 190px;
	color: #333333;
	border: 1px solid #AAAAAA;
}

input.button {
	width: 80px;
	margin-top: 18px;
	text-transform: uppercase;
	background-color: #FFFFFF;
	font-weight: bold;
}

input.button:hover {
	background-color: #000000;
	border: 1px solid #000000;
	color: #CC9966;
}

label {
	display: block;
	width: 60px;
	float: left;
	margin-top: 8px;;
}

/* ------------------------ FORMULARFELDER ENDE ------------------------ */

/* ///////////////////////////////// GENERAL ENDE ///////////////////////////////// */


/* ///////////////////////////////// CONTAINER ///////////////////////////////// */

#wrap {
	position: absolute;
	left: 50%;
	margin-left: -497px;
	width: 995px;
	height: 100%;
}
html>body #wrap.home {  background: url(../_img/bg_banner_home.png) no-repeat; }
html>body #wrap.workshops {  background: url(../_img/bg_banner_workshops.png) no-repeat; }
html>body #wrap.impressum {  background: url(../_img/bg_banner_impressum.png) no-repeat; }

#logo {
	position: absolute;
	top: 42px;
	right: 46px;
	height: 25px;
	width: 356px;
}
html>body #logo { background: url(../_img/bg_logo.png) top left no-repeat; }

/* ///////////////////////////////// CONTAINER ENDE ///////////////////////////////// */


/* ///////////////////////////////// NAVIGATION ///////////////////////////////// */

#menue {
	position: absolute;
	right: 47px;
	height: 25px;
    font-size: 12px;
}

*html #menue {
	right: 46px;
}

#menue ul {
	padding: 5px 0px;
	margin-top: 76px;
}

#menue li {
	display:inline;
}

#menue li a  {
	padding: 5px 9px 5px 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}

#menue li a:hover, #menue li a:hover,
#menue li a.active, #menue li a.active {
	color: #CC9966;
	background-color: #000000;
}

/* ///////////////////////////////// NAVIGATION ENDE ///////////////////////////////// */


/* ///////////////////////////////// INHALT ///////////////////////////////// */

#content {
	position: absolute;
	top: 343px;
	left: 0px;
	width: 418px;
	padding: 57px 10px 0px 158px;
}

.bottom {
	float: right;
	font-weight: bold;
	margin-bottom: 20px;
}
html>body #content.home { background: url(../_img/bg_content_home.png) top left no-repeat; }
html>body #content.workshops { background: url(../_img/bg_content_workshops.png) top left no-repeat; }
html>body #content.impressum { background: url(../_img/bg_content_impressum.png) top left no-repeat; }

.link {
	font-weight: bold;
	text-transform: uppercase;
}

/* ///////////////////////////////// SUBNAVIGATION ///////////////////////////////// */

#submenue {
	position: absolute;
	top: 343px;
	left: 586px;
	width: 259px;
	padding: 57px 0px 0px 103px;
}
html>body #submenue.blank { background: url(../_img/bg_submenue_blank.png) top left no-repeat; }
html>body #submenue.home { background: url(../_img/bg_submenue_home.png) top left no-repeat; }
html>body #submenue.workshops { background: url(../_img/bg_submenue_workshops.png) top left no-repeat; }

#submenue ul {
	margin: 0px;
	padding: 0px;
	width: 259px;
	display: block;
}

#submenue li {
	cursor: pointer;
	width: 244px;
	display: block;
	padding: 1px 0px 1px 15px;
	margin-bottom: 5px;
	background-position: 0px 2px;
	background: url(../_img/bg_liste.png) no-repeat;
}
*html #submenue li { background: url(../_img/bg_liste.gif) no-repeat;}

#submenue li:hover, #submenue li.edHover, #submenue li:active, #submenue li.active {
	background: #000000 url(../_img/bg_liste_on.png) 0px 2px no-repeat;
}

#submenue a:link, #submenue a:visited {
	color: #333333;
	padding: 0px;
}

#submenue li.active, #submenue a:hover, #submenue a:active, #submenue li.active {
	color: #CC9966;
	padding: 0px;
}