* 
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 100%;
	color: #AD782C;
}

body
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #F3F3F3;
}

a img { border: 0; }

table 
{ 
	padding: 0px; 
}
table td { padding: 0px; }

form
{
	margin: 0px;
	padding: 0px;
}


/***** CLASSES *****/
.container, .containerActive, .containerBg
{
	float: left;
	width: 100%;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.containerBg { background-color: #F3F3F3; }
.containerActive { background-color: #E8E8E8; }

.logoContainer
{
	float: left;
	width: 230px;
	text-align: left;
	padding-left: 20px;
}

.navigationContainer 
{ 
	float: left; 
	width: 700px;
	text-align: right;
	font-size: 10px; 
}
.navigationContainer ul
{
	float: right;
	padding: 0;
	margin: 0;
	/*margin-top: 70px;*/
	list-style-image: url(../images/leer.gif);
}
.navigationContainer li { float: left; margin-right: 5px; }
.navigationContainer li a, .navigationContainer li a:hover, .navigationContainer li a:link, .navigationContainer li a:visited
{
	font-size: 10px;
	margin-right: 5px;
	font-weight: bold;
	text-decoration: none;
}
.navigationContainer li a.active, .navigationContainer li a.active:link, .navigationContainer li a.active:visited, .navigationContainer li a.active:hover, .navigationContainer li a:hover
{
	color: #F49454;
}

.projects, .projectsActive
{ 
	float: left; 
	width: 100%;
	/*background-color: #E8E8E8;*/
}
.projectsActive .projectsName  { color: #F49454; }

.projectsName /* siehe logoContainer */
{ 
	clear: left;
	margin: 0px 0px 5px 20px;
	float: left;
}
.projectsName a, .projectsName a:hover, .projectsName a:link, .projectsName a:visited
{
	font-size: 12px;
	color: #5E6063;
	text-decoration: none;
}
.projectsName a:hover
{
	font-weight: bold;
	text-decoration: none;s
}

.projectsImages /* siehe navigationContainer */
{
	clear: left;
	float: left;
	width: 473px;

	padding: 20px 0px 20px 20px;
	display: none;
}
.projectsImages img { margin-right: 1px; margin-bottom: 1px; }
 
.marginTop20 { margin-top: 20px; }

.content
{
	margin-left: 250px;
	width: 700px;
}



.imgView { text-align: center; padding-top: 20px; }

.imgView div.textContainer
{ 
text-align: left !important;
float: left; 
width: 400px; 
padding: 10px 20px 20px 20px;
color: #5E6063; 
font-size: 13px; 
}

.imageContainer
{
	padding: 20px 20px 0px 20px;
	text-align: center !important;
	float: none !important;
	padding: 0px !important;
	height: 550px !important;
	width: 100% !important;
}

.pagerContainer
{
	width: 130px !important;
	padding: 0px !important;
	float: right;
	text-align: right;
}

div.zurueck
{
	float: right !important;
	padding: 20px 20px 0 0px !important; 
	width: auto !important;
}
div.vorwaerts
{
	float: right !important;
	padding: 20px 20px 0 0px !important; 
	width: auto !important;
}
.zurueck a, .zurueck a:hover, .zurueck:link, .zurueck:visited, 
.vorwaerts a, .vorwaerts a:hover, .vorwaerts:link, .vorwaerts:visited 
{ 
text-decoration: none; 
color: #5E6063;
font-size: 12px; 
}
.zurueck a:hover, .vorwaerts a:hover { font-weight: bold; }

.content, .content p, .content h1, .content li, .content ul, .content b, .content u, .content td
{
	font-size: 12px;
	color: #5E6063;
}

.content a, .content a:hover, .content a:link, .content a:visited
{
	font-size: 12px !important;
}

.height100
{
	height: 100px;
}

.paddingRight20
{
	padding-right: 20px;
}