/**
 * File: base.css
 *
 * @site           welcompose
 * @copyright      (c) creatics, Olaf Gleba
 * @author         Olaf Gleba
 * @link           http://creatics.de
 * @version        1.0
 *
 * @lastmodified   2009-02-07 10:31
 */

/**
 * @section        Reset
 *
 * Global Reset
 *
 * @see            Based on http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
 */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,cite,code,
del,dfn,em,img,ins,kbd,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
background: transparent;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

/** @font-face */

/*
@font-face {
    font-family: Quicksand;
    src: local("Quicksand egular"), url("/src/fonts/uicksand_Book.otf") format("opentype");
}
*/


/**
 * Global font type definitions
 *
 * @fontdef        Arial, sans-serif (Body)
 * @fontdef        Arial, sans-serif (Headings)
 */

/**
 * @section        Base
 *
 * Basic declarations for body
 *
 */
body {
font: 96%  Helvetica,Arial, sans-serif;
color: #B9CCDE;
background-color: #333A48;
-webkit-font-smoothing: antialiased;
}

/**
 * @section        Base
 * @subsection     Fontsize
 *
 * Central Fontsize definitions
 *
 * @see            #Base
 */
p, a, label, li, dt, dd, td, textarea, input, select {
font-size: 0.94em;
}
/* Lift cascade definitions  */
p a, h1 a, h2 a, h3 a, h4 a, li a, li p, li li, li h4, li pre, dd p, dt a, dd a {
font-size: 100%;
}


/**
 * @section        Base
 * @subsection     Headings
 *
 * Declare headings
 *
 * @see            #Base
 */

h1 {
font: 2.6em Arial, sans-serif;
padding-bottom: 0.2em;
letter-spacing: -0.05em;
}
h2 {
font: 1.6em Arial, sans-serif;
position: relative;
left: -1.6em;
letter-spacing: -0.05em;
padding: 1.75em 0 0.5em 1.6em;
background: transparent url(/files/global_files/6291eef300bcb6c2b4876ee1ccc330ee849baf17_headings-h2.gif) 0 1.75em no-repeat;
}
h3 {
font: 1.6em Arial, sans-serif;
position: relative;
left: -1.4em;
letter-spacing: -0.05em;
padding: 1.55em 0 0 1.4em;
background: transparent url(/files/global_files/d30c24c0f0e1bfa7df8bd17ed3054deba7459aaa_headings-h3.gif) 0 1.52em no-repeat;
}
h4 {
font: 1.6em Arial, sans-serif;
padding-bottom: 0.2em;
letter-spacing: -0.05em;
}
h5 {
font: 1.4em Arial, sans-serif;
padding-bottom: 0.2em;
letter-spacing: -0.05em;
}
h1, h4, .colrightcontent h3 {
color: #BED3E5;
}
h2, h3 {
color: #09f;
}
h5 {
color: #fff;
}

/**
 * @section        Base
 * @subsection     Links
 *
 * Declare Links
 *
 * @see            #Base
 */
a, a:link, a:visited {
text-decoration: none;
color: #09f;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
a:hover, a:active, a:focus {
border-bottom: 3px solid #fff;
}

a.btnstyle:link, a.btnstyle:visited {
text-decoration: none;
color: #373E48;
background-color: #09f;
padding: 0.65em 0.6em 0.65em 0.6em;
text-transform: uppercase;
border-radius: 5px;
}
a.btnstyle:hover, a.btnstyle:active, a.btnstyle:focus {
color: #09f;
background-color: #373E48;
border-bottom: 0;
}
#subcontent a.btnstyle:link, #subcontent a.btnstyle:visited {
color: #09f;
background-color: #373E48;
border-bottom: 0;
}
#subcontent a.btnstyle:hover, #subcontent a.btnstyle:active, #subcontent a.btnstyle:focus {
color: #fff;
background-color: #08f;
border-bottom: 0;
}

a.portfolio:link, a.portfolio:visited {
display: block;
width: 247px;
line-height: 0;
border: 5px solid #ccc;
color: #fff;
}
a.portfolio:hover, a.portfolio:active, a.portfolio:focus {
border-color: #dcdcdc;
}
a.feed {
background: transparent url(/files/global_files/28676ea996a533132bbb5b114ac105efaeba4974_feed-icon.gif) 0 0 no-repeat;
padding-left: 20px;
}
a.ffeed {
background: transparent url(/files/global_files/4d5984bf549a45e3a9eaf809ae4bcc98c86d9583_feed-icon-footer.gif) 0 0 no-repeat;
padding-left: 20px;
}

a.portfolio img {
opacity: 1;
-moz-transition: opacity 0.5s ease-out, opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease-out, opacity 0.5s ease;
-o-transition: opacity 0.5s ease-out, opacity 0.5s ease;
transition: opacity 0.5s ease-out, opacity 0.5s ease;
}
a.portfolio:hover img {
opacity: 0.5;
}

/**
 * @section        Base
 * @subsection     Miscellaneous
 *
 * Miscellaneous definitions
 *
 * @see            #Base
 */
strong {
font-weight: bold;
}
em {
color: #fff;
}
html\:abbr, abbr, acronym, span.abbr, .hilfe {
cursor: help;
border-bottom: 1px dotted #fff;
}
/* Linkrahmen entfernen */
a:active, a:focus {
outline: none;
}
/* Verikaler Scrollbalken im IE entfernen */
textarea {
overflow: auto;
}
.skipaccess {
position: absolute;
left: -1000em;
top: -1000em;
}
code {
display: block;
border: 1px dotted #A3B5C3;
background-color: #A3B5C3;
color: #333A48;
padding: 1em;
margin: 1.5em 0;
font-family: courier, monospace;
}
pre {
border: 1px dotted #fff;
background-color: #A3B5C3;
color: #333A48;
line-height: 1.5em;
padding: 1em;
margin: 1.5em 85px 1.5em 0;
font-family: courier, monospace;
font-size: 85%;
overflow: auto;
}




/**
 * File: layout.css
 *
 * @site           welcompose
 * @copyright      (c) creatics, Olaf Gleba
 * @author         Olaf Gleba
 * @link           http://creatics.de
 * @version        1.0
 *
 * @lastmodified   2009-02-07 10:31
 */


/**
 * Global font color definitions
 *
 * @colordef       #333A48; (wrapHeader)
 * @colordef       #fff; (wrapNavigation)
 * @colordef       #3F475B; (wrapContent)
 * @colordef       #09f; (wrapSubContent)
 * @colordef       #A0B4C3; (wrapFooter)
 * @colordef       #BED3E5; (Headings, h1)
 * @colordef       #C9E2F5; (Headings, h2, h3, h4, h5)
 */


/**
 * @section        Globals
 *
 * Globale Deklarationen
 *
 */

/**
 * @section        Globals
 * @subsection     Wrapper
 *
 * Deklaration for wrappers
 *
 */
#wrapNavigation, #wrapHeader, #wrapContent, #wrapSubContent, #wrapFooter {
float: left;
width: 100%;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/** @cssdoc parsing off */
/* Max width: 968px
 * Because of the indent of the h2 background-image the addition
 * of padding + width decreases with a 18px amount.
 */
#header, #navigation, #tools, #statement, #content, #subcontent, #footer, .setbgLeft, .setbgRight {
margin: 0 auto;
padding: 0 35px ;
width: 880px;
}


/**
 * @section        Globals
 * @subsection     Background color
 *
 * Background colors wrapper
 *
 */
#wrapHeader {
background-color: #333A48;
}
#wrapNavigation {
background-color: #fff;
}
#wrapContent {
/*background: #3F475B url(/files/global_files/6b263b4d688ab532bb5bc4c08cecb27012e12da6_bg-content.png) left top repeat-x;*/
}
#wrapSubContent {
background-color: #09f;
}
#wrapFooter {
/*background: #8EA2B0 url(/files/global_files/f1d5ab8a46e42dc6e751b0eaea6b3a40ff31dc65_bg-footer.png) left top repeat-x;*/
background-color: #A0B4C3; 
}




/**
 * @section        Globals
 * @subsection     Column deklarations
 *
 * Global Column Deklarations
 *
 */
.colboth {
float: left;
width: 889px;
}
.colleft {
float: left;
width: 438.5px;
}
.colright {
float: left;
width: 438.5px;
}
.colleftcontent {
float: left;
width: 619.5px;
}
.colrightcontent {
float: left;
width: 259.5px;
}
.collefthalf {
float: left;
width: 305.75px;
}


/**
 * @section        Globals
 * @subsection     Background images
 *
 * Background images for content and subcontent
 *
 */
.setbgRight {
float: left;
background: transparent url(/files/global_files/dd876d688da9f4766fa1cac91ae41f8849b6cc72_bg-content-right.gif) bottom right no-repeat;
height: 65px;
}
.setbgLeft {
float: left;
background: transparent url(/files/global_files/8b650e3ad9e63f785c24d6724de59d80e6ec812a_bg-content-left.gif) bottom left no-repeat;
height: 65px;
}
.setbgLeft, .setbgRight {
padding: 0;
}




/**
 * @section        Header
 *
 * Header Deklarations
 *
 */
#header {
padding-top: 50px;
padding-bottom: 75px;
}

/**
 * Boxmodell (Padding)
 *
 * @bugfix         
 * @affected       IE6, IE7
 * @css-for        IE6, IE7
 * @valid          yes
 */
*+html #header, * html #header {
padding-bottom: 0;
}

#logo {
float: left;
}
#contacts {
float: right;
display: block;
color: #8CA2B4;
padding-top: 26px;
}


/**
 * @section        Navigation
 *
 * Navigation Deklarations
 *
 */
/* hide select navigation */
nav select {
display: none;
}
.navigation {
min-height: 62px;
}
#navigation .nav {
width:880px;
float: left;
display:inline;
}
.nav li {
float: left;
margin-right: 38px;
}
.nav a, .nav a:visited, #toolbar a, #toolbar a:visited {
float: left;
display: block;
font-size: 106%;
padding: 21px 0 25px 0;
text-align: center;
text-transform: uppercase;
border-top: 5px solid #fff;
}
.nav a:hover, .nav a:active, .nav a:focus,
#toolbar a:hover, #toolbar a:active, #toolbar a:focus {
border-top: 5px solid #09f;
border-bottom: none;
color: #333A48;
}
.nav li.current {
font-size: 100%;
padding: 21px 0 25px 0;
color: #373E48;
text-align: center;
text-transform: uppercase;
border-top: 5px solid #fff;
}
#toolbar {
float: right;
}
#toolbar a {
width: 98px!important;
border-bottom: 0;
text-align: right!important;
background: transparent url(/files/global_files/18c35ef41b1a5678c2a5c09ef49233bc7b001425_tools.gif) center left no-repeat;
padding-left: 25px!important;
padding-right: 0px!important;
margin-right: 0;
}


#tools {
display: none;
float: left;
padding-right: 0;
}
#tools p {
float: left;
padding: 9px 12px 0 12px;
color: #46505A;
line-height: 1.6em;
}
#tools .nav {
float: left;
padding-top: 5px;
width:auto;
}
#tools .nav a {
float: left;
display: block;
color: #fff;
padding: 2px 5px;
margin-left: 6px;
font-size: 170%;
width: 50px;
font-weight: bold;
background-color: #AEB9C0;
border-bottom: 0;
}
#tools .nav a:hover {
background-color: #596572;
}
#tools .nav li {
margin-right: 0;
}
#wrapTools {
float: right;
margin-right: 35px;
}
#tools .scheme a {
float: left;
display: block;
color: #fff;
padding: 7px 10px;
margin-left: 6px;
font-size: 100%;
width: 70px;
font-weight: bold;
background-color: #AEB9C0;
border-bottom: 0;
text-transform: none;
}



/**
 * @section        Content
 *
 * Content Deklarations
 *
 */
#content {
margin-top: 40px;
min-height: 250px;
}
#content #statement {
padding: 0;
margin-left: 0;
padding-bottom: 2.2em;
}
#index #content #statement {
padding-bottom: 0;
}
#content a h3 {
color: inherit;
}
#content h4 {
}
#content p {
line-height: 1.5em;
padding-bottom: 1.3em;
padding-right: 55px;
font-size:100%;
}
#content .colboth p {
padding-right: 325px;
padding-top: 1.4em;
padding-bottom: 1em;
font-size: 110%;
}
#content .colleftcontent p {
padding-right: 85px;
}
#content ul {
color: #B9CCDE;
}
#content ul ul {
padding-left:0!important;
margin-bottom:0!important;
}
#content ul ul li {
padding-left:0!important;
}
#content p.date {
margin-bottom: 1em;
margin-top: -0.5em;
}
#content p.date span {
width: auto;
color: #fff;

}


/**
 * @section        Content
 * @subsection     Profil
 *
 * Profile page Displays
 *
 */
#profil h1, #zeitleiste h1,#skills h1, #referenzen h1, #code h1 {
padding-bottom: 0.8em;
color:#fff;
}
#profil .colboth p,#zeitleiste .colboth p,#skills .colboth p, #referenzen .colboth p, #code .colboth p {
font-size:100%;
color:#B9CCDE;
margin-right:0;
}
#profil #subcontent p, #zeitleiste #subcontent p,#skills #subcontent p, #referenzen #subcontent p, #code #subcontent p {
padding-right:0;
}
#zeitleiste #content dt,#skills #content dt, #referenzen #content dt, #code #content dt {
float:left;display:inline;width:140px;
line-height: 2em;
padding:10px 0;
font-size:160%;
color:#09f;
border-top: 1px dotted #fff;
}
#skills #content dt {
width:280px;
}
#zeitleiste #content dt a, #zeitleiste #content dt a:visited {
font-size:100%;
}
#zeitleiste #content code {
background: transparent;
display:inline;
font-size:112%;
color:#B9CCDE;
padding:0;
border: none;
}
#zeitleiste #content dd,#skills #content dd, #referenzen #content dd, #code #content dd {
float:left;display:inline;width:690px;
line-height: 1.6em;
padding-bottom:1em;
padding-top:12px;
padding-left: 30px;
color:#B9CCDE;
}
#skills #content dd {
width:560px;
}
#skills #content p {
padding-top:1em;
line-height: 1.5em;
}
#zeitleiste dl, #skills dl, #code dl {
float:left;
display:inline;
width:889px;
}
#zeitleiste #content p, #skills #content p, #code #content p {
padding-top:0.8em;
line-height:2em;
padding-right:0;
}


#profil #subcontent .colleftcontent a, #profil #subcontent .colleftcontent a:visited,
#zeitleiste #subcontent .colleftcontent a, #zeitleiste #subcontent .colleftcontent a:visited,
#skills #subcontent .colleftcontent a, #skills #subcontent .colleftcontent a:visited,
#referenzen #subcontent .colleftcontent a, #referenzen #subcontent .colleftcontent a:visited,
#code #subcontent .colleftcontent a, #code #subcontent .colleftcontent a:visited {
color: #fff;
border-bottom: 1px dotted #fff;
background-color: transparent;
text-transform: none;
}

#referenzen #content .collefthalf {
width: 410px;
}
#referenzen #content .last {
width: 254.75px;
}
#referenzen #content .collefthalf ul {
/*margin-bottom:3em;*/
}
#referenzen #content .collefthalf li {
line-height:160%;
}
#referenzen #content p {
margin-right:0;
}
#referenzen h2 {
background-image:none;
font-size: 140%;
padding-top:0;
padding-left:0;
left: 0;
}
#referenzen .portfoliorow, #portfolio .portfoliorow {
float:left;display:inline
}
#code pre {
width:670px;
margin-top:0;
font-size:100%;
margin:0;
padding:5px;
overflow:hidden;
}




/**
 * @section        Content
 * @subsection     Blog
 *
 * Blog list Displays, affects Index and Blog Pages
 *
 */
#aktuell #content dl,
#work #content dl,
#index #content dl {
float: left;
width: 367.5px;
}
#aktuell #content ul,
#work #content ul,
#index #content ul {
float: left;
width: 60px;
padding-bottom: 0.4em;
padding-left: 0;
clear: both;
}
#aktuell #content li,
#work #content li,
#index #content li {
width: 30px;
padding: 0.3em;
line-height: 1.3em;
text-align: center;
background-color: #09f;
}
#aktuell #content dt,
#work #content dt,
#index #content dt {
padding-bottom: 0.1em;
}
#aktuell #content dd,
#work #content dd,
#index #content dd {
line-height: 1.5em;
padding-bottom: 0.2em;
padding-right: 0;
}
#aktuell #content dd p,
#work #content dd p,
#index #content dd p {
padding-right: 12px!important;
padding-top: 8px;
font-size: 100%;
}

#aktuell #content h3 {
padding-bottom: 0.5em;
}

#aktuell #content dt a, #aktuell #content dt a:link, #aktuell #content dt a:visited,
#work #content dt a, #work #content dt a:link, #work #content dt a:visited,
#index #content dt a, #index #content dt a:link, #index #content dt a:visited {
font-size: 120%;
letter-spacing: -0.04em;
}

#work #content .colrightcontent ul,
#work #content #comments ul,
#work #content #comment_form ul  {
float: none;
width: auto;
padding-bottom: 0;
padding-left: 0;
clear: none;
}
#work #content .colrightcontent li,
#work #content #comments li,
#work #content #comment_form li  {
width: auto!important;
height: auto;
padding: 0.3em;
line-height: 1.1em;
text-align: left;
font-weight: normal;
color: inherit;
background-color: transparent;
}

p.feedLinks {
text-transform: uppercase;
}
.dotunderline {
border-bottom: 1px dotted #fff;
}

#work .colleft {
min-height: 195px;
}
#aktuell .colleft {
min-height: 155px;
}
#index .colleft {
min-height: 90px;
}

#work .colleft li, #aktuell .colleft li, #index .colleft li {
color:#fff;
}

#index .colboth h2 {
padding-top:0;
background-image: none}


#work #footer .colleft , #aktuell #footer .colleft, #index #footer .colleft  {
min-height: 0;
}


/* Kommentare */
#comment_form {
margin-top: 3em;
}
#comment_form h3 {
padding-bottom: 0.4em;
}
#content .emphasebox h3 {
margin: 6px 0 6px 0;
}
#rp {
padding-bottom: 3em;
}
#comments {
padding: 0.3em 0;
margin: 2.5em 0;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
}
#comments h3 {
margin-bottom: 1em;
}
.comment {
padding: 0.5em 0;
}
p.author {
padding: 0.5em 0 0 0;
color: #fff!important;
}

/**
 * @section        Content
 * @subsection     Portfolio
 *
 * Portfolio Page Displays
 *
 */
#portfolio h1 {padding-bottom:1.2em}

.portfoliorow {
width: 880px;
}
.portfoliorow a.portfolio:link, .portfoliorow a.portfolio:visited {
width: auto;
border-width:7px;
}
.portfoliorow .collefthalf {
padding-bottom: 1em;
width: 410px;
}
.mr60 {margin-right:60px}

#content .portfoliorow .collefthalf p {
padding-right: 0;
padding-bottom:1em;
}
#index #content .portfoliorow .collefthalf p {
padding-bottom:0.6em;
}
.portfoliorow .collefthalf h2 {
background-image: none;
padding: 0 0 0.6em 1.7em;
font-size: 140%;
}
.portfoliorow .collefthalf ul, #index #content .portfoliorow ul {
padding: 10px 15px;
margin-bottom:1em;
background-color: #4B505B;
width: auto;
float: none;
}
.portfoliorow .collefthalf li, #index #content .portfoliorow li {
padding: 0.3em 0.6em;
line-height: 1.3em;
width: auto;
height: auto;
text-align: left;
background-color: transparent;
}


/**
 * @section        Content
 * @subsection     Imprint
 *
 * Imprint Page Displays
 *
 */
#impressum h1 {
padding-bottom: 1em;
}
#impressum #content ul {
padding: 0 0 2em 0;
}
#impressum #content li {
padding: 0.2em 0;
line-height: 1.5em;
}


/**
 * @section        Content
 * @subsection     Contact
 *
 * Contact Page Displays
 *
 */
#kontakt #content .colleftcontent {
padding-top: 2.5em;
}
#formular {
padding-right: 85px;
margin-top: 0;
}
#formular label {
display: block;
margin: 0 0 6px 0;
color: inherit;
}
#formular label span {
color: #09f!important;
}
#formular .fselect, #formular .fcheckbox {
margin: 0 0 20px 0;
border: none;
}
#formular .fselect {
margin: 0 0 25px 0;
border: 1px solid  #D6DFE4;
padding: 1px 0;
background-color: #D6DFE4;
font-family:  Arial, sans-serif;
}
#formular input.ftextfield {
width: 350px;
padding: 3px 4px;
margin: 0 0 18px 0;
background-color: #D6DFE4;
border: 1px dotted  #D6DFE4;
font-family:  Arial, sans-serif;
}
#formular textarea.ftextarea {
width: 500px;
padding: 6px;
margin: 4px 0;
height: 180px;
background-color: #D6DFE4;
border: 1px dotted  #D6DFE4;
font-family:  Arial, sans-serif;
}
.fsubmit {
margin: 20px 0 0 0;
padding: 0.75em 0.8em;
font-weight: bold;
border: none;
background-color: #09f;
color: #fff;
cursor: pointer;
font-family: Arial, sans-serif;
border-radius: 5px;
}

#formular input.ftextfield, #formular textarea.ftextarea, .fsubmit {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
#formular input.ftextfield:focus, #formular textarea.ftextarea:focus, .fsubmit:hover  {
background-color: #AEB9C0;
border-color: #D6DFE4;
}


#formular p {
padding: 0 0 0.6em 0;
}
ul.req {
color: #09f!important;
padding-top: 0;
}
ul.req li {
line-height: 1.5em;
padding-bottom: 0.2em;
color: #09f;
}
.emphasebox {
width: 495px;
margin: 15px 0 55px 0;
}
#content .emphasebox h3 {
margin: 6px 0 6px 0;
}
#rp {
padding-bottom: 3em;
}



/**
 * @section        Content
 * @subsection     Column
 *
 * Column Displays
 *
 */
#content .colrightcontent h3 {
padding-top: 1.65em;
padding-bottom: 1em;
background: transparent url(/files/global_files/d30c24c0f0e1bfa7df8bd17ed3054deba7459aaa_headings-h3.gif) 0 1.65em no-repeat;
}
#content .colrightcontent p {
padding-right: 0;
}
#content .colrightcontent h4 {
font-size: 1.4em;
padding: 0 0 0.4em 0;
}
#content .colrightcontent ul {
padding: 0 0 2em 0;
}
#content .colrightcontent li {
padding: 0.2em 0;
line-height: 1.5em;
font-size:100%;
}




/**
 * @section        Subcontent
 *
 * Subcontent Deklarations
 *
 */
#subcontent {
margin-top: 30px;
min-height: 250px;
}
#subcontent h4 {
color: #333A48;
padding-bottom: 0.8em;
}
#subcontent p {
padding-right: 55px;
line-height: 1.5em;
padding-bottom: 1.5em;
color: #333A48;
}
#subcontent dt {
color: #fff;
line-height: 1.5em;
padding-bottom: 0.2em;
font-size: 100%;
}
#subcontent dd {
color: #333A48;
line-height: 1.5em;
padding-bottom: 1em;
padding-right: 35px;
}



/**
 * @section        Footer
 *
 * Footer Deklarations
 *
 */
#footer {
margin: 30px auto;
color: #4A545E;
}
#footer h5 {
}
#footer p {
line-height: 1.5em;
padding-bottom: 1.5em;
padding-right: 55px;
}
#footer li {
line-height: 1.5em;
padding-bottom: 0.2em;
padding-right: 55px;
}



/**
 * @section        Helper
 *
 * Helper Classes and Misc.
 *
 */
.pb0 {
padding-bottom: 0!important;
}
.pb20 {
padding-bottom: 20px!important;
}
.pb30 {
padding-bottom: 30px!important;
}
.pt0 {
padding-top: 0!important;
}
.pt15 {
padding-top: 15px!important;
}
.pt30 {
padding-top: 30px!important;
}
.w230 {
width: 230px!important;
}
.cWhite {
color: #fff!important;
}
.box {
padding: 1em 0;
}