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

body{
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #000;
	background-image: url(../img/background.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color: #CCC;
}


.header {
	height: 50px;
	width: 1000px;
	margin: 3% auto 0;
}

.header_png{
	position: relative;
}

#ueber_mich_header_png{
	left: 591px;
	top: -50px;
}

.content_container{
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	background-image: url(../img/content_bgr.jpg);
}

.content_image{
	width: 970px;
	height: 500px;
	margin: 0 15px;
	background-repeat: no-repeat;
}

.leftcontent{
	float:left;
	height: 420px;
	padding: 40px 20px;;
	width: 284px;
	overflow: auto;
}

.rightcontent{
	float:left;
	height: 470px;
	padding: 15px 0 15px 0;
	width: 646px;
}

.rightcontent#ueber_mich_rightcontent {
	background-image: url(../img/background_ueber_mich.jpg);
	background-repeat: no-repeat;
	background-position:center;
}

.rightcontent#arbeiten_rightcontent {
	background-image: url(../img/background_arbeiten.jpg);
	background-repeat: no-repeat;
	background-position:center;
}

.rightcontent#kontakt_rightcontent {
	background-image: url(../img/background_kontakt.jpg);
	background-repeat: no-repeat;
	background-position:center;
}

.rightcontent#booklet_rightcontent{
	background-image: url(../portfolio/booklet/images/booklet_galery.jpg);
	background-repeat: no-repeat;
	background-position:center;
}

.rightcontent#film_rightcontent {
	background-image: url(../portfolio/film/images/film_galery.jpg);
	background-repeat: no-repeat;
	background-position:center;
}

.footer {
	height: 50px;
	width: 1000px;
	margin: 0 auto;
}

.iframe{
	border-color:#000;
	border-style:solid;
}



/*NAVIGATION!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

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

 	ul#navi li {
        padding: 0px;
        margin: 0;
		display: inline;
		text-indent: -9999px;
    }
	
 	ul#navi li a:link#ueber_mich {
		display: inline-block;
        background-image: url(../img/navi/ueber_mich.png);
		width: 129px;
		height: 50px;
	}
	ul#navi li a:visited#ueber_mich {
		display: inline-block;
        background-image: url(../img/navi/ueber_mich.png);
		width: 129px;
		height: 50px;
	}
	ul#navi li a:hover#ueber_mich {
		display: inline-block;
        background-image: url(../img/navi/ueber_mich_hover.png);
		width: 129px;
		height: 50px;
    }
	
		ul#navi li a:link#arbeiten {
		display: inline-block;
        background-image: url(../img/navi/arbeiten.png);
		width: 113px;
		height: 50px;
	}
	ul#navi li a:visited#arbeiten {
		display: inline-block;
        background-image: url(../img/navi/arbeiten.png);
		width: 113px;
		height: 50px;
	}
	ul#navi li a:hover#arbeiten {
		display: inline-block;
        background-image: url(../img/navi/arbeiten_hover.png);
		width: 113px;
		height: 50px;
    }
	
	ul#navi li a:link#kontakt {
		display: inline-block;
        background-image: url(../img/navi/kontakt.png);
		width: 104px;
		height: 50px;
	}
	ul#navi li a:visited#kontakt {
		display: inline-block;
        background-image: url(../img/navi/kontakt.png);
		width: 104px;
		height: 50px;
	}
	ul#navi li a:hover#kontakt {
		display: inline-block;
        background-image: url(../img/navi/kontakt_hover.png);
		width: 104px;
		height: 50px;
    }
	
	
	ul#arbeiten {
		position: relative;
		top: 40px;
		left: -20px;
    	margin: 0;
    	padding: 0px;
    	list-style-type: none;
	}

 	ul#arbeiten li {
        padding: 0px;
        margin: 0;
		margin-bottom: 1px;
		display: block;
    }
	
 	ul#arbeiten li a:link#verschiedenes {
		display: inline-block;
        background-image: url(../img/navi/verschiedenes.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:visited#verschiedenes {
		display: inline-block;
        background-image: url(../img/navi/verschiedenes.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:hover#verschiedenes {
		display: inline-block;
        background-image: url(../img/navi/verschiedenes_hover.png);
		width: 196px;
		height: 50px;
    }
	
	ul#arbeiten li a:link#plakate {
		display: inline-block;
        background-image: url(../img/navi/plakate.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:visited#plakate {
		display: inline-block;
        background-image: url(../img/navi/plakate.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:hover#plakate {
		display: inline-block;
        background-image: url(../img/navi/plakate_hover.png);
		width: 196px;
		height: 50px;
    }
	
	ul#arbeiten li a:link#booklet {
		display: inline-block;
        background-image: url(../img/navi/booklet.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:visited#booklet {
		display: inline-block;
        background-image: url(../img/navi/booklet.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:hover#booklet {
		display: inline-block;
        background-image: url(../img/navi/booklet_hover.png);
		width: 196px;
		height: 50px;
    }
	
	ul#arbeiten li a:link#film {
		display: inline-block;
        background-image: url(../img/navi/film.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:visited#film {
		display: inline-block;
        background-image: url(../img/navi/film.png);
		width: 196px;
		height: 50px;
	}
	ul#arbeiten li a:hover#film {
		display: inline-block;
        background-image: url(../img/navi/film_hover.png);
		width: 196px;
		height: 50px;
    }
	
	
	
ul#impressum_navi {
	position:relative;
	width: 137px;
	left: 863px;
    margin: 0;
    padding: 0px;
    list-style-type: none;
	}
	
	ul#impressum_navi li {
        padding: 0px;
        margin: 0;
		display: inline;
		text-indent: -9999px;
    }
	
		ul#impressum_navi li a:link#impressum {
		display: inline-block;
        background-image: url(../img/navi/impressum.png);
		width: 137px;
		height: 35px;
	}
	ul#impressum_navi li a:visited#impressum {
		display: inline-block;
        background-image: url(../img/navi/impressum.png);
		width: 137px;
		height: 35px;
	}
	ul#impressum_navi li a:hover#impressum {
		display: inline-block;
        background-image: url(../img/navi/impressum_hover.png);
		width: 137px;
		height: 35px;
	}

/*MYGALERY!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#myGallery
{
	text-align: left;
	margin: 0 auto;
}	


/*TEXT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
p {
	margin: 0;
	line-height: 25px;
	font-weight: bold;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}


#FlashID{
	position:relative;
	top: 75px;
}