/*  Resetting */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*  Resetting */

body {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background:#fff url(../images/background.png) top left repeat-x; 
	font: 12px Arial;
	padding:0;
}
	
#content {
	margin:65px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	position:relative;
	padding:0px;
	background:#fff url(../images/content_background.png) top left no-repeat; 
	width:868px;
	height:573px;
	color: #777;
	line-height: 18px;
}

#content p {
	margin:0 0 10px 0;
	padding:0px;
}

#content #logo {
	position:absolute;
	top: 75px;
	left: 69px;
}

#content #logo a {
	font: 14px Georgia, "Times New Roman", serif;
	display:block;
	text-decoration: none;
}
#content #logo a span{
	display: block;
}
#content #logo a span.name {
	color: #E41183;
	font-weight: bold;
}
#content #logo a span.title {
	color: #838383;	
}

#content #navigation {
	position:absolute;
	top: 18px;
	left: 348px;
}
#content #navigation ul {
	margin: 0px;
	padding: 0px;
}
#content #navigation ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	margin-right: 0px;
}

#content #navigation ul li a#nav-profil {
	width:55px;
	background-position: 0px bottom;
	display: none;
}
#content #navigation ul li a#nav-arbeitsproben {
	width:97px;
	background-position: -70px bottom;
}
#content #navigation ul li a#nav-freiearbeiten {
	width:97px;
	background-position: -182px bottom;
}
#content #navigation ul li a#nav-kontakt {
	width:64px;
	background-position: -294px bottom;
}
#content #navigation ul li a#nav-impressum {
	width:76px;
	background-position: -373px bottom;
}

#content #navigation ul li a:link, #content #navigation ul li a:visited {
	border-top: 0px solid #FFFFFF;
	display:block;
	height: 96px;
	background:#FFFFFF url(../images/navigation.png) left bottom no-repeat;
	margin-right:15px;
}
#content #navigation ul li a:hover, #content #navigation ul li a.current {
	background:#FFFFFF url(../images/navigation_aktiv.png) left bottom no-repeat;
}
#content #navigation ul li a span{
	display:none;
}

.rollover {
	border-top: 5px solid #E41183;
}
.default {
	border-top: 0px solid #FFFFFF;
}


/*
.rollover {
	border-bottom: 25px solid #EE4DB6;
}
.default {
	border-bottom: 0px solid #FFFFFF;
}
*/

/*
.rollover {
	padding-top: 4px;
	background-color: #000000;
}
.default {
padding-top: 0px;
	background-color: #FFFFFF;
}
*/

#content #main-content {
	position:absolute;
	top: 200px;
	left: 69px;
	width: 730px;
}


/*
* Start
* padding:16px 10px 10px 45px;
*/


/*
* General Styles
*
*/
#content  em {
	color: #E41183;
}
#content a {
	color: #E41183;
}


/*
* Thumbnail List
*
*/
#content #thumb-list {
	position: absolute;
	left: 348px;
	top: 160px;
	width: 455px;
}
#content #thumb-list img{
	margin:0px;
	padding:0px;
}

#content #thumb-list a {
	display:block;
	float:left;
	margin:0px;
	padding:0 5px 8px 0;
	width:221px;
	height:110px;
}
#info-popup {
	position:absolute;
	margin:bottom;
	z-index:200;
}
#info-popup .caption{
	font: 11px Georgia, "Times New Roman", serif;
	background:#fff;
	border: 1px solid #EE4DB6;

	/*-webkit-box-shadow: 0px 2px 40px #555;*/
	display:block;
	margin:0px;
	padding: 2px 5px 2px 5px;
}
#info-popup .footer{
	display:block;
	margin:-1px 0;
	height: 6px;
	width: 100%;
	background:transparent url(../images/sprechblase.gif) center bottom no-repeat;
}

/*
* Project site
*
*/
#content #project-description {
	position: absolute;
	left: 69px;
	top:162px;
	width: 250px;
	font: 11px Georgia, "Times New Roman", serif; 
	line-height: 15px;
}
#content #project-description h2 {

	margin-bottom: 0px;
}
#content #project-description h2 {
	font-weight: bold;
}
#content #project-description h3 {
	margin-bottom: 10px;
}
#content #project-description p {
	margin-bottom: 10px;
}

#content #project-media {
	position: absolute;
	left: 348px;
	top: 160px;
	width: 449px;
}
#content #project-media a.teaser-link {
	background:#FFFFFF url(../images/projekteinblicke.png) right bottom no-repeat;
	padding-bottom: 17px;
	display:block;
}
#content .invisible-link {
	display:none;
}
#content #project-nav {
	position: absolute;
	left: 69px;
	top: 515px;
	background:transparent url(../images/blaettern_portfolio.gif) 35px 1px no-repeat;
	padding-right:147px;
}

#content #project-nav a  {
	color: #EE4DB6;
	text-decoration:none;
	float:left;
	display:block;
	width: 14px;
	height:12px;
}
#content #project-nav a.prev  {
	background:transparent url(../images/pfeil_zurueck.gif) center no-repeat;
	margin-right: 2px;
}
#content #project-nav a.next  {
	background:transparent url(../images/pfeil_vor.gif) center no-repeat;
}
#content #project-nav a span {
	display:none;
}
#content #project-nav a.disabled  {
	opacity:0.3;
}



#content #text-bubble {
	position: absolute;
	left: 325px;
	top: 160px;
	width: 429px;
	height: 321px;
	overflow: auto;
	background:transparent url(../images/sprechblase_start_pink.gif) left top no-repeat;
	padding:16px 1px 10px 40px;
	font: 18px Georgia, "Times New Roman", serif; 
	line-height: 120%;
	border-right: 1px solid #EE4DB6;
}

#content #text-bubble-header {
	background: transparent url(../images/gradient-white.png) top left repeat-x;	
	position: absolute;
	left: 349px;
	height:20px;
	top: 161px;
	width: 430px;
	z-index:100;
}
#content #text-bubble-footer {
	background: transparent url(../images/gradient-white-bottom.png) bottom left repeat-x;	
	position: absolute;
	left: 349px;
	height:20px;
	top: 486px;
	width: 430px;
}

/*
* Profil
*
*/
.profil #content #download-link {
	position: absolute;
	right: 72px;
	top: 524px;
}
.profil #content #download-link a {
	background: transparent url(../images/profil/lebenslauf.gif) top left repeat-x;	
	display:block;
	width: 167px;
	height: 8px;
}
.profil #content #download-link a span{
	display:none;
}


	
/*
* Text Content
*
*/
#content #text-content {
	position: absolute;
	left: 348px;
	top: 180px;
	width: 400px;
	overflow: auto;
	font: 12px Georgia, "Times New Roman", serif; 
	line-height: 130%;
}
#content #text-content em, #content #text-content .strong {
	font-weight:bold;
}

/*
* Shadowbox
*
*/

#sb-body {
	background: #fff !important;
}
#sb-title-inner, #sb-counter {
	font: 11px Georgia, "Times New Roman", serif !important;
	letter-spacing: 1px;
	color: #fff;
}