/* Style Sheet Tim Hendrics - Photography - NuminA - Jimmy Gorilla */

/* ============================
   1. All Overs ...
============================ */
* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  	color: black;
	background-image: url(../img/bg05.jpg);
	background-repeat: repeat-x;
	background-color: #1f1f1f;
  	font-family: Arial, sans-serif;
	font-size: small;
}

a img { border: none;  }
a { text-decoration: none; outline: none; font-size:10px; font-style: bold; }
a:link { color: white; }
a:visited { color: white; }
a:hover, a:focus { color: white; text-decoration: none; outline: none; }
a:active { color: #00ff00; }

a.outlink:link, a.outlink:visited, a.outlink:active, a.outlink:hover
	{font-family: Arial, sans-serif; font-size:10px; color:#00C3FF; text-decoration:none;}

a.outlinkbig:link, a.outlinkbig:visited, a.outlinkbig:active, a.outlinkbig:hover
	{font-family: Arial, sans-serif; font-size:15px; color:#00C3FF; text-decoration:none;}

p	{
	font-family: Arial, sans-serif;
	font-size:11px; 
	color:#FFFFFF; 
	font-weight:normal;
}

h1 { font-family: Arial, sans-serif; font-size: 15px; color: #FFFFFF; }

h2 { font-family: Arial, sans-serif; font-size: 9px; color: #FFFFFF; }

h3 { font-family: Arial, sans-serif; font-size: 70%; font-style:normal; letter-spacing: 2px; line-height: 1.7em; color: black; } /* used for the footer */

h5 { font-family: Arial, sans-serif; font-size: 9px; color: #6f6f6f; text-align: right; } /* used for pic subtitles */

#navibox a:hover,
#navibox a:focus,
    #publications 	#navi01 a,
    #portfolio 		#navi02 a,
	#vita 			#navi03 a
	
	{
      text-decoration: none; /* Unterstreichung aus */
	    color: #00ff00;
	    }
		
#footbox a:hover,
#footbox a:focus,
	#contact 		#navi04 a,
    #network 		#navi05 a,
    #imprint 		#navi06 a
	
	{
      text-decoration: none; /* Unterstreichung aus */
	    color: #00ff00;
	    }

/* ============================
   2. wrapper and big styles
============================ */
#wrapper {
	width: 970px; /* imperative! */
	height: 100%;
	margin-top: 0px;
  	margin-right: auto;
  	margin-bottom: 1px;
  	margin-left: auto;
	vertical-align: top;
	/* border: 1px dashed green; */
}

#headbar {
	width: 970px; /* not necessary */
	height: 90px;
	vertical-align: top;
	background-color:#000000;
}

#pxline {
	width: 970px;
	height: 1px;
	vertical-align: top;
}

#content-box {
	width: 955px;
	height: 100%; /* set to 100% after development */
	vertical-align: top;
	/* background-color: black; */
	/* filter:alpha(opacity=70); /* for IE */ 
	/* opacity:0.7; /* CSS3 standard */
	background-image: url(../img/contentbg.png);
	background-repeat: repeat-y;
	padding-left:15px;
	padding-top:10px;
}

#content {
	width: 970px;
	height: 100%; /* set to 100% after development */
	vertical-align: top;
}

#footbar {
	width: 970px;
	height: 25px;
	vertical-align: top;
	background-color:#000000;
}

#footer {
	width: 970px;
	height: 25px;
	vertical-align: top;
	text-align: center;
	margin-top: 5px;
}

#logo {
	width: 225px;
	height: 81px;  /* logo height= 81px */
	padding-top: 9px;
	margin-left: 15px;
	/* background-color:#999999; */
	float:left;
}

#navibox {
	width: 600px; /* almost space up to flags */
	height: 25px;  /* logo height= 81px */
	margin-top: 65px;
	margin-left: 30px;
	/* background-color:#999999; */
	float:left;
}

#navibox li {
	display:inline;
	list-style-type: none;
	color:#FFFFFF;
	margin-right: 30px;
}

#flags {
	width: 75px;
	height: 19px;  /* logo height= 81px */
	padding-top: 67px;
	margin-right: 15px;
	/* background-color:#999999; */
	float:right;
	text-align: right;
}

#footbox {
	width: 900px;
	height: 20px;
	margin-top: 5px;
	margin-left: 15px;
	/* background-color:#999999; */
	float:left;
}

#footbox li {
	display:inline;
	list-style-type: none;
	color:#FFFFFF;
	margin-right: 35px;
}

/* ============================
   3. specific content styles
============================ */

#login {
	width: 100%;
	height: 100%;
	margin-top: 15%;
  	margin-bottom: 35%;
}

a.foot-link:link 		{color: #000000; text-decoration: none;}
a.foot-link:visited		{color: #000000; text-decoration: none;}
a.foot-link:active		{color: #000000; text-decoration: none;}
a.foot-link:hover		{color: #000000; text-decoration: none;}

#content-banner {
	width: 970px;
	height: 650px; /* IE bug: needs to be exact same height like img in index-logn.html */
	vertical-align: top;
}

#content-publications {
	width: 940px;
	height: 450px; /* set for publications */
	vertical-align: top;
	padding-left:54px;
}

#content-portfolio {
	width: 940px;
	height: 450px; /* set for portfolio */
	vertical-align: top;
	padding-left:15px;
}

#content-vita {
	width: 940px;
	height: 450px; /* set for vita */
	vertical-align: top;
	padding-left:30px;	
}

#content-network {
	width: 940px;
	height: 450px; /* set for network */
	vertical-align: top;
	padding-left:15px;
}

#vitabox {
	width: 420px;
	float: left;
	padding-right:90px;
}

#vitaboxpic {
	width: 350px;
	float: left;
}

#counter {
	width: 580px;
	height: 55px;
	vertical-align: top;
	/* text-align:center; */
	padding-left:285px;
}

.publicationsbox {
	width: 300px;
	float: left;
	margin-top:20px;
	text-align:left;
}

.networkbox {
	width: 30%;
	height:150px;
	float: left;
	margin-top:10px;
	text-align:left;
}

.picsbox {
	width: 230px;
	float: left;
	padding-right:5px;
	padding-top:40px;	
}

span                        {font-family: Arial, sans-serif;}
.client                    	{font-size:13px; color:#FFFFFF; font-weight:normal;}
.year                    	{font-size:13px; color:#FFFFFF; font-weight:normal;}
.description               	{font-size:8px; color:#FFFFFF; font-weight:normal;}