/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

/* Basics */
body { font-family: Arial; font-size: 12px; color:#606060;  line-height: 18px; }
h1 { font-size: 22px; font-weight: bold; color: #606060; }
h2 { font-size: 14px; font-weight: bold; color: #fff; }
h3 { font-family: Arial; font-size: 14px; font-weight: bold; color: #141414; margin-bottom:5px; }
h4 { font-size: 22px; font-weight: bold; color: #606060; margin-left: 15px; }
a { text-decoration: none; color:#141414;}
a:hover { color:#0078ab; }
p { font-family: Arial; font-size: 12px; color:#606060; margin-bottom:15px; line-height: 18px; }

.highlight { color:#141414; }



/* Layout */
#header1 { 
	width:100%; 
	height:101px; 
	background-image: url(img/bg-header1.jpg);
	}
#header1-inner { 
	width:900px; 
	height:100px;
	margin:auto;
	}
#header2 { 
	width:100%; 
	height:130px;
	background-image: url(img/bg-header2.jpg);
	}
#header2-inner { 
	width:900px; 
	height:130px;
	margin:auto;
	}
#subnavigation { 
	width:100%; 
	height:60px; 
	background: #fff;
	background-image: url(img/bg-subnavigation.jpg);
	}
#subnavigation-inner { 
	width:900px; 
	height:60px; 
	margin:auto;
	}
#content { 
	width:930px; 
	margin:auto;
	border-bottom:0px solid #dfdfdf;
	}
#content #container { width:930px; } 
#content #content-inner { 
	width:930px; 
	}
#content-left { 
	width:260px;
	float: left;
	margin-left:15px;
}
#content-right { 
	width:590px;
	float: right;
	margin-right:15px;

}
#content-full { 
	width:900px;
	float: left;
	margin-left:15px;
}
#fullcontent { 
	width:870px;
	float: left;
	margin-left:15px;
	margin-bottom: 15px;
}
#fullcontent p {
font-size: 12px;
}
#full-view a img {
border: none;
}
#content-normal { 
	width:900px; 
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:30px;  
	}
#content-normal #content-inner { 
	width:900px;
	}
#links { 
	width:900px; 
	margin:auto;
	background-color: #f8f8f8;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #fff; 
	padding-bottom:15px; 
	}
#footer { 
	width:900px;
	height:30px;
	margin:auto;
	border-top:1px solid #dfdfdf;
	padding-bottom:30px; 
	}

/* Navigation */
#navi-main { 
	float:right;
	margin-top:45px;
	text-align: right;
	}
#navi-main ul { list-style-type: none; height:56px; }
#navi-main li { display: inline; margin-left: 31px; }
#navi-main li a { 
	font-family: Arial; 
	font-size: 16px; 
	font-weight: bold; 
	color:#606060; 
	text-decoration: none; 
	line-height: 56px;
	height:56px;
	padding-top: 19px;
	padding-bottom: 20px;
	}
#navi-main li a:hover { 
	color: #0078ab;
	background-image: url(img/arrow-up3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#navi-main li.current_page_item a { 
	color: #141414;
	background-image: url(img/arrow-up3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
 
#subnavigation-left { 
	float:left;
	display: inline;
	margin-top:15px;
	}
#subnavigation-right { 
	float:right;
	text-align: right;
	height:60px;
	display: inline;
	}
#subnavigation-right ul { list-style-type: none; height:60px; }
#subnavigation-right li { display: inline;	margin-left: 15px;  }
#subnavigation-right li a { 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 
	color:#606060; 
	text-decoration: none; 
	line-height: 60px;
	height:60px;
	padding-top: 24px;
	padding-bottom: 24px;
	}
#subnavigation-right li a:hover { 
	color: #0078ab;
	background-image: url(img/arrow-down3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#subnavigation-right li.current a { 
	color: #141414;
	background-image: url(img/arrow-down3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#subnavigation-right #infos { margin-top:20px; }

#content-full #full-view {  
	width:900px; 
	text-align: center; 
	padding-top: 30px; 
	padding-bottom: 30px; 
	margin-bottom:10px;
	border-top:3px solid #ebebeb; 
	border-bottom:3px solid #ebebeb; 
	}


#footer-right ul { padding:0px; margin:0px; list-style-type: none; line-height: 30px; }
#footer-right ul li { display: inline; margin-left: 15px; }
#footer-right ul li a { font-size: 12px; color: #606060; text-decoration: none; }
#footer-right ul li a:hover { color: #0078ab; } 
	
/* Elements */
#logo { float:left; margin-top:15px; border: 0px; }
#header2 .header-box { 
	width: 280px; 
	padding-top: 23px; 
	padding-bottom: 0px; 
	float:left;
	margin-right:30px;
	height:100px;

	}
#header2 .last { 
	margin-right:0px;
	}
.header-box p { padding: 0px; color: #b3b3b3; font-size: 12px; margin-top: 10px;  }
#footer-left { float:left; display: inline; font-size: 12px; color: #606060; line-height: 30px; }
#footer-right { float:right; display: inline; text-align: right; }

#portfolio { list-style-type: none; display:block; }
#portfolio li {	
	margin-left:15px;
	margin-right:14px; 
	float:left;
	display: inline;
	}
.project { 
	width:278px; 
	height: 250px; 
	background: #fff; 
	border: 1px solid #ebebeb; 
	margin-bottom: 30px;
	}
.project-inner { width:270px; margin:4px;  }
.project-inner img.project-thumb { width: 270px; border:0px; border-bottom: 1px solid #ebebeb; }
.project .name { 
	margin-top:6px; 
	margin-left:3px; 
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	}
.project .name a.websitelink { 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: normal;
	color: #0078ab;
	margin-left:10px;
	}
.project .name a { 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: bold;
	color: #606060;
	margin-left:0px;
	}
.project .name a:hover { color: #0078ab; }

.project .name a.websitelink:hover { color: #606060; } 
.project .tags { 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: normal;
	color: #606060;
	margin-top:3px;
	margin-left:3px;
	}

.topic { 
	width:278px;
	margin-right:15px;
	margin-left:15px; 
	float:left;
	height:460px;
	margin-bottom:20px; 
	}
.topic ul { margin-left:15px; }
.topic img { margin-bottom:5px; } 

.column { 
	width:435px;
	margin-right:15px;
	margin-left:15px; 

	float:left;
	margin-bottom:30px;
	}
	
.navigation .column #arrow-left a { 
	padding-top:3px;
	padding-bottom:3px; 
	padding-left: 15px;
	height:20px;  
	background-image: url(img/arrow-left.gif);
	background-repeat: no-repeat;
	}
.navigation .column #arrow-right a { 
	padding-top:3px;
	padding-bottom:3px; 
	padding-right: 15px;
	height:20px;  
	background-image: url(img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

li.linkcat { padding:0px; margin:0px; list-style-type: none; padding-bottom: 20px;  }
li.linkcat h2 { 
	padding:0px; 
	margin:0px; 
	color: #7e7e7e; 
	font-size: 16px; 
	margin-left:0px; 
	margin-bottom:10px;
	padding-left: 20px;
	margin-top:10px;
	display: block;
	width:90%; 

	float:left;  
	}
li.linkcat ul { list-style-type: none;  }
li.linkcat ul li { 
	font-size: 12px; 
	font-weight: normal; 
	color: #7e7e7e; 
	border-bottom: 1px solid #dadada; 
	width: 260px;
	padding-bottom: 5px;
	margin-bottom:5px;
	float:left;
	display: inline;
	height:50px;
	margin-left: 20px; 
	margin-right: 20px; 
	}
li.linkcat ul li a { 
	text-decoration: none; 
	color: #7e7e7e; 
	font-size: 12px; 
	font-weight: bold; 
	display:block; 
	}
li.linkcat ul li a:hover { color: #0078ab; }

.zoom { display:none; width: 16px; height:17px; background-image: url(img/zoom.gif); z-index: 10; position: relative; top:-20px; }

/* Kontaktformular */
#contact-left { 
	width:280px;
	float: left;
	margin-left:15px;
}
#contact-right { 
	width:580px;
	float: right;
	margin-right:15px;
}
#contactform-table {}
#contactform-table tbody {}
#contactform-table tbody tr {}
#contactform-table tbody td {}
#contactform-table tbody td.col1 { width:330px; padding-right:20px; text-align: right; }
#contactform-table tbody td.col2 { width:270px;}
#contactform-table tbody td.col2 input { 
	width:270px; 
	height:20px; 
	border:1px solid #d3d3d3; 
	font-size:14px; 
	color:#606060; 
	padding:3px; 
	margin-bottom: 5px;
	}
#contactform-table tbody td.col2 input:focus { background: #f7f7f7; } 
#contactform-table tbody td.col2 textarea { 
	width:270px;
	height:150px; 
	border:1px solid #d3d3d3; 
	font-size:14px; 
	color:#606060; 
	padding:3px;
	font-family: Arial;
	margin-bottom: 5px;
	}
#contactform-table tbody td.msg { vertical-align: top; padding-top:4px; }
#contactform-table tbody td.submit input { 
	width:150px; 
	height: 28px; 
	font-size: 12px; 
	background: #0078ab; 
	color: #fff; 
	border:0px;
	line-height: 22px;
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;
	padding-top: 1px;
	margin-bottom: 5px;
	}
#contactform-table tbody td.submit input:hover, #contactform-table tbody td.submit input:focus { background: #606060; color:#ebebeb; cursor: pointer; }
.wpcf7-response-output { float:right; width:250px; }

/* Fixes */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }

* html .topic { display: inline; }

/* Hooks */
#subnavigation-left h3 { margin-bottom: 0px; margin-top:5px; }