* {
	margin:0;
	padding:0;
}

html, body{
  height:101%
}

html > body{
	min-height:101%;
}

body{
  position:relative;

  color:#fff;
  background:#fff;

  font-family:Arial, Verdana, Geneva, Helvetica, san-serif;
  font-size:.75em;

  text-align:left;
}

img{
	border:0;
}

/************ FONT FORMATTINGS *****************/
a{
	color:#000;
}

a:link, a:active, a:hover, a:focus, a:visited{
   text-decoration:underline;
}

#guestnavi{
   font-size:1.4em;
   margin:0 0 1.2em 0;
   color:white;
   font-weight:bold;
   text-decoration:none;
}
h1{
   font-size:1.4em;
   margin:0 0 1.2em 0;
}

h2{
   font-size:1.2em;
   margin:.8em 0 1.2em 0;
}

h3, h4, h5, h6{
   font-size:1em;
   margin:.6em 0 1em 0;
}

p, ul, ol, dl, form{
   line-height:1.2em;
}

ul, ol, dl, form{
   padding-left:20px;
   padding-bottom:10px;
}

/******* LAYOUT ************/

#allWrap{
	width:960px;
	height:660px;
}

#header{
	height:160px;
	width:960px;
	background-color: #fff;
}

.logo {
	float: left;
	height:64px;
	width:160px;

	margin-left:40px;
	margin-top:69px;

	_margin-left:20px;
}

.description {
	clear: right;
	height:30px;
	width:960px;

	padding-top:76px;
	text-align:right;
	color:#000;

	_width:500px;
	_float:right;
	_padding-top:85px;
}
#fpic_border {
	border-right:1px solid white;
	border-left:1px solid white;
	border-top:1px solid white;
	border-bottom:1px solid white;
	}

#pic_border {
	border-right:3px solid white;
	border-left:3px solid white;
	border-top:3px solid white;
	border-bottom:3px solid white;
	}
	
#camouBg, #camouBgPhotos {
	height:500px;
	background-repeat:no-repeat;
	background-image:url('../imgs/camouflage_green.gif');

}
#camouBgPhotos{
	background-image:url('../imgs/camouflage_grey.gif');
}

/*---------------- NAVIGATION ----------------*/

#metaNavi {
	float:right;
	display:block;
	height:30px;
	margin-top:13px;
	text-align:right;
	color:#000;

	_margin-top:7px;

}

	#metaNavi a:link, #secNavi a:active, #secNavi a:visited{
		color:#000;

	}

	#metaNavi a:active, #secNavi a:hover, #secNavi a:focus{
		color:#7fb52b;

	}
	#metaNavi a.act {
		color:#7fb52b;
	}

#mainNaviBg{
	width:700px;
	height:30px;
	background-color:#000;
}
#mainNaviBgPhotoSub{
	width:700px;
	height:30px;
	
}
#PhotoNaviBg{
	width:700px;
	height:20px;
	background-color:#000;
	
}

#mainNavi{
	margin-left:20px;
	color:#fff;
}

	#mainNavi a:link, #mainNavi a:active, #mainNavi a:visited{
		color:#fff;
	}
	#mainNavi a:active, #mainNavi a:hover, #mainNavi a:focus{
		color:#7fb52b;
	}

	#mainNavi a.act {
	  color:#7fb52b;
	}
#act {
	  color:#7fb52b;
	}
	
#secNavi{
	clear:both;
	float:left;
	display:block;
	padding-top:10px;
	padding-left:20px;
	height:30px;
	color:#000;
}

#PhotosecNavi{
	clear:both;
	float:left;
	display:block;
	padding-top:2px;
	padding-left:20px;
	height:20px;
	color:#FFF;
}
#PhotosecNavi a:link, #PhotosecNavi a:active, #PhotosecNavi a:visited{
		color:#fff;
	}
	#PhotosecNavi a:active, #PhotosecNavi a:hover, #PhotosecNavi a:focus{
		color:#7fb52b;
	}

	#PhotosecNavi a.act {
	  color:#7fb52b;
	}
	#secNavi a:link, #secNavi a:active, #secNavi a:visited{
		color:#000;
	}

	#secNavi a:active, #secNavi a:hover{
		color:#fff;
	}
	#secNavi a.act {
	  color:#fff;
	}

#naviItem {
	font-weight: bold;
}

#naviItem span {
	font-weight: bold;
	float:left;
	padding-top:7px;
}

	#naviItem li {
		display: inline;
		margin:0;
		list-style: none;

	}

	#naviItem li a {
		float:left;
		display:block;

		padding-top:7px;
		text-decoration: none;

	}

/*---------------- CONTENT ----------------*/

#contentWrap_Startpage{
	clear: both;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;

	/*_padding-right:20px;	*//* for IE only */
	/*_padding-top:20px;*/		/* for IE only */
}
#contentWrap{
	clear: both;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;

	/*_padding-right:20px;	*//* for IE only */
	/*_padding-top:20px;*/		/* for IE only */
}

.contentOneCol,
.contentTwoCols,
.contentThreeCols,
.contentFourCols {
	float:left;
	height:320px;
	margin-right:20px;
	/*_margin-right:10px;*/		/* for IE only */
}

.contentThreeCols_Startpage {
	float:left;
	height:320px;
	margin-right:20px;
	margin-top:5px;
		width: 640px;
	/*_margin-right:10px;*/		/* for IE only */
}

.contentOneCol_Guestbook {
	float:left;
	height:320px;
	margin-right:5px;
	margin-top:5px;
		width: 320px;
	/*_margin-right:10px;*/		/* for IE only */
}

.contentOneCol_Startpage {
	float:left;
	height:320px;
	margin-right:15px;
	width: 205px;
	/*_margin-right:10px;*/		/* for IE only */
}
.contentOneCol {
	width: 200px;
}

.contentTwoCols {
	width: 420px;
}
.contentThreeCols {
	width: 640px;
}
.contentFourCols {
	width: 860px;
	background-color: blue;
}

/*---------------- FOOTER ----------------*/

#footer{
	clear:both;
	width:900px;
	height:30px;
	padding-right:60px;

	position: absolute;
	top: 630px;
	text-align:right;
}
/* -------------- NEWS PAGE ---------------- */
#news {
  	float:left;
  	width:880px;
  	height:500;
}

#news div {
	float:left;
	display:block;
	width:200px;
	height:180px;
	padding-right:20px;
	overflow:hidden;
}

#news div p {
	font-size:1em;
}

.newsLink {
	font-size: .9em;
}

.newsCaption {
	float:left;
	width: 220px;
	height:110px;
	overflow:visible;
	padding-top: 250px;
}

.newsText{
	float:left;
	width:440px;
	height:360px;
	overflow:visible;
}

.newsText .contentOneCol {
  float:left;
  width:220px;
  padding-right:20px;
}

#newsCaption {
	float:left;
	width: 220px;
	height:110px;
	overflow:visible;
	padding-top: 250px;
}

#newsCaption .caption {
	text-align:right;
	padding-right:20px;
}

#newsImg {
	 float:left;
	 width: 220px;
	 height:360px;
}


/* -------------- FOTOS PAGE --------------  */
#imageLarge {
	float: left;
    margin-right: 37px;
    width:450px;
    height:290px:
    align:left;
}

#thumbnails {
	float: left;
	width: 170px;
}

#thumbnails div {
	float: left;
    width: 85px;
    height: 80px;
}

#thumbnails p {
	font-size: 10px; /* TODO: Edit font-size */
	padding-top: 4px;
	color:#fff;
}
	.albumText {
		margin-right: 0;
		color:#fff;
	}

	.caption {
		font-weight: bold;
		padding-top: 20px;
		color:#fff;
	}

	/*single formatting for the word gallery in the subnavigation */
	.gallery {
		font-weight: bold;
		padding-top: 20px;
		color:#fff;
	}

	/* single formatting to display page number in subnavigation */
	#naviItem a.pgNumber {
		color:#fff;
	}
#pgNumber {
		color:#fff;
	}
	#naviItem a.pgNumber:active, #naviItem a.pgNumber:hover, #naviItem a.pgNumber:focus  {
		color:#7fb52b;
	}

	/* single formatting to display active page number in subnavigation */
	#naviItem a.pgNumberAct {
		color:#7fb52b;
	}
	
	#pgNumberAct {
		color:#7fb52b;
	}

/* specific formattings to show image
and caption in portrait format. */

#imageLargePortrait { /* Hochformat */
	float:left;
	width:240px;
	height:360px;
	margin-right:20px;
	color:#fff;
}
#imageLargePortraitCaption {
  	float:left;
	width:193px;
	margin-right:37px;
  	padding-top:300px;
  	overflow:visible;
  	color:#fff;
}

/*--------- IMPRINT PAGE --------*/

#imprint .contentOneCol {
  font-size:.8em;
}

#imprint .contentOneCol h1 {
  font-size:1.9em;
  margin-bottom:10px;
}

#imprint .contentOneCol h2 {
  margin-bottom:0;
}

/*--------- PROJECT OBJECTIVES PAGE --------*/

#objectivesText {
  float:left;
	width:440px;
	height:360px;
	overflow:visible;
}

#objectivesText ul li {
  	margin-left:-10px;
}
.objectivesText h1 {
	float:left;
}
.objectivesText .contentOneCol {
  float:left;
  width:220px;
  padding-right:20px;
}

#objectivesCaption {
	float:left;
	width: 220px;
	height:110px;
	overflow:visible;
	padding-top: 250px;
}

#objectivesCaption .caption {
	text-align:right;
	padding-right:20px;
}

#objectivesImg {
	 float:left;
	 width: 240px;
	 height:360px;
}

/*--------- PROJECT BACKSTAGE PAGE --------*/

#backstageImgs {
	float:left;
	width:440px;
	height:140px;
	padding-bottom:20px;
}

#backstageImgs img {
	float:left;
}

#backstageImgsSpacer {
	float:left;
	width:20px;
	height:130px;
}
#backstageText {
	float:left;
	width:420px;
	height:auto;
}

/*----------- ADMIN AREA and WARNINGS ---------*/
.msg {
  font-weight: bold;
  border:2px solid black;
  color:#fff;
  padding:5px 60px;
}
#logout {

  height:20px;
  width: 100px;
  padding:5px 20px;

  background-color:#000;
  color:#fff;

  position:absolute;
  top:160px;
  left:820px;

  font-weight: bold;
  text-align:center;

}
	#logout a:link, #logout a:active, #logout a:visited{
		text-decoration:none;
		color:#fff;
	}
	#logout a:active, #logout a:hover, #logout a:focus{
		text-decoration:none;
		color:#7fb52b;
	}

.userOption {
  padding:1px 5px;

  background-color:#000;
  color:#fff;

  font-weight: bold;
  text-decoration:none;
}
	.userOption a:link, .userOption a:active, .userOption a:visited{
		text-decoration:none;
		color:#fff;
	}
	.userOption a:active, .userOption a:hover, .userOption a:focus{
		text-decoration:none;
		color:#7fb52b;
	}
/*---------------- HELPERS ----------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */