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

/* Simone Hörmann || Fotodesign
		by Nick Wiedemann 2010*/


/* Layout SITE */

body {
	background-color: #5e5f60;
	background-image: url(../gfx/bg_site.jpg);
	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;
	background-image: url(../gfx/bg_content.jpg);
	background-repeat: no-repeat;
	left: 50%;
	top: 50%;
	margin-left: -540px;
	margin-top: -265px;
	width: 1080px;
	height:530px;
	display:inline;
}

/* HEADER */
#header {
	position:absolute;
    height: 530px;
    width: 300px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}

#logo {
position:absolute;
margin-top: 30px;
margin-left: 36px;
width:252px;
height:49px;
float:left;
display:inline;
}

#content {
	position:absolute;
	margin-top: 0px;
	margin-left: 300px;
    width: 780px;
	height: 530px;
	display:inline;
}

#startfoto {
	position:absolute;
	margin-top:30px;
	margin-left:320px;
	width: 725px;
	height:470px;
	float: left;
	display:inline;
}


#prev {
	position:absolute;
	margin-top: 245px;
	margin-left: 294px;
	width:24px;
	height:14px;
	float:left;
	display:inline;
}

#next {
	position:absolute;
	margin-top: 245px;
	margin-left: 1055px;
	width:24px;
	height:14px;
	float:left;
	display:inline;
}

/* MAINMENU */

#mainmenu {
	position:absolute;
	margin-top:492px;
	margin-left: 36px;
	width: 160px;
	height: 12px;
	display:inline;
}

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

#mainmenu ul li{
	display: block;
	float: left;
	border: 0;
	padding: 0px;
	margin:0px;
	height:12px;

}

/* MAINMENU  */

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

#mainmenu ul li a.impressum{
	width:75px;
	height:12px;
	display: block;	
	background: url(../gfx/mainmenu.jpg) -65px 0px no-repeat; 
}


/* MAINMENU Hovers/Active  */

#mainmenu ul li a.kontakt:hover, #mainmenu ul li a.kontakt:active, #mainmenu ul li a#active1 {
	background: url(../gfx/mainmenu.jpg) 0px -30px  no-repeat;
}
#mainmenu ul li a.impressum:hover, #mainmenu ul li a.impressum:active, #mainmenu ul li a#active2 {
	background: url(../gfx/mainmenu.jpg) -65px -30px  no-repeat;
}


/* MENU */

#menu {
	position:absolute;
	margin-top:140px;
	margin-left: 36px;
	width: 250px;
	height:200px;
}

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

#menu ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:26px;
	/*float:left;*/
}

/* MENU  */

#menu ul li a.stills{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_stills.jpg) 0px 0px no-repeat; 
}

#menu ul li a.people{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_people.jpg) 0px 0px no-repeat; 
}

#menu ul li a.sport{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_sport.jpg) 0px 0px no-repeat; 
}

#menu ul li a.gastro{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_gastro.jpg) 0px 0px no-repeat; 
}

#menu ul li a.reportage{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_reportage.jpg) 0px 0px no-repeat; 
}

#menu ul li a.projekte{
	width:102px;
	height:22px;
	display: block;	
	background: url(../gfx/menu_projekte.jpg) 0px 0px no-repeat; 
}



/* MENU Hovers/Active  */

#menu ul li a.stills:hover, #menu ul li a.stills:active, #menu ul li a#active1 {
	background: url(../gfx/menu_stills.jpg) 0px -23px no-repeat;
}
#menu ul li a.people:hover, #menu ul li a.people:active, #menu ul li a#active2 {
	background: url(../gfx/menu_people.jpg) 0px -23px no-repeat;
}
#menu ul li a.sport:hover, #menu ul li a.sport:active, #menu ul li a#active3 {
	background: url(../gfx/menu_sport.jpg) 0px -23px no-repeat;
}
#menu ul li a.gastro:hover, #menu ul li a.gastro:active, #menu ul li a#active4 {
	background: url(../gfx/menu_gastro.jpg) 0px -23px no-repeat;
}
#menu ul li a.reportage:hover, #menu ul li a.reportage:active, #menu ul li a#active5 {
	background: url(../gfx/menu_reportage.jpg) 0px -23px no-repeat;
}
#menu ul li a.projekte:hover, #menu ul li a.projekte:active, #menu ul li a#active6 {
	background: url(../gfx/menu_projekte.jpg) 0px -23px no-repeat;
}




/* SUBMENU 01 */

#submenu01 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 74px;
}

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

#submenu01 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:14px;
}


/* SUBMENU 01  */

#submenu01 ul li a.produkt01{
	width:104px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_produktfotos01.jpg) 0px 0px no-repeat; 
}

#submenu01 ul li a.produkt02{
	width:104px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_produktfotos02.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 01 Hovers/Active  */

#submenu01 ul li a.produkt01:hover, #submenu01 ul li a.produkt01:active, #submenu01 ul li a#active1 {
	background: url(../gfx/submenu_produktfotos01.jpg) 0px -20px no-repeat;
}
#submenu01 ul li a.produkt02:hover, #submenu01 ul li a.produkt02:active, #submenu01 ul li a#active2 {
	background: url(../gfx/submenu_produktfotos02.jpg) 0px -20px no-repeat;
}



/* SUBMENU 02 */

#submenu02 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 80px;
}

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

#submenu02 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:14px;
}


/* SUBMENU 02 BUTTONS */

#submenu02 ul li a.lifestyle{
	width:145px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_lifestyle.jpg) 0px 0px no-repeat; 
}

#submenu02 ul li a.business{
	width:145px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_business.jpg) 0px 0px no-repeat; 
}

#submenu02 ul li a.wearabletech{
	width:145px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_wearabletech.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 02 Hovers/Active  */

#submenu02 ul li a.lifestyle:hover, #submenu02 ul li a.lifestyle:active, #submenu02 ul li a#active1 {
	background: url(../gfx/submenu_lifestyle.jpg) 0px -20px no-repeat;
}
#submenu02 ul li a.business:hover, #submenu02 ul li a.business:active, #submenu02 ul li a#active2 {
	background: url(../gfx/submenu_business.jpg) 0px -20px no-repeat;
}
#submenu02 ul li a.wearabletech:hover, #submenu02 ul li a.wearabletech:active, #submenu02 ul li a#active3 {
	background: url(../gfx/submenu_wearabletech.jpg) 0px -20px no-repeat;
}



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

/* SUBMENU 03 */

#submenu03 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 71px;
}

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

#submenu03 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:14px;
}

/* SUBMENU 03 BUTTONS */

#submenu03 ul li a.lifestyle{
	width:121px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_parkour.jpg) 0px 0px no-repeat; 
}

#submenu03 ul li a.business{
	width:121px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_snowboard.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 03 Hovers/Active  */

#submenu03 ul li a.lifestyle:hover, #submenu03 ul li a.lifestyle:active, #submenu03 ul li a#active1 {
	background: url(../gfx/submenu_parkour.jpg) 0px -20px no-repeat;
}
#submenu03 ul li a.business:hover, #submenu03 ul li a.business:active, #submenu03 ul li a#active2 {
	background: url(../gfx/submenu_snowboard.jpg) 0px -20px no-repeat;
}

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



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

/* SUBMENU 04 */

#submenu04 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 80px;
}

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

#submenu04 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:14px;
}

/* SUBMENU 04 BUTTONS */

#submenu04 ul li a.gastro01{
	width:121px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_gastro.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 04 Hovers/Active  */

#submenu04 ul li a.gastro01:hover, #submenu04 ul li a.gastro01:active, #submenu04 ul li a#active1 {
	background: url(../gfx/submenu_gastro.jpg) 0px -20px no-repeat;
}


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

/* SUBMENU 05 */

#submenu05 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 112px;
}

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

#submenu05 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:15px;
}

/* SUBMENU 05 BUTTONS */

#submenu05 ul li a.seat{
	width:124px;
	height:12px;
	display: block;
	background: url(../gfx/submenu_seat.jpg) 0px 0px no-repeat; 
}

#submenu05 ul li a.playse{
	width:124px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_playstation.jpg) 0px 0px no-repeat; 
}

#submenu05 ul li a.bmw{
	width:124px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_bmw.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 05 Hovers/Active  */

#submenu05 ul li a.seat:hover, #submenu05 ul li a.seat:active, #submenu05 ul li a#active1 {
	background: url(../gfx/submenu_seat.jpg) 0px -20px no-repeat;}
	
#submenu05 ul li a.playse:hover, #submenu05 ul li a.playse:active, #submenu05 ul li a#active2 {
	background: url(../gfx/submenu_playstation.jpg) 0px -20px no-repeat;}
	
#submenu05 ul li a.bmw:hover, #submenu05 ul li a.bmw:active, #submenu05 ul li a#active3 {
	background: url(../gfx/submenu_bmw.jpg) 0px -20px no-repeat;}


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



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

/* SUBMENU 06 */

#submenu06 {
position:relative;
margin-top:-22px;
margin-bottom:15px;
margin-left: 103px;

}

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

#submenu06 ul li{
	display: block;
	border: 0;
	padding: 0px;
	margin:0px;
	height:14px;
}

/* SUBMENU 06 BUTTONS */

#submenu06 ul li a.move{
	width:124px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_bewegungsdrang.jpg) 0px 0px no-repeat; 
}

#submenu06 ul li a.projekt01{
	width:124px;
	height:12px;
	display: block;	
	background: url(../gfx/submenu_bergmaedchen.jpg) 0px 0px no-repeat; 
}

/* SUBMENU 06 Hovers/Active  */

#submenu06 ul li a.move:hover, #submenu06 ul li a.move:active, #submenu06 ul li a#active1 {
	background: url(../gfx/submenu_bewegungsdrang.jpg) 0px -20px no-repeat;}
	
#submenu06 ul li a.projekt01:hover, #submenu06 ul li a.projekt01:active, #submenu06 ul li a#active2 {
	background: url(../gfx/submenu_bergmaedchen.jpg) 0px -20px 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;
}

.img {
	margin-top: 20px;
	margin-right: 20px;
}