html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body
{
	font-family:Verdana,Arial,sans-serif;
	background-color:#484848;
	background-image:url(../images/elements/background.png);
	background-position:center;
	background-repeat:repeat;
}
#main
{
	max-width:1000px;
	margin:auto;
}


/*header section*/
#header
{
	width:56em;
	margin:auto;
	height:5em;
	padding-top:1.4em;
	padding-bottom:1em;
}

h1
{
	font-size:200%;
	font-family:Georgia,"Times New Roman",Times,serif;
	float:left;
	color:#FFFFFF;
	margin-right:0.5em;
	margin-left:-0.5em;
	margin-top:-0.4em;
}
/*navigation*/
#nav ul
{
	list-style:none;
	float:left;
}
#nav li
{
	float:left;
	margin:0.2em;
}
#nav a, #nav span
{
	display:block;
	padding:2px;
	padding-top:4px;
	padding-left:3px;
	padding-right:3px;
	height:20px;
	border:1px solid #333333;
	float:left;
	text-decoration:none;
	background:none;
}
#nav a:active
{
	background-color:#666666;
}
#nav span
{
	padding-top:23px;
	padding-top:44px;
	border-color:#ffffff;
	background:none;
}
#nav a:hover
{
	border:1px solid #AC2610;
}

/*title section*/
#title
{
	width:40em;
	margin:auto;
}
h2
{
	clear:both;
	font-family:Lucida Console,sans-serif;
	font-size:170%;
	border-bottom:1px solid #333333;
	padding-bottom:2px;
	color:#E3CB7D;
	font-weight:normal;
	margin-bottom:1em;
	letter-spacing:0.5px;
}

/*gallery section*/
#gallery
{
	margin:auto;
	width:574px;
	height:370px;
}
#gallery .border
{
	background-color:#333333;
	float:left;
	padding:12px;
	width:486px;
	height:324px;
}
#gallery ul
{
	list-style:none;
	position:absolute;
	width:500px;
}
#gallery li
{
	float:left;
	margin:0.3em;
	margin:5px;
}
#gallery li a
{
	border:solid 1px #FFFFFF;
	width:150px;
	height:150px;
	margin:0;
	text-decoration:none;
	padding:0;
	display:block;
}
#gallery li a:hover
{
	border:1px solid #AC2610;
}
#gallery #paging
{
	width:60px;
	float:left;
}
#gallery #paging a
{
	margin:6px;
	margin-top:0px;
	padding:5px;
	display:block;
}
#gallery #paging a:hover
{
	border:1px solid #AC2610;
	padding:4px;
}
#gallery #paging a.active, #gallery #paging a.active:hover, #gallery #paging a.active:active
{
	border:1px solid #FFFFFF;
	padding:4px;
	cursor:default;
	background:none;
}
#gallery #paging a:active
{
	background-color:#666666;
}

#gallery #paging a.disabled, #gallery #paging a.disabled:hover
{
	cursor:wait;
	border:0px solid #000000;
	padding:5px;
}
#gallery #paging a.disabled.active, #gallery #paging a.disabled.active:hover
{
	cursor:wait;
	border:1px solid #FFFFFF;
	padding:4px;
}

#single_image
{
	margin:auto;
	width:650px;
	margin-bottom:1em;
	text-align:center;
}


/*text section*/
#text
{
	clear:both;
	margin:auto;
	width:40em;
	color:#FFFFFF;
}
#text p
{
	margin-bottom:0.3em;
	font-size:95%;
	letter-spacing:0.3px;
	line-height:1.35;
}
#text a
{
	color:#FFFFFF;
}
#text .firstpar:first-letter
{
	font-family:Lucida Console,sans-serif;
	color:#E3CB7D;
	font-size: 3.8em;
	line-height: 0.8em;
	float: left;
	margin: 0 4px 3px -1px;
}
.technik_bg#text .firstpar:first-letter
{
	color:#AC2610;
}
#text ul{
	margin-top:0.6em;
	margin-bottom:0.6em;
	margin-left:0;
	margin-right:1.5em;
	list-style:none;
}
#text li
{
	margin-bottom:0.7em;
}
#text.image_bg
{
	background-repeat:no-repeat;
	background-position:top center;
	height:400px;
}
#text.image_bg .text
{
	background-color:#ffffff;
	color:#000000;
	opacity:0.50;
	filter:alpha(opacity=50);
	padding:0.6em;
	position:relative;
}
#text.image_bg .text a
{
	color:#000000;
}
#text.image_bg.kontakt_bg .text
{
	width:15em;
	top:80px;
	left:320px;
	height:14em;
}
#text.image_bg.kontakt_bg .text span
{
	font-size:small;
	display:inline;
	margin-left:1em;
	margin-top:2em;
	float:left;
}
#text.image_bg.kontakt_bg .text span a
{
	font-size:small;
}
#text.image_bg.technik_bg .text
{
	width:15em;
	top:3em;
	left:5em;
}
#text.image_bg.kurse_bg .text
{
	width:18em;
	top:3em;
	left:2em;
}
#text.image_bg.index_bg
{
	margin-top:0;
	padding-top:0;
	position:relative;
	width:641px;
}
#text.image_bg.index_bg .text
{
	top:175px;
	left:-9px;
	border:0;
	background:none;
	opacity:1.0;
}
#text.image_bg.index_bg a
{
	position:absolute;
	height:54px;
}
#text.image_bg.index_bg a i
{
	display:none;
}
.index_bg a#malerei_link
{
	top:45px;
	left:220px;
	width:220px;
}
.index_bg a#grafik_link
{
	top:105px;
	left:240px;
	width:180px;
}
#text.kontakt_bg
{
	background-image:url(../images/photos/kontakt.jpg);
}
#text.technik_bg
{
	background-image:url(../images/photos/technik.jpg);
}
#text.kurse_bg
{
	background-image:url(../images/photos/kurse.jpg);
}
#text.index_bg
{
	background-image:url(../images/photos/index.jpg);
	height:374px;
}


/*footer section*/
#footer
{
	clear:both;
	width:40em;
	margin:auto;
	margin-top:1.4em;
	border-top:1px solid #333333;
	height:2em;
}
#footer ul
{
	list-style:none;
}
#footer li
{
	float:left;
	margin:0.2em;
}
#footer a, #footer span
{
	font-size:80%;
	color:#CCCCCC;
	font-style:italic;
	text-decoration:none;
}
#footer a:hover
{
	color:#F38E7C;
	text-decoration:underline;
}