/*******************************
-> RESET.CSS
*******************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************
-> Stylesheet.css
*******************************/

/* Standard */

.clear{
	clear:both;
}

/* Box-Modell */

.box-top{
	height:200px;
	background:url(../img/bg_top.jpg) top center no-repeat #2b2b2b;
	z-index:1;
}

.box-top .top{
	width:960px;
	height:110px;
	margin:0 auto;
}

.box-top .top .logo{
	float:left;
	width:235px;
	height:110px;
	background:url(../img/logo.png) top left no-repeat;
}

.box-top .top .box-mainmenu{
	float:left;
	width:725px;
	height:110px;
	position:relative;
}

.box-top .top .box-mainmenu .mainmenu{
	float:left;
	width:460px;
	height:50px;
	position:absolute;
	bottom:0;
	right:10px;
}

.box-portfolio{
	width:960px;
	height:360px;
	margin:0 auto;
	margin-top:-90px;
	z-index:2;
	background:url(../img/bg_portfolio.png) top left no-repeat;
}

.box-portfolio .left{
	float:left;
	width:598px;
	height:308px;
	margin:32px 0 20px 32px;
}

.box-portfolio .right{
	float:left;
	width:280px;
	height:240px;
	margin:80px 30px 40px 20px;
}

.box-aboutme{
	width:960px;
	margin:0 auto;
	margin-bottom:20px;
	background:url(../img/bg_portfolio.png) 0 -360px no-repeat;
}

.box-aboutme .aboutme,
.box-aboutme .knowledgebase,
.box-aboutme .blogroll{
	float:left;
}

.box-aboutme .aboutme{
	width:280px;
	margin:60px 20px 0 30px;
}

.box-aboutme .knowledgebase{
	width:260px;
	margin:60px 20px 0 20px;
}

.box-aboutme .blogroll{
	width:280px;
	margin:60px 30px 0 20px;
}

.box-contact{
	width:960px;
	height:285px;
	margin:0 auto;
	margin-bottom:20px;
	background:url(../img/bg_contact.jpg) 0 0 no-repeat;
}

.box-contact .left{
	float:left;
	width:420px;
	height:230px;
	margin:55px 30px 0 30px;
}

.box-contact .right{
	float:left;
	width:480px;
	height:285px;
	margin:0 0 0 0;
}

.box-footer{
	height:60px;
	background:url(../img/bg_footer_02.png) bottom left repeat-x;
}

.box-footer .footer{
	width:960px;
	height:60px;
	margin:0 auto;
	background:url(../img/bg_footer_01.png) 0 0 no-repeat;
}

.box-footer .footer .left{
	float:left;
	width:530px;
	padding:10px 0 0 30px;
	line-height:50px;
}

.box-footer .footer .right{
	float:left;
	width:390px;
	margin:10px 10px 0 0;
}

/* Main-Menu */

.box-top .top .box-mainmenu .mainmenu a{
	float:left;
	height:50px;
	text-indent:-2000px;
}

.box-top .top .box-mainmenu .mainmenu a.work{
	margin:0 0 0 109px;
	width:131px;
	background:url(../img/menu.png) -109px 0 no-repeat;
}

.box-top .top .box-mainmenu .mainmenu a.work:hover{
	background-position:-109px -50px;
}

.box-top .top .box-mainmenu .mainmenu a.aboutme{
	width:112px;
	background:url(../img/menu.png) -240px 0 no-repeat;
}

.box-top .top .box-mainmenu .mainmenu a.aboutme:hover{
	background-position:-240px -50px;
}

.box-top .top .box-mainmenu .mainmenu a.contact{
	width:108px;
	background:url(../img/menu.png) -352px 0 no-repeat;
}

.box-top .top .box-mainmenu .mainmenu a.contact:hover{
	background-position:-352px -50px;
}

/* Portfolio */

.box-portfolio h2{
	font-size:0;
	text-indent:-2000px;
	line-height:0;
	visibility:hidden;
	display:none;
}

.box-portfolio{
	font-family:'Verdana',sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}

.box-portfolio .box-slider-2 a{
	color:#007eb9;
	text-decoration:none;
	border-bottom:1px dotted #007eb9;
}

.box-portfolio .box-slider-2 a:hover{
	color:#000000;
}

.box-portfolio .box-slider-1,
.box-portfolio .box-slider-1 li{
	height:306px;
	width:598px;
	overflow:hidden;
}

.box-portfolio .box-slider-2,
.box-portfolio .box-slider-2 li{
	height:200px;
	width:260px;
	overflow:hidden;
}

.box-portfolio .navigation{
	height:38px;
	padding:12px 0 0 0;
}

.box-portfolio .navigation a.prev{
	float:left;
	height:28px;
	width:125px;
	text-indent:-2000px;
	background:url(../img/portfolio_buttons.png) top left;
}

.box-portfolio .navigation a.prev:hover{
	background-position:bottom left;
}

.box-portfolio .navigation a.next{
	float:left;
	height:28px;
	width:135px;
	text-indent:-2000px;
	background:url(../img/portfolio_buttons.png) top right;
}

.box-portfolio .navigation a.next:hover{
	background-position:bottom right;
}

/* About Me */

.box-aboutme .aboutme h2,
.box-aboutme .knowledgebase h2,
.box-aboutme .blogroll h2{
	font-size:0;
	text-indent:-2000px;
	line-height:0;
	visibility:hidden;
	display:none;
}

.box-aboutme .aboutme,
.box-aboutme .knowledgebase,
.box-aboutme .blogroll{
	font-family:'Verdana',sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}

.box-aboutme .aboutme span.highlight{
	border-bottom:#dddddd 1px solid;
}

.box-aboutme ul.list li{
	padding:0 0 6px 0;
}

.box-aboutme ul.list li a{
	display:block;
	padding:0 0 0 10px;
	background:url(../img/li.gif) 0px 6px no-repeat;
	color:#333333;
	text-decoration:none;
}

.box-aboutme ul.list li a:hover{
	color:#000000;
	text-decoration:underline;
}

.box-aboutme ul.list li span{
	color:#666666;
	font-size:11px;
	padding:0 0 0 10px;
}

/* Contact */

.box-contact .left h2{
	font-size:0;
	text-indent:-2000px;
	line-height:0;
	visibility:hidden;
	display:none;
}

.box-contact .left{
	font-family:'Verdana',sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}

.box-contact .left .teaser{
	margin:0 0 20px 0;
}

.box-contact .left .address{
	margin:0 0 0 120px;
}

.box-contact .left .address p{
	line-height:16px;
	margin:0 0 7px 0;
}

.box-contact .left .address a{
	color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #333333;
	padding:0 0 1px 0;
}

.box-contact .left .address a:hover{
	border-bottom:1px solid #333333;
}

.box-contact .right .col_1{
	float:left;
	padding:40px 20px 40px 40px;
	height:205px;
	width:140px;
}

.box-contact .right .col_1 label{
	display:block;
	width:140px;
	height:18px;
	background:url(../img/form_label.png) 0 0 no-repeat;
	text-indent:-2000px;
}

.box-contact .right .col_1 label.input-email{
	background-position:0 -18px;
}

.box-contact .right .col_1 label.input-subject{
	background-position:0 -36px;
}

.box-contact .right .col_1 input{
	display:block;
	width:128px;
	height:15px;
	border:1px solid #d8d8d8;
	padding:3px 5px 5px 5px;
	margin:0 0 20px 0;
	background:#ffffff;
	font-family:"Verdana",sans-serif;
	font-size:12px;
	color:#333333;
}

.box-contact .right .col_1 input.last{
	margin-bottom:0;
}

.box-contact .right .col_2{
	float:left;
	padding:40px 40px 40px 20px;
	height:205px;
	width:220px;
}

.box-contact .right .col_2 label{
	display:block;
	width:220px;
	height:18px;
	background:url(../img/form_label.png) 0 -54px no-repeat;
	margin:0 0 0 0;
	text-indent:-2000px;
}

.box-contact .right .col_2 textarea{
	display:block;
	width:208px;
	height:141px;
	border:1px solid #d8d8d8;
	padding:3px 5px 5px 5px;
	margin:0 0 10px 0;
	background:#ffffff;
	font-family:"Verdana",sans-serif;
	font-size:12px;
	color:#333333;
}

.box-contact .right .col_2 input#input-send{
	display:block;
	width:220px;
	height:26px;
	background:url(../img/form_send.jpg) top left no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-2000px;
	/*IE7-Hack*/
	font-size:0;
	line-height:0px;
}

.box-contact .right .col_2 textarea.error,
.box-contact .right .col_1 input.error{
	background:#f8e5e5;
	border-color:#BB0000;
}

.box-contact .right .col_1 .readonly,
.box-contact .right .col_2 .readonly{
	color:#999999;
}

.box-contact .right .col_1 #result .loader{
	font-family:"Verdana",sans-serif;
	font-size:11px;
	line-height:26px;
	color:#333333;
	background:url(../img/ajax-loader.gif) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
}

.box-contact .right .col_1 #result .success{
	font-family:"Verdana",sans-serif;
	font-size:11px;
	line-height:26px;
	color:#21af00;
	background:url(../img/icon-tick.png) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
}

.box-contact .right .col_1 #result .failure{
	font-family:"Verdana",sans-serif;
	font-size:11px;
	line-height:26px;
	color:#bb0000;
	background:url(../img/icon-cross.png) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
}


/* Footer */

.box-footer .footer .left{
	line-height:50px;
	color:#ffffff;
	font-family:'Verdana',sans-serif;
	font-size:11px;
}

.box-footer .footer .right{
	text-align:right;
}