@charset "UTF-8";
/* CSS Document */

/* Christoph Jorda || Photographer
		by Nick Wiedemann 2010*/
		
		
/*------------------------------------------------------------------

1.	RESET // Global reset for all HTML elements

------------------------------------------------------------------*/



* {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {height: 100% }

body {
	background: #040402;
	color: #000; 
	font-size: 100.00%; 
	min-height: 100%;
}
img, fieldset, abbr, acronym { border: 0 }

table {
	border-collapse: collapse;
	border-spacing: 0; 
}

q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; }
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type:none; }

@font-face 
{ 
font-family: "jordafont";  
src: url(http://www.christophjorda.com/font/jordafont.ttf) format("truetype");
}  


/*------------------------------------------------------------------

2.	MAIN STYLES //	General definitions

--------------------------------------------------------------------

/* Layout SITE */

body {
	background-color: #181818;
	/*background-image: url(../gfx/bggrey.gif);
	background-repeat:repeat;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #60513A;
}


/* sitestruktur*/

#site {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -430px;
	margin-top: -360px;
	width: 862px;
	height:540px;
}

/* HEADER */
#header {
	position:relative;
    height: 78px;
    width: 862px;
	margin:0px;
	padding:0px;
	float:left;
	}

#logo {
	position:absolute;
	margin-top: 0px;
	margin-left: 200px;
	width:457px;
	height:32px;
	float:left;
	display:inline;
}

#content {
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
    width: 862px;
	height: 560px;
	float:left;
	text-align:center;
}

#footer {
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
    width: 862px;
	height: 70px;
	float:left;
}





/* MENU */

#menu {
	position:absolute;
	margin-top:40px;
	margin-left: 258px;
	width: 375px;
	height:16px;
	float:left;
}

#menu ul{
	border: 0;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	float:left;
}

#menu ul li{
	display: block;
	border: 0;
	padding: 0px;
	padding-right: 28px;
	margin:0px;
	height:16px;
	float:left;
}

/* MENU  */

#menu ul li a.people {
	width:62px;
	height:16px;
	display: block;	
	background: url(../gfx/kategorien.gif) 0px 0px no-repeat; 
}

#menu ul li a.reportage {
	width:96px;
	height:16px;
	display: block;	
	background: url(../gfx/kategorien.gif) -90px 0px no-repeat; 
}

#menu ul li a.sport {
	width:50px;
	height:16px;
	display: block;	
	background: url(../gfx/kategorien.gif) -215px 0px no-repeat; 
}

#menu ul li a.stage {
	width:52px;
	height:16px;
	display: block;	
	background: url(../gfx/kategorien.gif) -293px 0px no-repeat; 
}

#menu ul li a.style {
	width:49px;
	height:16px;
	display: block;	
	background: url(../gfx/kategorien.gif) -373px 0px no-repeat; 
}



/* MENU Hovers/Active  */

#menu ul li a.people:hover, #menu ul li a.people:active, #menu ul li a#active1 {
	background: url(../gfx/kategorien.gif) 0px -20px no-repeat;
}
#menu ul li a.reportage:hover, #menu ul li a.reportage:active, #menu ul li a#active2 {
	background: url(../gfx/kategorien.gif) -90px -20px no-repeat;
}
#menu ul li a.sport:hover, #menu ul li a.sport:active, #menu ul li a#active3 {
	background: url(../gfx/kategorien.gif) -215px -20px no-repeat;
}
#menu ul li a.stage:hover, #menu ul li a.stage:active, #menu ul li a#active4 {
	background: url(../gfx/kategorien.gif) -293px -20px no-repeat;
}
#menu ul li a.style:hover, #menu ul li a.style:active, #menu ul li a#active5 {
	background: url(../gfx/kategorien.gif) -373px -20px no-repeat;
}




/*////////////////////////////*/

/* MAINMENU01 */

#mainmenu01 {
	position:absolute;
	margin-top:17px;
	margin-left: 0px;
	width: 200px;
	height: 15px;
}

#mainmenu01 ul{
	border: 0;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	height:15px;
}

#mainmenu01 ul li{
	display: block;
	float: left;
	border: 0;
	padding: 0px;
	padding-right:25px;
	margin:0px;
	height:15px;

}

/* MAINMENU 01 */

#mainmenu01 ul li a.person{
	width:55px;
	height:15px;
	display: block;	
	background: url(../gfx/person.gif) 0px 0px no-repeat; 
}

#mainmenu01 ul li a.clients{
	width:55px;
	height:15px;
	display: block;	
	background: url(../gfx/clients.gif) 0px 0px no-repeat; 
}


/* MAINMENU01 Hovers/Active  */

#mainmenu01 ul li a.person:hover, #mainmenu01 ul li a.person:active, #mainmenu01 ul li a#active1 {
	background: url(../gfx/person.gif) 0px -19px  no-repeat;
}
#mainmenu01 ul li a.clients:hover, #mainmenu01 ul li a.clients:active, #mainmenu01 ul li a#active2 {
	background: url(../gfx/clients.gif) 0px -19px  no-repeat;
}
	
/*////////////////////////////*/

/* MAINMENU02 */

#mainmenu02 {
	position:absolute;
	margin-top:17px;
	margin-left: 660px;
	width: 201px;
	height: 15px;
	float:left;
}

#mainmenu02 ul{
	border: 0;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	height:15px;
}

#mainmenu02 ul li{
	display: block;
	float: right;
	border: 0;
	padding: 0px;
	padding-left:25px;
	margin:0px;
	height:15px;

}

/* MAINMENU02 */

#mainmenu02 ul li a.kontakt{
	width:65px;
	height:15px;
	display: block;	
	background: url(../gfx/kontakt.gif) 0px 0px no-repeat; 
}

#mainmenu02 ul li a.impressum{
	width:75px;
	height:15px;
	display: block;	
	background: url(../gfx/impressum.gif) 0px 0px no-repeat; 
}


/* MAINMENU02 Hovers/Active  */

#mainmenu02 ul li a.kontakt:hover, #mainmenu02 ul li a.kontakt:active, #mainmenu02 ul li a#active1 {
	background: url(../gfx/kontakt.gif) 0px -19px  no-repeat;
}
#mainmenu02 ul li a.impressum:hover, #mainmenu02 ul li a.impressum:active, #mainmenu02 ul li a#active2 {
	background: url(../gfx/impressum.gif) 0px -19px  no-repeat;
}
	

/*////////////////////////////*/

.prev {
	position:absolute;
	margin-top:0px;
	margin-left: 290px;
	width: 70px;
	height: 18px;
	float:left;
	font-size:10px;
	display: block;	
	background: url(../gfx/previous.gif) 0px 0px no-repeat;
	}
		
.prev:hover, .prev:active {
	background: url(../gfx/previous.gif) 0px -19px  no-repeat;
}

.next {
	position:absolute;
	margin-top:0px;
	margin-left: 515px;
	width: 43px;
	height: 18px;
	float:left;
	display: block;	
	background: url(../gfx/next.gif) 0px 0px no-repeat;
	}
		
.next:hover, .next:active {
	background: url(../gfx/next.gif) 0px -19px  no-repeat;
}


/* OVERVIEW*/

#overview {
	position:absolute;
	margin-top:56px;
	margin-left: 398px;
	width: 80px;
	height: 18px;
	float:left;
}
#overview a {
	width:80px;
	height:18px;
	margin:0px;
	padding:0px;
	display: block;	
	background: url(../gfx/overview.gif) 0px 0px no-repeat; 
}
#overview a:hover, #overview a:active {
	background: url(../gfx/overview.gif) 0px -19px  no-repeat;
}

/*TEXT FORMATIERUNGEN*/
a {
	color:#60513a;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#9b8a6f;
}

.txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #60513A;
	padding-bottom: 30px;
}

.bold {
	font-weight:200;
}

.head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-transform:uppercase;
	color: #60513A;
	margin: 0px;
}