body, p, h1, h2, form, #footbox ul, #gallery ul, #gallerynavi ul, #gallerylist, #worklist, #worklist a, .guestbook ul, .content, .leftspacer
{
	margin: 0; padding: 0;
}

body
{
	font: normal 12px Arial, Helvetica, sans-serif; color: #000; text-align:center; background: #FFF;
}

.intro
{
	width: 198px; height: 104px; margin: 148px auto 15px; background: url(../images/bg_logo_intro.gif) no-repeat;
}

#login
{
	position: absolute; top: 10px; left: 10px; width: 84px; height: 25px; background: url(../images/bg_logo_redtool.gif) no-repeat;
}

#language
{
	position: absolute; top: 10px; right: 10px;
}

#headnavi_de, #contentbox, .contentbox, #infobox, .topborder, .topborder_2, .topborder_3
{
	margin: 0px auto; padding: 0; text-align: left;
}

#headnavi_de
{
	width: 848px; height: 88px;
}

#gallerynavi
{
	width: 40px; height: 80px; margin-top: -126px; padding: 0; float: right;
}

#contentbox, .contentbox
{
	width: 868px;
}

#infobox
{
	width: 788px; background: url(../images/bg_container_def.gif) repeat-y;
}

#bottom
{
	padding: 0; margin: 0; background: url(../images/bg_logo.gif) no-repeat;
}

#logo, #contact, #links, #about
{
	/* height: 152px; */
}

#logo
{
	width: 226px; float: left;
}

#links
{
	width: 500px; height: 132px; float: right; background: url(../images/bg_links.gif) no-repeat right 14px;
}

.topborder, .bottomborder, .topborder_2, .topborder_3
{
	clear: both; font-size:0.1em; height:6px;
}

.topborder
{
	width: 788px; background: url(../images/bg_border_top.gif) no-repeat;
}

.topborder_2
{
	width: 868px; background: url(../images/bg_border_top.gif) no-repeat 40px 0;
}

.topborder_3
{
	width: 788px; background: url(../images/bg_border_top_3.gif) no-repeat;
}

.bottomborder
{
	background: url(../images/bg_border_bottom.gif) no-repeat;
}

.bottomborder_2
{
	clear: both; font-size:0.1em; height:7px; background: url(../images/bg_border_bottom_2.gif) no-repeat;
}

.doubleborder
{
	clear: both; font-size:0.1em; height:12px; background: url(../images/bg_border_double.gif) no-repeat;
}

.doubleborder_2
{
	clear: both; font-size:0.1em; height:12px; background: url(../images/bg_border_double_2.gif) no-repeat;
}

#positioner
{
	width: 788px; position: relative; top: 0px; left: 40px; float: left;
}

.default
{
	background: url(../images/bg_container_def.gif) repeat-y;
}

.guestbook
{
	background: url(../images/bg_container_guest.gif) repeat-y;
}

.content
{
	margin: 0; padding: 20px;
}

.content2
{
	margin: 0; text-align: left; padding: 20px;
}

#footbox
{
	padding: 4px 0; text-align: center;
}

.cleaner
{
	margin: 0; padding: 0; clear: both; font-size: 0.1em;
}

.vhidden
{
	visibility: hidden;
}

#popup img
{
	margin: 10px auto 5px
}

#popup div
{
	width: 50%; font-size: 10px;
}

#popup div.left
{
	float: left; text-align: left;
}

	#popup div.left a
	{
		padding: 0 0 0 12px;
	}

#popup div.right
{
	float: right; text-align: right;
}

	#popup div.right a
	{
		padding: 0 12px 0 0;
	}

.description
{
	padding-bottom: 0;
}

/* ............................. individual ............................. */

#start
{
	background: url(../images/bg_start.gif) no-repeat right center;
}


#about
{
	background: url(../images/bg_about_dark.jpg) no-repeat 533px 23px;
}

#aboutc
{
	background: url(../images/bg_c.jpg) no-repeat 533px 23px;
}

#uni
{
	background: url(../images/bg_uni.jpg) no-repeat 533px 23px;
}

#archiev
{
	background: url(../images/bg_archiev.jpg) no-repeat 533px 23px;
}

#imprit
{
}

/*
#about
{
	background: url(../images/bg_about_light.jpg) no-repeat 533px 23px;
}
*/

#start p, #about p
{
	width: 500px;
}

#about p
{
	text-align: justify;
}

#links p
{
	padding: 14px 51px 14px 0; text-align: right;
}

/* ............................. text ............................. */

h1, h2
{
	color: #333C45;
}

h1
{
	font-size: 15px; padding: 0 0 13px 0;
}

h2
{
	font-size: 13px; padding: 0 0 10px 0;
}

p, table
{
	font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 0 12px 0;
}

table
{
	-margin-bottom: 12px;
}

#infobox h1, #worklist h1
{
	padding: 0;
}

#worklist h1
{
	padding: 17px 20px 6px 20px; line-height: 18px;
}

#worklist h2
{
	padding: 0 20px 0 20px; font-size: 11px;
}

#worklist p
{
	padding: 0 20px 6px 20px; color: #333C45;
}

#start span.date, #worklist span.date, #project span.date, #news span.date
{
	font: normal 12px Arial, Helvetica, sans-serif; 
	
}

#news span.date
{
	line-height: 26px;
}

p.okay
{
	font-weight: bold; color: green;
}

p.error
{
	color: red;
}

ul
{
	margin: 0; padding: 0 0 4px 24px; list-style: square; line-height: 20px;
}

ul.news
{
	width:500px; list-style: none; padding-bottom: 0;
}

li
{
	padding-bottom: 6px;
}

.x_left
{
	width: 277px; text-align: right; display: block; float: left;
}

.x_left2
{
	width: 277px; text-align: left; display: block; float: left;
}
.x_right
{
	width: 435px; display: block; float: right;
}

strong
{
	color: #333C45;
}

#project li img
{
	margin-bottom: 15px;
}

#project li p
{
	margin-top: -10px;
}

/* ............................. navigation ............................. */

#login a
{
	width: 84px; height: 25px; display: block;
}

#language a, #language a:link, #language a:visited, #login a, #login a:link, #login a:visited
{
	text-decoration: none; color: #333C45;
}

#language a:hover, #language a:active
{
	text-decoration: underline; color: #000;
}

.content a, .content a:link, .content a:visited, #links a, #links a:link, #links a:visited, #intro a, #intro a:link, #intro a:visited, #popup a, #popup a:link, #popup a:visited
{
	text-decoration: none; color: #333C45; 
}

.content a:hover, .content a:active, #links a:hover, #links a:active, #intro a:hover, #intro a:active, #popup a:hover, #popup a:active
{
	color: #000; text-decoration: underline;
}

#headnavi_de ul, #gallerylist, #worklist, .guestbook ul
{
	list-style: none;
}

#headnavi_de a, #gallerynavi a, #gallerylist a, #worklist a
{
	text-decoration: none;
}

#headnavi_de ul
{
	margin: 0 0 0 363px; padding: 0;
}

	#headnavi_de ul li.home_de
	{
		width: 54px; float: left;
	}

	#headnavi_de ul li.work_de
	{
		width: 64px; float: left;
	}
	
	#headnavi_de ul li.uni_de
	{
		width: 44px; float: left;
	}

	#headnavi_de ul li.archiev_de
	{
		width: 64px; float: left;
	}

	#headnavi_de ul li.gallery_de
	{
		width: 64px; float: left;
	}

	#headnavi_de ul li.about_de
	{
		width: 90px; float: left;
	}

	#headnavi_de ul li.contact_de
	{
		width: 75px; float: left;
	}

#headnavi_de a
{
	height: 88px; display: block;
}

	a.home_de, a.home_de:link, a.home_de:visited
	{
		background: url(../images/li_home_de.gif) no-repeat;
	}
	
	a.home_de:hover, a.home_de:active, a.home_active_de
	{
		background: url(../images/li_home_ho_de.gif) no-repeat;
	}

	a.work_de, a.work_de:link, a.work_de:visited
	{
		background: url(../images/li_work_de.gif) no-repeat;
	}
	
	a.work_de:hover, a.work_de:active, a.work_active_de
	{
		background: url(../images/li_work_ho_de.gif) no-repeat;
	}
	
	a.uni_de, a.uni_de:link, a.uni_de:visited
	{
		background: url(../images/li_uni_de.gif) no-repeat;
	}
	
	a.uni_de:hover, a.uni_de:active, a.uni_active_de
	{
		background: url(../images/li_uni_ho_de.gif) no-repeat;
	}
	
	a.archiev_de, a.archiev_de:link, a.archiev_de:visited
	{
		background: url(../images/li_archiev_de.gif) no-repeat;
	}
	
	a.archiev_de:hover, a.archiev_de:active, a.archiev_active_de
	{
		background: url(../images/li_archiev_ho_de.gif) no-repeat;
	}

	a.gallery_de, a.gallery_de:link, a.gallery_de:visited
	{
		background: url(../images/li_gallery_de.gif) no-repeat;
	}
	
	a.gallery_de:hover, a.gallery_de:active, a.gallery_active_de
	{
		background: url(../images/li_gallery_ho_de.gif) no-repeat;
	}

	a.about_de, a.about_de:link, a.about_de:visited
	{
		background: url(../images/li_about_de.gif) no-repeat;
	}
	
	a.about_de:hover, a.about_de:active, a.about_active_de
	{
		background: url(../images/li_about_ho_de.gif) no-repeat;
	}

	a.contact_de, a.contact_de:link, a.contact_de:visited
	{
		background: url(../images/li_contact_de.gif) no-repeat;
	}
	
	a.contact_de:hover, a.contact_de:active, a.contact_active_de
	{
		background: url(../images/li_contact_ho_de.gif) no-repeat;
	}

#infobox a
{
	border: none;
}

#infobox a:hover, #infobox a:active
{
	text-decoration: none;
}

#gallerynavi ul, #gallerynavi ul li
{
	width: 40px; list-style: none; padding-bottom: 0;
}

#gallerynavi a
{
	height: 40px; display: block;
}

	a.foreward, a.foreward:link, a.foreward:visited
	{
		background: url(../images/li_forward.gif) no-repeat;
	}

	a.foreward:hover, a.foreward:active
	{
		background: url(../images/li_forward_ho.gif) no-repeat;
	}

	a.backward, a.backward:link, a.backward:visited
	{
		background: url(../images/li_backward.gif) no-repeat;
	}

	a.backward:hover, a.backward:active
	{
		background: url(../images/li_backward_ho.gif) no-repeat;
	}

	a.info, a.info:link, a.info:visited, a.info:hover, a.info:active
	{
		background: url(../images/li_info.gif) no-repeat;
	}
	
	a.info p
	{
		width: 40px; height: 40px; padding-top: 13px; font: normal 12px Arial, Helvetica, sans-serif; text-align: center; color: #333C45;
	}

#footbox, #footbox a, #footbox a:link, #footbox a:visited
{
	margin: 0 5px; font: normal 11px arial, helvetica, sans-serif; text-decoration: none; color: #333C45;
}

#footbox a:hover, #footbox a:active
{
	text-decoration: underline; color: #000;
}

li.gallery_1
{
	width: 159px; float: left;
}

li.gallery_2
{
	width: 157px; float: left;
}

li.gallery_3
{
	width: 158px; float: right;
}

#gallerylist li span
{
	display: block;
}

	span.toprow_1
	{
		padding: 20px 0 0 20px;
	}

	span.toprow
	{
		 padding: 20px 0 0 18px;
	}

	span.bottomrow_1
	{
		 padding: 19px 0 0 20px;
	}

	span.bottomrow
	{
		 padding: 19px 0 0 18px;
	}

a.gallery_1, a.gallery_2, a.gallery_3, a.gallery_4, a.gallery_5, a.gallery_6
{
	height: 147px; display: block;
}

	a.gallery_1
	{
		background: url(../images/li_gallery_1.gif) no-repeat;
	}
	
	a.gallery_1:hover, a.gallery_1:active
	{
		background: url(../images/li_gallery_1_ho.gif) no-repeat;
	}

	a.gallery_2
	{
		background: url(../images/li_gallery_2.gif) no-repeat;
	}
	
	a.gallery_2:hover, a.gallery_2:active
	{
		background: url(../images/li_gallery_2_ho.gif) no-repeat;
	}

	a.gallery_3
	{
		background: url(../images/li_gallery_3.gif) no-repeat;
	}
	
	a.gallery_3:hover, a.gallery_3:active
	{
		background: url(../images/li_gallery_3_ho.gif) no-repeat;
	}

	a.gallery_4
	{
		background: url(../images/li_gallery_4.gif) no-repeat;
	}
	
	a.gallery_4:hover, a.gallery_4:active
	{
		background: url(../images/li_gallery_4_ho.gif) no-repeat;
	}

	a.gallery_5
	{
		background: url(../images/li_gallery_5.gif) no-repeat;
	}
	
	a.gallery_5:hover, a.gallery_5:active
	{
		background: url(../images/li_gallery_5_ho.gif) no-repeat;
	}

	a.gallery_6
	{
		background: url(../images/li_gallery_6.gif) no-repeat;
	}
	
	a.gallery_6:hover, a.gallery_6:active
	{
		background: url(../images/li_gallery_6_ho.gif) no-repeat;
	}

li.work_1
{
	width: 313px; height: 147px; float: left; background: url(../images/li_work_1.gif) no-repeat;
}

li.work_2
{
	width: 475px; height: 147px; float: right; background: url(../images/li_work_2.gif) no-repeat;
}

#worklist a
{
	height: 147px; display: block;
}

#worklist img
{
	margin: 20px 0 0 20px; 
}

#gallerylist li, #worklist li
{
	padding-bottom: 0;
}

/* ............................. forms ............................. */

input, textarea, button
{
	width: 290px; padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #333C45;
}

input
{
	-height: 20px;
}

textarea
{
	overflow: auto; margin-bottom: 8px;
}

button
{
	width: 140px; margin-right: 10px; font-weight: bold; color: #333C45; background: #FFF;
}