a {
	color: #006699;
	margin:0;
	padding:0;
}

body {
	background-color: #222222;
	/*background-image: url("images/body.png");*/
	background-repeat: no-repeat;
	background-position:center;
	margin:0;
	padding:0;
	text-align:center;
	font-family:'Trebuchet MS';
	font-size:11px;
}

#container {
	margin:0 auto;
	width:820px;
	height:397px;
	text-align:left;
	margin-top:150px;
	background:url("images/main_bg.png");
}

#datum {
	color: #999;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin: 0;
	margin-top: 15px;
	padding:0;
}

#portfolio-item {
	height:200px;
	width:495px;
	margin-left: 5px;
	float:left;
}

#portfolio-item p {
	line-height: 20px;
	color: #555;
}


#portfolio-item strong {
	line-height: 20px;
	color: #111;
}

#portfolio-item ul,#mirror-ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	width: 500px;
	float: left;
}

#portfolio-item li,#mirror-ul li{
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px  9px 3px 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 9px;
	color: #CCC;
	background-color: #555;
}

#portfolio-item li a {
	color: #EEE;
	text-decoration: none;
	border-bottom: 1px dotted #006699;
}

#portfolio-item li img,#mirror-ul li img {
	float:right;
	margin-right: -6px;
	margin-top: -12px;
}

#portfolio-img {
	height:200px;
	width:160px;
	margin-left:20px;
	margin-top:15px;
	float:left;
}

#portfolio-img img {
	height:250px;
	width:150px;
	padding:2px;
	border: none;
}

#portfolio-ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#portfolio-ul li {
	line-height: 30px;
	border-bottom: 1px dotted #CCC;
}

#projects {
	float:left;
	height:360px;
	width:80px;
	background-color:#111;
	background-image:url("images/projects_bg.png");
	margin:0;
	margin-left:20px;
	margin-top:18px;
	
}

#projects .thumbs {
	float:left;
	height:340px;
	width:80px;
	text-align:center;
}

#projects .thumbs ul {
	margin:0;
	padding:0;
	list-style:none;
}

#projects .thumbs li {
	margin:0;
	padding:0;
}

#projects .thumbs img {
	margin-top:13px;
	border:none;
}

#projects .bullet {
	float:left;
	height:20px;
	width:80px;
	text-align:center;
}

#projects .bullet img {
	margin-left:3px;
	margin-right:3px;
}

#main {
	float:left;
	background-color:#ececec;
	background-image:url("images/main_rechts.png");
	background-repeat:no-repeat;
	background-position:right top;
	width:700px;
	height:325px;
	margin-top:10px;
}

#main .content {
	float: left;
	width:680px;
	height:285px;
	padding-left:10px;
}

#main .content p {
	line-height: 20px;
}

#main .content p strong {
	border-bottom: 1px dotted #555;
}

#main .content #contact-ul {
	list-style: none;
	padding:0;
	margin:0;
	margin-top:10px;
}

#main .content #contact-ul li {
	height:50px;
}

#main .content #contact-ul li img {
	margin-right: 10px;
}

#main .content .box {
	display: none;
}


#main .socials {
	float: left;
	height:40px;
	width:700px;
	background-image:url("images/social-bg.png");

}

#main .socials .icons {
	float:right;
	height:16px;
	margin-right: 10px;
	margin-top: 10px;
}

#main .socials .icons img {
	margin-left:5px;
}

#main .socials .balloon {
	float:right;
	height:26px;
	margin-top:7px;
}

#main .socials .balloon .left {
	float:right;
	width:9px;
	background-image:url("images/social-left.png");
}

#main .socials .balloon .right {
	float:right;
	width:10px;
	margin-right: 10px;
	background-image:url("images/social-right.png");
}

#main .socials .balloon .mid {
	float:right;
	height:26px;
	background-image:url("images/social-mid.png");
	line-height:6px;
	color: #333;
}


#navigation {
	float:left;
	margin:0;
	margin-top:18px;
	height:25px;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation li {
	float:left;
	width:67px;
	height:24px;
	margin-left:10px;
	text-align:center;
	line-height:24px;
	background:url("images/button-no-active-trans.png");
}

#navigation li a{
	display: block;
	width:67px;
	height:24px;
	color:#111111;
	text-decoration: none;
	font-weight: bold;
}

#navigation li.current {
	float:left;
	width:67px;
	height:24px;
	margin-left:10px;
	text-align:center;
	line-height:24px;
	background:url("images/button-active-trans.png");
}

#navigation li.current a{
	color:#FFF;
}

#short-delicious,#short-lastfm,#short-twitter {
	display: none;
}

/* JQUERY */

.stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin:0;
	height:340px;
	width:120px;
} 

.stripViewer ul {
	margin: 0; 
	padding: 0; 
	position: relative; 
	height:340px;
	width:80px;
} 

.stripViewer ul li {  
	float:left;
	width: 80px;
	height: 340px;
} 

.stripTransmitter { 
	overflow: auto;
	height:10px;  
	float:left;
}
 
.stripTransmitter ul { 
	margin: 0;
	margin-left: 25px;
	padding: 0; 
	position: relative; 
	list-style-type: none;
	float:left;
	height:10px;
	width:40px;
} 

.stripTransmitter ul li {
	float:left;
	height:8px;
	width:20px;
	text-align: center;
} 

.stripTransmitter a {
	background-image:url("images/bullet-grey-trans.png");
	background-repeat: no-repeat;
	display: block;
	height:8px;
	width:10px;
	text-decoration: none;
} 

.stripTransmitter a:hover, a.current { 
	background-image:url("images/bullet-blue-trans.png");
	background-repeat: no-repeat;
}