/*
Theme Name: Angela Bergling 2
Theme URI: http://angelabergling.com
Description: Template for Angela Bergling
Author: Christian Groß
Version: 1.1
*/

/* --------------------------------------------------------------
   reset
-------------------------------------------------------------- */
html, body, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big,del, em, font, img, ins, kbd, q, s,strike, tt,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol, ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;vertical-align:top;font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
/* --------------------------------------------------------------
   grid
-------------------------------------------------------------- */
.column, .span-1, .span-2, .span-3, .span-4 {float: left;margin-right:40px}
.last{margin-right:0}
.span-1  {width: 190px;}
.span-2  {width: 420px;}
.span-3  {width: 650px;}
.span-4,.wrapper  {width: 880px;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9{border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px}
input.span-1, textarea.span-1 { width: 178px; }
input.span-2, textarea.span-2 { width: 408px; }
input.span-3, textarea.span-3 { width: 638px; }
input.span-4, textarea.span-4 { width: 868px; }
.append-1  { padding-right: 230px; } 
.append-2  { padding-right: 460px; } 
.append-3  { padding-right: 690px; } 
.prepend-1  { padding-left: 230px; } 
.prepend-2  { padding-left: 460px; } 
.prepend-3  { padding-left: 690px; } 
.pull-1 { margin-left: -230px; }
.pull-2 { margin-left: -460px; }
.pull-3 { margin-left: -690px; }
.pull-4 { margin-left: -920px; }
.pull-1, .pull-2, .pull-3, .pull-4 {float: left; position:relative;}
.push-1 { margin: 0 -230px 1.5em 230px; }
.push-2 { margin: 0 -460px 1.5em 460px; }
.push-3 { margin: 0 -690px 1.5em 690px; }
.push-4 { margin: 0 -920px 1.5em 920px; }
.push-1, .push-2, .push-3, .push-4 {float: left; position:relative;}
.border {azimuthpadding-right: 19px;margin-right: 20px;border-right: 1px solid #ddd;}
.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10{float:left; position:relative}
.prepend-top{margin-top:1.5em}
.append-bottom{margin-bottom:1.5em}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 0.35em;border:none}
hr.space{background:#fff;color:#fff;visibility:hidden}
.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.container{display:block}
.clear{clear:both}
/* --------------------------------------------------------------
   layout
-------------------------------------------------------------- */
body{background:#fff;margin: 50px 20px 30px 60px}
/* header */
.header{height:160px;position:relative}
/*.title{float:right;height:20px;background-image:url(../images/header.png);width:268px;position:absolute;top:40px;right:-40px;}*/
.title{float:right;height:20px;background-image:url(images/header.png);width:268px;position:absolute;top:0;right:-40px;}*
.title h1 span {display:none;}
/*thumbs*/
#thumbs li{position: relative;float:left;margin: 0 40px 30px 0}
#thumbs h3{margin: 0;padding:10px 0 0px 0}
#thumbs.box{width:190px}
/* --------------------------------------------------------------
   typo
-------------------------------------------------------------- */
html{font-size:100.01%}
body{font:normal 0.75em/1.4em 'Helvetica Neue',Helvetica, Arial,sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
a {text-decoration:none}
/* nav */
.nav a,.subnav a{color:#bbb}
.nav a:hover,.subnav a:hover, li.active a{color:#111}
.nav li{font-size:1.55em;line-height:130%}
.subnav {margin-bottom:2em;line-height:150%;}
/*thumbs*/
#thumbs h3{color:#aaa}
#thumbs li:hover > h3 {color:#222;}
/*single*/
h2{font-size:1.0em;font-weight:bold;line-height:130%;margin-bottom:30px;}
.description p.en {color: #aaa}
/* --------------------------------------------------------------
   contact
-------------------------------------------------------------- */
.contact {margin-top:12px;}
.contact input{width:172px}
.contact input,.contact textarea {color:#646464;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 2px;background:#eee;border:0;padding-left:3px}
.contact td {padding-bottom: 0.4em}
.captcha input{width:64px}
.your-message textarea{width:276px} 
.contact .wpcf7-submit{width:62px}