/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}


	
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

body {
	line-height:1.2;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


	
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'Klavika';
    src: url('../fonts/klavikawebbasicbolditalic-webfont.eot');
    src: url('../fonts/klavikawebbasicbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavikawebbasicbolditalic-webfont.woff') format('woff'),
         url('../fonts/klavikawebbasicbolditalic-webfont.ttf') format('truetype'),
         url('../fonts/klavikawebbasicbolditalic-webfont.svg#KlavikaWebBasicBoldItalic') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Klavika';
    src: url('../fonts/klavikawebbasiclightitalic-webfont.eot');
    src: url('../fonts/klavikawebbasiclightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavikawebbasiclightitalic-webfont.woff') format('woff'),
         url('../fonts/klavikawebbasiclightitalic-webfont.ttf') format('truetype'),
         url('../fonts/klavikawebbasiclightitalic-webfont.svg#KlavikaWebBasicLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Caslon';
    src: url('../fonts/acaslonpro-bolditalic-webfont.eot');
    src: url('../fonts/acaslonpro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acaslonpro-bolditalic-webfont.woff') format('woff'),
         url('../fonts/acaslonpro-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/acaslonpro-bolditalic-webfont.svg#AdobeCaslonProBoldItalic') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Caslon';
    src: url('../fonts/acaslonpro-italic-webfont.eot');
    src: url('../fonts/acaslonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acaslonpro-italic-webfont.woff') format('woff'),
         url('../fonts/acaslonpro-italic-webfont.ttf') format('truetype'),
         url('../fonts/acaslonpro-italic-webfont.svg#AdobeCaslonProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

	
/* Eigenes CSS
*/
body {
	background-color:#cbd0d3;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	font-family:Klavika;
	font-size:16px;
	color:#232323:;
}


.hover-css a, .hover-anims a, .hover-anims span { display:block; height:0; padding-top:51px; position:relative; overflow:hidden; padding-left:10px;}
.hover-anims span { position:absolute; left:0; top:0; }
.hover-css .one a, .hover-anims .one a, .hover-anims .one span { width:86px; background: url(../img/nav_portfolio.gif); background-repeat: no-repeat; }
.hover-css .one a:hover, .hover-anims .one span { width:86px; background: url(../img/nav_portfolio_active.gif); background-repeat: no-repeat;  }
.hover-css .two a, .hover-anims .two a { width:57px; background: url(../img/nav_vita.gif); background-repeat: no-repeat; }
.hover-css .two a:hover, .hover-anims .two span { width:57px; background: url(../img/nav_vita_active.gif); background-repeat: no-repeat; }
.hover-css .three a, .hover-anims .three a { width:95px; background: url(../img/nav_freelancer.gif); background-repeat: no-repeat; }
.hover-css .three a:hover, .hover-anims .three span { width:95px; background: url(../img/nav_freelancer_active.gif); background-repeat: no-repeat; }
.hover-css .four a, .hover-anims .four a { width:82px; background: url(../img/nav_kontakt.gif); background-repeat: no-repeat;}
.hover-css .four a:hover, .hover-anims .four span { width:82px; background: url(../img/nav_kontakt_active.gif); background-repeat: no-repeat; }
.hover-css .five a, .hover-anims .five a { width:46px; background: url(../img/nav_lang_en.gif); background-repeat: no-repeat; }	
.hover-css .five a:hover, .hover-anims .five span { width:46px; background: url(../img/nav_lang_en_active.gif); background-repeat: no-repeat;  }



.hover-css .two_en a, .hover-anims .two_en a { width:57px; background: url(../img/nav_cv.gif); background-repeat: no-repeat; }
.hover-css .two_en a:hover, .hover-anims .two_en span { width:57px; background: url(../img/nav_cv_active.gif); background-repeat: no-repeat; }
.hover-css .four_en a, .hover-anims .four_en a { width:82px; background: url(../img/nav_contact.gif); background-repeat: no-repeat;}
.hover-css .four_en a:hover, .hover-anims .four_en span { width:82px; background: url(../img/nav_contact_active.gif); background-repeat: no-repeat; }
.hover-css .five_en a, .hover-anims .five_en a { width:46px; background: url(../img/nav_lang_de.gif); background-repeat: no-repeat; }	
.hover-css .five_en a:hover, .hover-anims .five_en span { width:46px; background: url(../img/nav_lang_de_active.gif); background-repeat: no-repeat;  }


.navigation {
	position:absolute;
	top:35px;
	right:0px;
	height:35px;

}

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

ul#navigation li {
	float:left;
}




a:link {
	color:#232323;
}

a:visited {
	color:#232323;
}

a:hover {
	color:#232323;
}

a:active {
	color:#232323;
}

b {
	font-weight:bold;
}

#container {
	width:100%;
	text-align:left;
	margin:0 auto;
}

.center {
	position:relative;
	width:960px;
	text-align:left;
	margin:0 auto;
}

.head {
	width:960px;
	height:373px;
}

.head_detail {
	width:960px;
	height:630px;
	background-image:url(../img/portfolio_detail_header.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.head_freelancer {
	width:960px;
	height:850px;
	background-image:url(../img/freelancer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.head_freelancer_en {
	width:960px;
	height:850px;
	background-image:url(../img/freelancer_en.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}


.head_kontakt {
	width:960px;
	height:300px;
}

.head_impressum {
	width:960px;
	height:1500px;
}

.head_imprint {
	width:960px;
	height:450px;
}

.logo {
	position:absolute;
	top:35px;
	left:10px;
	width:323px;
	height:43px;
}

.bildmarke {
	width:123px;
	height:43px;
	float:left;
}

.wortmarke {
	padding-left:15px;
	padding-top:2px;
	width:185px;
	height:41px;
	float:left;
	line-height:1.2;
}

.ampersand {
	font-family:Caslon;
}



	
/*
ul#navigation li a:hover{
color: #ffffff;
background-color: #232323;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(border-radius.htc);
}
*/
h1 {
	font-size:45px;
	line-height:0.9;
}

h2 {
	font-size:22px;
	line-height:1.1;
}

h3 {
	font-size:16px;
}

.headline {
	position:absolute;
	top:150px;
	left:10px;
	width:740px;
}

.subline {
	position:absolute;
	margin-top:10px;
}

.stoerer {
	position:absolute;
	top:150px;
	left:811px;
	height:139px;
	width:139px;
}

.stoerer_scrolldown {
	position:absolute;
	top:312px;
	left:103px;
	height:139px;
	width:139px;
}

.img_home_portfolio_0 {
	width:960px;
	height:21px;
	background-image:url(../img/home_portfolio_0.jpg);
	background-repeat:no-repeat;
	background-position-x:414px;
	background-position-y:0;
	background-position:414px 0;
}

.streifen_dunkel {
	background-color:#babec1;
	background-image:url(../img/home_streifen_bg.gif);
	background-repeat:repeat-x;
	background-position:top center;
}

.streifen_dunkel_detail {
	background-image:url(../img/detail_streifen_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom center;
}

.streifen_dunkel_iphone {
	background-image:url(../img/iphone_streifen_bg.gif);
	background-repeat:repeat-x;
	background-position:top center;
	margin-top:40px;
}

.streifen_dunkel_freelancer {
	background-image:url(../img/freelancer_streifen_bg.gif);
	background-repeat:repeat-x;
	background-position:top center;
	margin-top:40px;
}

.streifen {
	width:960px;
	height:400px;
}

.streifen_detail {
	background-color:#babec1;
	background-image:url(../img/portfolio_detail_header.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:960px;
	height:291px;
}

.streifen_freelancer {
	background-color:#babec1;
	background-image:url(../img/freelancer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:960px;
	height:245px;
}

.home_portfolio_1 {
	background-image:url(../img/home_portfolio_1.jpg);
	background-repeat:no-repeat;
}

.home_portfolio_2 {
	background-image:url(../img/home_portfolio_2.jpg);
	background-repeat:no-repeat;
}

.home_portfolio_3 {
	background-image:url(../img/home_portfolio_3.jpg);
	background-repeat:no-repeat;
}

.home_portfolio_4 {
	background-image:url(../img/home_portfolio_4.jpg);
	background-repeat:no-repeat;
}

.home_portfolio_5 {
	background-image:url(../img/home_portfolio_5.jpg);
	background-repeat:no-repeat;
}

.home_details_links {
	position:absolute;
	top:176px;
	left:10px;
	width:335px;
	background-image:url(../img/bg_home_details.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:18px;
	padding-left:10px;
}

.home_details_rechts {
	position:absolute;
	top:176px;
	left:616px;
	width:335px;
	background-image:url(../img/bg_home_details.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:18px;
	padding-left:10px;
}

.footer {
	margin-top:45px;
	background-image:url(../img/footer_highlight.gif);
	background-repeat:repeat-x;
	background-position:top center;
	width:100%;
}

.footer_content {
	margin-top:45px;
	padding-top:40px;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:960px;
	height:70px;
	text-align:center;
}

.portfolio_details_item {
	padding-left:10px;
	padding-right:10px;
	width:940px;
}

.portfolio_browser_head {
	padding-left:10px;
	padding-right:10px;
	width:940px;
	height:91px;
	background-image:url(../img/portfolio_browser_head.jpg);
	background-repeat:no-repeat;
	background-position-x:10px;
	background-position-y:40px;
	background-position:10px 40px;
}

.portfolio_sprachpiloten_00 {
	position:absolute;
	top:156px;
	left:459px;
	height:381px;
	width:493px;
	background-image:url(../portfolio/img/sprachpiloten_00.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.portfolio_immovm_00 {
	position:absolute;
	top:149px;
	left:426px;
	height:387px;
	width:524px;
	background-image:url(../portfolio/img/immovm_00.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.portfolio_misterfinance_00 {
	position:absolute;
	top:149px;
	left:426px;
	height:387px;
	width:524px;
	background-image:url(../portfolio/img/misterfinance_00.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.portfolio_handaufsherz_00 {
	position:absolute;
	top:156px;
	left:459px;
	height:381px;
	width:493px;
	background-image:url(../portfolio/img/handaufsherz_00.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.portfolio_boga_00 {
	position:absolute;
	top:156px;
	left:459px;
	height:381px;
	width:493px;
	background-image:url(../portfolio/img/boga_00.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.freelancer_anfrage {
	position:absolute;
	top:42px;
	left:0;
	width:400px;
	background-image:url(../img/freelancer_balken_item_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-left:10px;
	margin-left:10px;
}

.freelancer_login {
	position:absolute;
	top:42px;
	right:0;
	width:400px;
	background-image:url(../img/freelancer_balken_item_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-right:10px;
	margin-right:10px;
}

form input#sumbit {
	background-image:url(../img/btn_login.gif);
	background-repeat:no-repeat;
	width:73px;
	height:36px;
	border:none;
	cursor:pointer;
	margin-left:10px;
}

form input#password {

	margin-top:0px;

	text-align:center;
	background-color:#ffffff;
	height:30px;
	width:182px;
	display:block;
	float:left;
	padding-right:3px;
	padding-left:3px;

	border-color:#b4b4b4 #ccd0d4 #ccd0d4 #b4b4b4;
	border-style:solid;
	border-width:1px;




	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
	-moz-box-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff;
	
}

form input#name {
	margin-top:2px;
	background-color:#ffffff;
	height:30px;
	width:300px;
	padding-right:3px;
	padding-left:3px;
	margin-bottom:10px;
	border-color:#b4b4b4 #ccd0d4 #ccd0d4 #b4b4b4;
	border-style:solid;
	border-width:1px;

	
/*Rounded corners*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
	-moz-box-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff;
}

form input#email {
	margin-top:2px;
	background-color:#ffffff;
	height:30px;
	width:300px;
	padding-right:3px;
	padding-left:3px;
	margin-bottom:10px;
	border-color:#b4b4b4 #ccd0d4 #ccd0d4 #b4b4b4;
	border-style:solid;
	border-width:1px;

	
/*Rounded corners*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
	-moz-box-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff;
}

form textarea#comments {
	margin-top:2px;
	background-color:#ffffff;
	width:300px;
	padding-right:3px;
	padding-left:3px;
	border-color:#b4b4b4 #ccd0d4 #ccd0d4 #b4b4b4;
	border-style:solid;
	border-width:1px;

	
/*Rounded corners*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
	-moz-box-shadow:1px 1px 0 #fff;
	-webkit-box-shadow:1px 1px 0 #fff;
	box-shadow:1px 1px 0 #fff;
}

form input#submit {
	background-image:url(../img/btn_senden.gif);
	background-repeat:no-repeat;
	width:98px;
	height:35px;
	border:none;
	cursor:pointer;
	margin-left:100px;
	margin-top:10px;
}

form input#submit_en {
	background-image:url(../img/btn_send.gif);
	background-repeat:no-repeat;
	width:98px;
	height:35px;
	border:none;
	cursor:pointer;
	margin-left:100px;
	margin-top:10px;
}

.kontakt {
	height:450px;
}

.contact_position {
	position:absolute;
	left:10px;
	top:20px;
	z-index: 99;
}

.contact2_position {
	position:absolute;
	left:600px;
	top:20px;
}

.contact_line {
	padding-bottom:20px;
	width:322px;
}

.contact_image {
	height:32px;
	float:left;
	padding-right:30px;
}

.contact_text {
	height:22px;
	width:260px;
	padding-top:7px;
}

.messages {
	clear:both;
}

#contact label {
	display:inline-block;
	float:left;
	height:26px;
	line-height:26px;
	width:100px;
}

.error_message {
	display:block;
	line-height:22px;
	background:#232323 url(../img/error.gif) no-repeat 10px 13px;
	padding:10px 25px 10px 35px;
	margin-bottom:20px;
	color:#ffffff;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
	font-weight:bold;
}

ul.error_messages {
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
}

ul.error_messages li {
	height:22px;
	line-height:22px;
	color:#ffffff;
	list-style-type:disc;
}

.loader {
	padding:0 10px;
}

#contact input[type=submit][disabled] {
	cursor:default;
	background-image:url(../img/btn_senden_inaktiv.gif);
	background-repeat:no-repeat;
	width:98px;
	height:35px;
	border:none;
	cursor:pointer;
	margin-left:100px;
	margin-top:6px;
}

#contact input[id=submit_en][disabled] {
	cursor:default;
	background-image:url(../img/btn_send_inaktiv.gif);
	background-repeat:no-repeat;
	width:98px;
	height:35px;
	border:none;
	cursor:pointer;
	margin-left:100px;
	margin-top:6px;
}

acronym {
	border-bottom:1px dotted #fff;
}

#contact #success_page h2 {
	display:block;
	line-height:22px;
	background:#232323 url(../img/success.gif) no-repeat 10px 11px;
	padding:10px 10px 10px 45px;
	margin-bottom:20px;
	color:#ffffff;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior:url(http://www.tobiaswenzel.com/border-radius.htc);
}