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

/* ============================
   1. All Overs ...
============================ */
* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  	color: black;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #b5b5b5;
  	font-family: 'Times New Roman', Times, serif;
	font-size: small;
}

a img { border: none;  }
a { text-decoration: none; outline: none; }
a:link {
  color: black;
}
a:visited { color: black; }
a:hover, a:focus { color: #808080; text-decoration: none; outline: none; }
a:active { color: #808080; }

p	{
	font-family: 'Times New Roman', Times, serif;
	font-size:11px; 
	color:#000000; 
	font-weight:normal;
}

h1 { font-family: 'Times New Roman', Times, serif; font-size: 14px; }

/* ============================
   2. wrapper and big styles
============================ */
#wrapper {
	width: 920px; /* 2007-08-10 */
	height: 600px; /* remove after developement */
	margin-top: 0px;
  	margin-right: auto;
  	margin-bottom: 10px;
  	margin-left: auto;
}

#head {
	width: 100%; /* 2007-08-10 */
	height: 114px; /* logo + 6 top + 20 bottom */
	margin-top: 6px;
  	margin-bottom: 20px;
}

#content {
	width: 100%; /* 2007-08-10 */
	height: 100%; /* cancel or 100% */
}

#login {
	width: 100%; /* 2007-08-10 */
	height: 100%; /* cancel or 100% */
	margin-top: 10%;
  	margin-bottom: 40%;
}


#logo {
	width: 133px;
	height: 94px;
	float: left;
}

#navi {
	width: 750px; /* ca 760px */
	height: 14px;
	float: left;
	padding-top: 75px; /* get navi valign-bottom with logo*/
	padding-left: 20px;
}

#navi li {
	display: inline;
	list-style-type: none;
	padding-left: 20px;
}

.navi-on {
	color: 808080;
}

#navi a:hover,
    #index #navi-01 a,
    #projects #navi-02 a,
    #agency #navi-03 a,
    #clients #navi-04 a,
	#contact #navi-05 a,
	#imprint #navi-06 a
    {
      text-decoration: none; /* Unterstreichung aus */
	    color: #808080;
	    }

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

#newstext {
	width: 450px;
	float: left;
}

#newspic {
	width: 420px;
	padding-left: 30px;
	float: left;
}

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

#projectstext {
	width: 900px;
	padding-bottom: 10px;
}

#projectspic {
	width: 920px;
}

.picsbox {
	width: 125px;
	float: left;
}

#text {
	width: 450px;
}

#bigpicwrapper {
	width: 100%;
}

.agencybox {
	width: 420px;
	height: 130px;
	float: left;
}

.clientbox {
	width: 410px;
	height: 150px;
	float: left;
	padding-bottom: 10px;
	margin-right: 20px;
	display: inline; /* margin hori bugfix for IE 6 */
}

.clientbox-left {
	width: 230px;
	height: 150px;
	float: left;
}

.clientbox-right {
	width: 150px;
	height: 150px;
	float: left;
}

#kontaktseite form {
  padding: 20px;
	margin-bottom: 1em;
}
#kontaktseite label {
  display: block;
}
#kontaktseite #name,
#kontaktseite #absender,
#kontaktseite textarea {
  width: 20em;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
#kontaktseite textarea {
  width: 40em;
  height: 20em;
}
#kontaktseite input:focus,
#kontaktseite textarea:focus {
  background-color: #d6d6d6;
}