/* Grid System */
.c1 { width:60px; }
.c2 { width:140px; }
.c3 { width:220px; }
.c4 { width:300px; }
.c5 { width:380px; }
.c6 { width:460px; }
.c7 { width:540px; }
.c8 { width:620px; }
.c9 { width:700px; }
.c10 { width:780px; }
.c11 { width:860px; }
.c12 { width:940px; }

.col {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}

.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.row .row {
	margin: 0 0px; 
	width: auto;
	display: inline-block;
}

/* Blog */
#blogtext {padding-top: 40px;}
#blogcontent { float:left; width:540px; }
#blogtitle {float:left; font-size:120%;}
#authorimage {float:left;}
.entry_author_image {float:left; width:80px; margin: 15px;}
#clearrow { clear:both; height:50px;}

#blogtext h1 {color: #3B5469;	font-weight: bold;	font-size:180%;margin:0;}
#blogtext h2 {color: #3e3d40; font-weight:normal; margin-bottom:15px;}
#blogtext ul { list-style-type: none; margin:0; padding:0;margin-top:5px;}

#blogcontent li {list-style-type:disc;}
#blogcontent ul {margin-top:10px; margin-bottom:10px; margin-left:20px;}

#rss {height: 50px;}


embed {margin: 20px; } 



/* Header */
#top {
	height: 5px;
	margin-top: 5px;
	color: #FFFFFF;
}

.header {overflow: hidden;float: left;display: inline;height: 80px;width:60px;}
#headerleft {background-image: url(images/headerleft.png);}
#headerright {background-image: url(images/headerright.png);}
#headercenter {	overflow: hidden;float: left;display: inline;background-image: url(images/headercenter.png);
						height: 65px;	width: 840px;	padding-top:15px;}

/* Navigation */
#nav1 {	list-style: none;	background-image: url(images/navInactive.png);	
			height:29px;	font: 90%  Arial, Helvetica, Verdana,sans-serif; color: #3E3D40;}
#nav1 li {float: left;}
#nav1 a {display: block;float: left;margin: 0;padding: 8px 12px;text-decoration: none;color: #3E3D40;}
#nav1 a:hover {background: url(images/navActive.png);padding-bottom: 8px;}

#nav2 {
	list-style: none;
	font: 90%  Arial, Helvetica, Verdana,sans-serif; 
	background-image: url(images/submenu.png);
		margin-top:2px;
	height:18px;
}

#nav2 li {
	float: left;
}

#nav2 a {
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 12px;
	text-decoration: none;
}

#nav2 a:hover {
	background: url(images/submenu.png.png);
	padding-bottom: 8px;
}

/* Banner */
.banner {	width: 960px;	margin: 0 auto;	height: 237px; overflow: hidden;}
#uebersicht {	background: url(images/hp_banner.jpg);}
#userexperience {	background: url(images/userexp_banner.jpg);}
#userinteraction { background: url(images/uia_banner.jpg);}
#uxuidesign {	background: url(images/uxui_banner.jpg);}
#presentation { background: url(images/pres_banner.jpg);}
#corporatedesign {	background: url(images/cd_banner.jpg);}
#development {background: url(images/dev_banner.jpg);}
#contact {	background: url(images/kontakt_banner.jpg);}
#blog {background: url(images/blog_banner.jpg);}

.content {background:#FFFFFF;padding-bottom:20px; }
#content1 {padding-top:20px;background:#FFFFFF;}

#category {margin-top:50px;}
#category li {text-decoration: none;	color: #F7941D;}
#archive li {text-decoration: none;	color: #F7941D;}

#pitch {
	height: 98px;
	padding-top: 10px;
	background: url(images/text_background.png);
}

#pitch1 {
	height: 146px;
	padding-top: 10px;
	background: url(images/text_background.png);
}

#kontakt {
	height: 370px;
	padding-top: 10px;
	background: url(images/text_background.png);
}

#impressum {
	padding-top: 35px;
}

/* Footer */
.footer {
	overflow: hidden;
	float: left;
	display: inline;
	height: 80px;
	width:60px;
}

#footerleft {
	background-image: url(images/footerleft.png);
}

#footerright {
	background-image: url(images/footerright.png);
}

.workpic {
}

#workdesc {
	overflow: hidden;
	height:80px;
	background-image: url(images/portfolio_back.png);
	background-repeat: repeat-y;
}

#client {
	padding-left:80px;
	float: left;
}

#desc {
	padding-left:80px;
	width:350px;
	float: left;
}