/* =BODY ************************************************************/
body { font-family: georgia, serif; color: #4c4d4f; line-height: 19px; font-size: 13px; }
p, label { font-size: 13px; line-height: 19px; }
p { margin-bottom: 15px; }
h1 { font-size: 19px; font-weight: bold; font-variant: small-caps; color: #f89821; margin-bottom: 5px; line-height: 24px; }
h2  { font-size: 14px; font-weight: bold; font-variant: small-caps; color: #91c740; }
a { color: #2daee4; text-decoration: underline; }
#middle a:hover, #disclaimer a:hover { background: #dcdcdc; padding: 1px; margin: -1px; }
#content_container ul { list-style: none; margin-left: 0; padding-left: 2em; text-indent: -2em; margin-bottom: 15px; }
#container { width: 954px; margin: 0 auto; padding: 0px 15px 0px 15px;}
strong { font-weight: bold; }
table tr td { vertical-align: top; padding: 0px 10px 10px 0px; }

/* =MENU ************************************************************/
#menu { height: 65px; margin: 0 auto; font-family: verdana, sans-serif; display: table; }
#menu span { float: left; }
#menu span a { width: 136px; height: 65px; float: left; background: url(/img/menu-background.jpg) repeat-x; display: block; text-align: center; line-height: 55px; cursor: hand; color: #4c4d4f; font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#menu span a:hover, #menu span a.selected { color: #fff; }
#menu span.orange a:hover { background: url(/img/menu-hovers.jpg) 0px 0px; } 
#menu span.blue a:hover { background: url(/img/menu-hovers.jpg) -136px 0px; }
#menu span.green a:hover { background: url(/img/menu-hovers.jpg) -272px 0px; }
#menu span.orange a.selected { background: url(/img/menu-hovers.jpg) 0px -65px; } 
#menu span.blue a.selected { background: url(/img/menu-hovers.jpg) -136px -65px; }
#menu span.green a.selected{ background: url(/img/menu-hovers.jpg) -272px -65px; }

/* =MAIN ************************************************************/
#logo { width: 353px; height: 85px; float: left; margin: 15px; }
#teaser, #teaser-blog { width: 466px; height: 188px; position: absolute; margin: -6px 0px 0px 473px; background: url(/img/teaser.png) no-repeat; }
#teaser-blog { background: url(/img/teaser-blog.png) no-repeat; }
#content_container { width: 954px; float: left; margin-top: 15px; }
#left { float: left; width: 197px; min-height: 500px; background: #f0f0f0; border: 1px solid #dcdcdc; margin-right: 30px; padding: 15px; }
#middle { float: left; width: 430px; min-height: 500px; margin-right: 30px; padding-top: 11px; }
#right { float: left; width: 197px; min-height: 500px; background: #f0f0f0; border: 1px solid #dcdcdc; padding: 15px; } 
#disclaimer { width: 924px; float: left; margin-top: 30px; text-align: right; font-size: 11px; padding: 0px 15px 30px 15px; }
#disclaimer span { width: 450px; float: left; text-align: left; }
#middle ul, #right ul, #left ul { list-style-type: none; padding-left: 1em; text-indent: -1em; }
#middle ul li, #middle ol li, #left ul li { margin-bottom: 5px; }
#middle ul li:before, #right ul li:before, #left ul li:before  { content: "\00BB\00A0"; padding: 0px; margin: 0px; }
#middle img { border: 1px solid #f89821; }
#middle ol { list-style-type: decimal; margin-left: -1.5em; }


/* =ELEMENTS*********************************************************/
#advice input, #advice .textarea textarea  { border: none; background-color: transparent; color: #2daee4; font-family: georgia, sans-serif; font-size: 11px; font-weight: bold; }
#advice #submit { width: 91px; height: 24px; background: url(/img/submit.png); color: #fff; margin-top: 10px; float: right; }
#advice #submit:hover { background: url(/img/submit.png) 0px -24px; }
#middle #submit { clear: both; float: right; margin-right: 5px; }
#advice .input { width: 185px; height: 21px; background: url(/img/input.png); padding: 0px 5px; margin: 5px 0px 10px 0px; }
#advice a { float: left; margin-top: 13px; }
#middle .textarea { background: url(/img/textarea.png) no-repeat; padding: 5px; width: 413px; height: 170px; } 
#advice { padding-bottom: 35px; }
#position { width: 227px; margin-left: -15px; }
#socialmedia a { display: block; width: 227px; height: 45px; text-decoration: none; color: #4c4d4f !important; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; padding: 0px; }
#socialmedia a:hover { background: #dcdcdc; border-top: 1px solid #fff; border-left: 1px solid #fff; color: #fff !important; text-decoration: none !important; text-shadow: #9c9c9c 1px 1px; }
#socialmedia img { margin: 7px 15px 0px 15px; }
#socialmedia a .sociallink { display: block; margin: -40px 0px 0px 60px; }
#socialmedia a span span { font-size: 11px;}
#socialmedia h2 { margin: 0px 0px 15px 15px;}
.validation_error { color: red; }
#left > * { }
#left > * ~ * { border-top: 1px solid #e8e8e8; padding-top: 15px; }
#right > * { }
#right > * ~ * { border-top: 1px solid #e8e8e8; padding-top: 15px; }

/* =DELICIOUS*******************************************************/
.delicious-posts a, .delicious-networkbadge a, #right a, #left a { text-decoration: none; color: #2daee4; }
.delicious-posts a:hover, .delicious-networkbadge a:hover, #right a:hover, #left a:hover { text-decoration: underline; }
.delicious-banner a { font-size: 14px; font-weight: bold; font-variant: small-caps; color: #91c740 !important; text-decoration: none; padding: 0.3 em; margin-bottom: 15px; display: block; }
.delicious-posts { border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; }
.delicious-networkbadge { margin-bottom: 15px; }

/* =BLOG*******************************************************/
.blogitem, .reactions div, .blogitem-overview  { padding-bottom: 15px; margin-bottom: 15px; border-bottom:  1px solid #e8e8e8; }
.blogitem-overview h2 a { font-size: 19px; font-weight: bold; font-variant: small-caps; color: #f89821; margin-bottom: 5px; text-decoration: none; }
.blogitem-overview h2 a:hover { text-decoration: underline !important; background: none !important; display: inline !important; background: none !important; }
span.subtitel { font-size: 10px; line-height: 10px; color: #888; }
span.comments { font-size: 12px; }
.pagination span, .pagination a { margin: 0 2px 0 0 !important; float: left; display: block; padding: 2px 5px !important; border: 1px solid #dcdcdc !important; font-weight: bold; } 
.pagination a { text-decoration: none; }
.pagination_disabled { font-weight: normal !important; }
#react_form input, #react_form .textarea textarea  { border: none; background-color: transparent; color: #2daee4; font-family: georgia, sans-serif; font-size: 11px; font-weight: bold; }
#react_form #submit { width: 91px; height: 24px; background: url(../img/submit.png); color: #fff; margin-top: 10px; float: right; }
#react_form #submit:hover { background: url(../img/submit.png) 0px -24px; }
#react_form .input { width: 185px; height: 21px; background: url(../img/input.png); padding: 0px 5px; margin: 5px 0px 10px 0px; }
#react_form .textarea textarea  { border: none; background-color: transparent; color: #2daee4; font-family: georgia, sans-serif; font-size: 11px; font-weight: bold; }
#react_form .textarea { background: url(../img/textarea.png) no-repeat; padding: 5px; width: 413px; height: 170px; } 

/* =ADDTHIS****************************************************/
.addthis_toolbox { width: 315px; margin: 0 auto; }
.addthis_toolbox a { text-decoration: none; color: #2daee4; }
.addthis_toolbox a:hover { padding: 0px 2px !important; margin: 0px !important; background: #fff !important; }