/* ================================================================
   1. Allgemeines Layout
   ================================================================ */
   
body {
    background-color:/*blau=#3a4b53beige=#90704D*/#fff;
	font: normal 100.01% Verdana, Arial, Helvetica, sans-serif /*Georgia, serif*/;
	color:#000066;/*dunkelgrau*/
	width:100%;
	margin: 0 0;
	padding: 0;
}

#wrapper {
	margin: 0px 0px;
	background: #fff url(../images/bgd-bottom.png) bottom right no-repeat;
}

/* ================================================================
   1.1. header, logo und topnavi
   ================================================================ */
   
/*....................... header .......................*/
#header {	
	height:120px;
	width:100%;
	background:#3366ff url(../images/bgd.png) top left no-repeat;
	border-width: 0 0 5px 0;
	border-style:solid;
	border-color:#000066;
}

/* ....................... logo .......................*/
h1.logo {
	position:absolute;
	width:400px;
	margin: 0 0 0 200px;
	padding:50px 0 0 0;
	font: normal 265% Corbel, Verdana, Tahoma, Helvetica, sans-serif;
	color:#fff;
}
h1.logo span {
    font-weight:bold;
}

/* ....................... TOPnavi .......................*/
ul.navi{
	position:absolute;
	float:left;
	left:200px;
	top:120px;
	margin:0;
	padding: 0 5px 0 5px;
	list-style:none;
	border-width:5px 0 0 0;
	border-style:solid;
	border-color:#000066;
	background-color:transparent;
 }
 
 ul.navi li {
    float:left;
    margin:0;
    padding:0;
    color:#3366ff;/*pink*/
    font:normal 81.25%/2 Arial, Verdana, sans-serif;
}

 ul.navi li#active {
    margin:0 2px 0 0;
    padding:0 0 0 5px;
    background: #000066;
}

 ul.navi li#active span{
    display:block;
    margin:0;
    padding:0 15px 0 10px;
    background: #000066;
}

 ul.navi a{
    display:block;
    white-space:nowrap;
    margin:0 2px 0 0;
    padding:0 15px;
    color:#fff;
    background:#3366ff;
    text-decoration:none;
}

ul.navi a:hover{
	background: #606165;/*pink*/
    padding:0 15px;
}

/* ================================================================
   1.2. footer
   ================================================================ */

#footer {	
	height:120px;
	width:100%;
	background-color:#3366ff;
	border-width:5px 0 0 0;
	border-style:solid;
	border-color:#000066;
	font-size:70%;
	text-align:justify;
}
p.footernavi {
	position:absolute;
	left:200px;
	padding: 0;
    margin: 9em 0 0 0;
}
ul.footernavi {
	position:absolute;
    float:left;
	left:200px;
	width:400px;
    padding: 0 5px 0 0;
    margin:0;
    list-style:none;
}

ul.footernavi li{
    float:left;
    margin:0;
    padding:0;
 }

ul.footernavi a { 
	padding:0 20px 0 10px;
	text-decoration:none;
	color:#fff;
	background: transparent url(../images/arrow.gif) center left  no-repeat;
}

/* ================================================================
   2. content
   ================================================================ */

#content {	
	width:500px;
	margin: 20px 0 20px 200px;
	padding: 20px 10px 10px 20px;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:81.25%;
}

#content h2 {
	font:bold 125% /*Verdana, Arial, Helvetica, sans-serif*/ Georgia, serif;
	color:#3366ff;
}

#content h4{
	font: bold 90% /*Verdana, Arial, Helvetica, sans-serif*/ Georgia, serif;
	color:#3366ff;	
}

/*#content a {
	text-decoration:none;
	color:#000066;
	white-space:nowrap;
	}
#content a:hover{
	text-decoration:underline;
}*/
/* ================================================================
   2.1. home
   ================================================================ */

/* ....................... image replacement .......................*/
#content h5 {
	padding:0;
	margin: 0;
	text-indent: -9999px;
  	background: #fff url(../images/nieborg.jpg) no-repeat right top;
  	height: 231px;
  	width:490px;
	}

p#what {
	margin:/*-127px*/ -114px 0 0 0;
	font-size:75%;
}

/* ================================================================
   2.2. work
   ================================================================ */

/* ....................... Jahreszahlen-navi .......................*/
ul.navi2{
	position:absolute;
	float:left;
	padding: 5px 5px 0 5px;
	margin:-45px 0 0 200px;
	list-style:none;
	border-width:5px 0 0 0;
	border-style:solid;
	border-color:#000066;
	background-color:transparent;
	width: 800px;
 }
 
 ul.navi2 li {
    float:left;
    margin:0;
    padding:0;
}
/* ....................... navi-ende*/
ul#work{
	position:relative;
	list-style:none;
	margin:1em 0;
	padding:0;
}

#content a#up{
	padding:2px 20px 2px 10px;
	text-decoration:none;
	color:#3366ff;
	background: transparent url(../images/arrow.gif) center left  no-repeat;}

#content ul#work {
	margin:0 0.625em 0 10em;
}
#content li#work {
	margin:0 0 6.25em 0;
}

#content li#year img{
	position:absolute;
    padding:0;
	margin:0 0 0 -10em;
}

img#work {
	display:block;
	padding:0 0.45em 1em 0;
	background:url(../images/bg_imgShadow.png) bottom right no-repeat;
}

img.ini{
	float:left;
	padding:0 1em 0.5em 0;
}

/* ================================================================
   3. gallery
   ================================================================ */

ul.galerie {
	list-style: none;
	width:500px;
	height:550px/*550px reicht für sechs bilder - bei bedarf anpassen*/;
}
ul.galerie li {
	float:left;
	padding:10px;
	margin:25px 25px 0 0;
	border:1px solid #3366ff;
}
ul.galerie li img {
	border:none;
}
/*............................................... E N D ...............................................*/