body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica;
  font-size: 11px;
  background: #000000;
  text-align: center;
  behavior: url("http://www.welldoneagency.com/csshover3.htc");
}

#logo
{
	text-align: center;
	margin: auto;
}

#logo img
{
  margin: 30px;
  border: 0;
}

#navigation
{
	display: block;
	font-family: Arial, Helvetica;
	width: 915px;
	height: 29px;
	text-align: left;
	margin: auto;
	background: url("images/navigation_background.jpg");
	background-repeat: repeat-x;
}

#navigation .navigation_text
{
	font-size: 10px;
	color: #999999;
}

#navigation ul
{
	display: block;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#navigation ul li ul
{
	position: absolute;
	display: none;
	z-index: 10;
	margin: 0;
	padding: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
  	width: 164px;
  	background: url("images/black.jpg") #444444;
  	background-repeat: repeat-x;
  	filter:alpha(opacity=80);
  	-moz-opacity:0.8;
  	opacity:0.8;
}

#navigation ul li:hover ul
{
	display: block;
}
#navigation ul li ul li a
{
  display: block;
  width: 160px;
  font-size: 10px;
  padding: 3px;
  padding-left: 0;
  margin: 0;
  color: #FFFFFF;
  text-decoration: none;
}

#navigation ul li ul li a:hover
{
	text-decoration: underline;
}

#navigation .subtitle
{
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}

#navigation .element
{
  margin: 0;
  padding: 0;
  height: 28px;
}

#navigation .searchbox
{
  color: #999999;
  height: 15px;
  font-family: Arial;
  font-size: 10px;
  position: relative;
  left: 44px;
  top: 5px;
  width: 215px;
  border: 1px solid #777777;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  padding-left: 3px;
}

form
{

	display: inline;
	margin: 0;
	padding: 0;
}

#links
{
	padding: 0;
	margin: 0;
	float: left;
}

#body
{
	display: block;
	padding: 0;
	padding-top: 10px;
	text-align: left;
	width: 915px;
	margin: auto;
}

#content
{
	position: relative;
  display: block;
  color: #DDDDDD;
  margin: 0;
  padding: 0;
  width:690px;
  float: left;
}

#content a
{
  text-decoration: none;
  color: #AAAAAA;
}

#content a:hover
{
  text-decoration: underline;
}

#content .listing_item1
{
	display: block;
	float: left;
	padding-left: 25px;
	width: 290px;
	height: 70px;
}
#content .listing_item2
{
	display: block;
	float: right;
	padding-right: 25px;
	width: 290px;
	height: 70px;
}
#content .date
{
	color: #4b789b;
	font-weight: bold;
	display: inline;
}
#main
{
	min-height: 255px;
  padding: 0;
  margin: 0;
  width: 685px;
  margin-bottom: 10px;
  background: #D9DADE;
  color: #333333;
}

#main p
{
/*****Duch den TinyMCE werden automatisch <p>s gesetzt. Dadurch flie§t der Text nur bis 
zum ersten Umbruch um ein Bild. Daher muss hier clear auskommentiert sein. *****/

/*clear: both;*/
  padding: 0;
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
}

#main input
{
  width: 200px;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-family: Arial, Helvetica;
  border: 1px solid #666666;
  margin-left: 25px;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#main h1
{
  font-family: Arial, Helvetica;
  font-size: 20px;
  font-weight: normal;
  padding-top: 10px;
  padding-left: 25px;
  padding-bottom: 0px;
  margin: 0;
}

#main h2
{
  font-family: Arial, Helvetica;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  padding: 0;
  margin: 0;
  padding-left: 25px;
  margin-bottom: 10px;
}
#main h2 a
{
  font-family: Arial, Helvetica;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  padding: 0;
  margin: 0;
}

#main p img
{
	display: block;
	margin: 0px 15px 10px 0px;
	margin-top: 0;
}

#main img
{
	margin: 0px 15px 10px 0px;
	border: solid #fff 7px;
}
#main .all_projects img, #main .galerie img
{
	margin: 0;
	border: 0;
}

#main .banner
{
  border: 0;
  margin: 0;
  width: 685px;
}

#main a
{
  font-weight: bold;
  color: #333333;
}

#projects
{
	width: 685px;
	position: relative;
	clear:  both;
}
#projects img
{
	display: block;
	float: left;
  width: 225px;
  height: 160px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 5px;
}

#bar
{
	display: relative;
  width: 225px;
  float: right;
  margin: 0;
  padding:0;
}
.box_title
{
	display: inline;
  float: left;
  width: 225px;
  padding: 0;
  margin: 0;
}
.newsbox
{
  color: #666666;
  font-size: 10px;
  float: right;
  width: 205px;
  height: 206px;
  padding: 10px;
  margin: 0;
  background: #D9DADE;
  margin-bottom: 10px;
}
.newsbox h1
{
  font-family: Arial;
  font-weight: bold;
  font-size: 10px;
  color: #4B789B;
  padding: 0;
  margin: 0;
}

.newsbox a
{
  text-decoration: none;
  color: #666666;
}

.newsbox a:hover
{
  color: #444444;
}


.newsletterbox
{
  font-family: Arial, Helvetica;
  font-size: 10px;
  float: left;
  width: 205px;
  height: 112px;
  padding: 10px;
  padding-right: 0;
  margin: 0;
  background: #D9DADE;
  margin-bottom: 10px;
}

.videobox
{
	position: relative;
  font-family: Arial, Helvetica;
  font-size: 10px;
  float: left;
  width: 225px;
  height: 112px;
  margin: 0;
  padding: 0;
}

.videobox .video_description
{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	width: 100%;
	padding: 2px;
	position: absolute;
	top: 0;
	left:0;
	color: #FFFFFF;
	background-color: #000000;
}

.newsletterbox form
{
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

.newsletterbox input
{
  color: #999999;
  width: 164px;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-family: Arial, Helvetica;
  border: 1px solid #666666;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.newsletterbox img
{
	position: relative;
	top: 5px;
	padding: 0;
	margin: 0;
}

.clearer{
     clear: both;
     height: 0px;
     font-size: 0px;
     line-height: 0px;
}
#all_projects
{
	position: absolute;
	display: block;
	top: 140px;
	left: 535px;
	text-align: center;
	width: 150px;
	height: 20px;
	background: #666666;
	color: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#all_projects a
{
	line-height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
}

#foot
{
	
}

#content_banner
{
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	background: #000000;
}

#galerie_overview
{
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #000000;
	min-height: 255px;
}
#galerie_overview img
{
	margin-top: 5px;
	margin-right: 5px;
	border: 0;
	padding: 0;
}
#galerie_overview .lastimage
{
	margin-right: 0;
}

.left_box
{
	display: block;
	width: 312px;
	float: left;
}

.right_box
{
	text-align: left;
	display: block;
	width: 312px;
	float: right;
}