@charset "UTF-8";
/* Tina Fleck Portfolio */

body {
	background-image:url(/images/bg-pattern.gif);
	background-repeat:repeat;
	background-color:#101013;
	font-family:"Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
	font-size:62.5%; /* Resets 1em to 10px */
	color:#ffffff;
	margin:0px;
	border:0px;
}

body * {
  /* Textausrichtung korrigieren */
}

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.7em;
	line-height:1.1em;
	font-weight:normal;
	display:inline;
	margin:0;
	padding:0;
	color:#ffffff;
}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height:1.1em;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	color:#ffffff;
}

img {
	border:0px;
}

ul {
	padding-left:15px;
	margin-left:0px;
}
li {
	list-style-image:url(/images/arrow.gif);
}

.main {
	width:100%;
	text-align:center;
	background-image:url(/images/bg-header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
.main * {
	text-align:left;
}

/* Header */

.header {
	height:132px;
	width:900px;
	margin:0 auto;
}

.menu {	
left:160px;
position:relative;
top:27px;
width:580px;
}

.menu ul {
	padding:0;
	margin:0;
}

.menu li {
	list-style:none;
	float:left;
	font-size:1.8em;
	margin-right:2px;
	
}

.menu li a {
	margin-left: 4px;
	display:block;	
	text-decoration:none;	
}

a.menu.home {
  background-image:url(/images/menu/home.png);
  width: 76px;
  height: 27px;
}
a.menu.grafik {
  background-image:url(/images/menu/grafik.png);
  width: 87px;
  height: 27px;
}
a.menu.webdesign {
  background-image:url(/images/menu/webdesign.png);
  width: 124px;
  height: 27px;
}
a.menu.animationen {
  background-image:url(/images/menu/animationen.png);
  width: 150px;
  height: 27px;
}
a.menu.kontakt {
  background-image:url(/images/menu/kontakt.png);
  width: 109px;
  height: 27px;
}
a.menu.active, a.menu:hover {
  background-position: 0px -27px;
}

/*
.menu li a span {
	color:#fff;
	text-decoration:none;	
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	display:block;
}
.menu li a:hover {
	text-decoration:none;	
	background-image:url(/images/menu-left.png);
	background-repeat:no-repeat;
 }
.menu li a:hover span {
	text-decoration:none;	
	background-image:url(/images/menu-right.png);
	background-repeat:no-repeat;
	background-position:right;
 }
.active {
	background-image:url(/images/menu-left.png);
	background-repeat:no-repeat;
 }
.active span {
	text-decoration:none;	
	background-image:url(/images/menu-right.png);
	background-repeat:no-repeat;
	background-position:right;
 }
*/

/* project */

.content {
	text-align:center;
}
.content * {
	text-align:left;
}
.project {
	margin:0 auto;
	padding-top:25px;
	width:900px;
	position:relative;
}
.project .image {
	float:left;
	border:10px;
	width:620px;
	margin:0 20px 0 0;
	padding:0;
	overflow:hidden;	
	position:relative;
}
.project .image .pic {
		position:relative;
		margin-bottom:3px;
}

img.pic {
	border:0px;
} 
.zoom img {
	position:absolute;
	bottom:5px;
	right:0px;
}
.zoom img {
	padding:0px;	
	border:none !important; 
}

.project .text {
	font-size:1.4em;
	line-height:1.5em;
	float:right;
	width:260px;
}
.project p {
	margin:12px 0 0 0;	
	padding:0px;
}

.project a {
	color:#64c6fe;
	text-decoration:none;
	border-bottom:1px dotted #64c6fe;
}
.project a:hover {
	color:#a0dbfd;
}

.image a { 
	text-decoration:none; ! important;
	border-bottom:0px;
	}

.project .image img {
	border:10px solid #2a2a32;	
}
.project .text img {
	padding:0;
}
.about {
	margin:0 auto;
	width:900px;
	position:relative;
	font-size:2em;
	line-height:1.5em;	
	font-family:Helvetica, Arial, sans-serif;
}
.about a {
	color:#64c6fe;
	text-decoration:none;
	border-bottom:1px dotted #64c6fe;
}
.about a:hover {
	color:#a0dbfd;
}

.facts {
	background-image:url(/images/animation/facts.gif);
	height:312px;
	margin-bottom:10px;
	border:10px solid #2a2a32;	
}
.cutouts {
	background-image:url(/images/animation/cutouts.jpg);
	height:312px;
	margin-bottom:10px;
	border:10px solid #2a2a32;	
}
.streetsoccer {
	background-image:url(/images/animation/streetsoccer.jpg);
	height:312px;
	margin-bottom:10px;
	border:10px solid #2a2a32;	
}

.divider {
	width:100%;
	background-image:url(/images/divider.gif);
	background-repeat:repeat-x;
	padding-top:2px;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}
a.list {
	background-image:url(/images/arrow.gif);
	padding-left:13px;
	background-repeat:no-repeat;
	background-position:left center;
}
.top {
	background-image:url(/images/arrow-top.gif);	
	padding-left:13px;
	background-repeat:no-repeat;
	background-position:left center;
	position:absolute;
	bottom:0px; 
	right:0px
	}
a.top {
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
a.top:hover {
	color:#dddddd;
	}

/* Footer */

.footer {
	background-image:url(/images/footer.gif);
	background-repeat:repeat-x;
	height:40px;
	overflow:hidden;
	margin-top:10px;
	text-align:center;
}	
.footer * {
	text-align:left;
}
.credits {
	width:900px;
	margin:0 auto;
	padding:9px 0;
	font-size:1.1em;
	color:#777;
	text-align:center;
}
.credits * {
	text-align:left;
}

.footer a {
	color:#777;
	text-decoration:underline;
}

.footer a:hover {
	color:#fff;
	text-decoration:none;
}

.credits_address {
	display:inline;
	float:left;
}

.credits_copy {
	display:inline;
	float:right;
}


.clear {
clear:both;
}