/*
Theme Name: SysArch
URI: http://www.system-architekten.de
Description: Corporate Theme for SysArch.
Version: 1.01 Final
Author: System Architekten / Charisma.Digital
Author URI: http://www.system-architekten.de/

*/
/* ---------------------------------------------------------------------------------- */

body {margin: 0px; padding: 0px; background: url(images/top_bg.gif) repeat-x #2F3A47; font-size: 11px; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;}

#html {margin: 0 auto; width: 980px;}
.html {margin: 0 auto; width: 980px;}
.footer {margin: 0 auto; width: 980px;}
img {border: 0;}
*, * focus {outline: none; margin: 0; padding: 0;}


/* Header */

#header {margin: 0 auto; width: 980px; height: 240px;}
#header a.logo {margin: 0; float: left; padding: 0; height:80px; overflow: hidden;}
.top_logo {float: left; height: 160px; width: 985px; background: url(images/logo_top.gif) no-repeat right bottom;}


/* Header Menu */

ul.navihead {float: right; width: 479px;}
ul.navihead li {list-style: none; text-indent: -9999px; float: left; width: auto;}
ul.navihead li a {height: 80px; display: block;}
#header ul.navihead li a:hover {background-position: 0 -80px;}
ul.navihead li.start a {width: 52px; background: url(images/bstart.gif) no-repeat;}
ul.navihead li.start_active {width: 52px; background: url(images/bstart.gif) no-repeat bottom;}
ul.navihead li.ueber a {width: 87px; background: url(images/bueber.gif) no-repeat;}
ul.navihead li.ueber_active {width: 87px; background: url(images/bueber.gif) no-repeat bottom;}
ul.navihead li.service a {width: 75px; background: url(images/bservice.gif) no-repeat;}
ul.navihead li.service_active {width: 75px; background: url(images/bservice.gif) no-repeat bottom;}
ul.navihead li.portfolio a {width: 83px; background: url(images/bport.gif) no-repeat;}
ul.navihead li.portfolio_active {width: 83px; background: url(images/bport.gif) no-repeat bottom;}
ul.navihead li.blog a {width: 52px; background: url(images/bblog.gif) no-repeat;}
ul.navihead li.blog_active {width: 52px; background: url(images/bblog.gif) no-repeat bottom;}
ul.navihead li.kontakt a {width: 77px; background: url(images/bkontakt.gif) no-repeat;}
ul.navihead li.kontakt_active {width: 77px; background: url(images/bkontakt.gif) no-repeat bottom;}


/* Content */

#content {float: left; width: 100%; background: #2F3A47 url(images/content_bg.gif) repeat-x; color: #ffffff;}
#content .main {float: left; padding: 30px 20px 84px 10px; width: 630px; background: url(images/main_top_bg.gif) no-repeat right top; position: relative; z-index: 5; overflow: hidden;}

ul.experts {float: left; margin: 0px 0px 15px; padding: 0px; width: 600px;}
ul.experts li {float: left; padding: 2px 0px 2px 25px; width: 175px; background: url(images/check.gif) no-repeat 5px center; list-style: none;}
ul.experts li a {color: #FFFFFF; text-decoration: none;}


/* Classes */

p {margin: 0px 0px 10px 0px;}

.center {margin: 0 auto; text-align: center; display: block;}
.right {float: right;}
.floatleft {float: left;}

h1, h2 {display: block; margin: 10px 0 20px 0px; border-bottom: 1px solid #3F4C5B;}
h2 a,
h2 a:hover {text-decoration: none;}

input {font-size: 12px;}
select {margin: 0px 0px 20px 10px;}

.ueber_navi h2,
.service_navi h2,
.port_navi h2,
.blog_navi h2,
.blog_preview h2 {text-indent: -99999px; border: none;}
.wpcf7-text {width: 245px; height: 23px; padding: 0px 2px 2px 5px; background: url(images/bg_input.gif) no-repeat; font-size: 12px; color: #ffffff; border: 0px;}
.wpcf7-cont {width: 343px; height: 173px; padding: 0px 2px 2px 5px; background: url(images/bg_inputtext.gif) no-repeat; font-size: 12px; color: #ffffff; border: 0px;}


/* Blog Preview */

#content .blog_preview {width: 300px; float: left; padding: 30px 20px 100px 0; background: url(images/right_bg_top.gif) no-repeat;}
#content .blog_preview h2 {height: 29px; margin-left: 15px;}

#content .blog_preview ul {float: left; margin: 0; padding: 0 10px 15px; background: #6B121D url(images/right_bg_btm.gif) no-repeat left bottom; list-style: none; width: 280px;}
#content .blog_preview ul li {padding: 10px 0px 5px; width: 279px; background: url(images/sidebar_hr.gif) repeat-x left bottom; float: left;}
#content .blog_preview ul li span {float: left; padding-right: 4px; width: 54px; height: 64px; background: url(images/date.png) no-repeat; text-align: center; color: #FFFFFF; display: block;}
#content .blog_preview ul li span em {padding-top: 5px;	font-size: 1.2em; font-style: normal; line-height: 1.7em; display: block;}


#home #content .blog_preview ul li p,
#home .blog_preview ul li h4{padding: 0 0 0 65px; margin: 0 0 3px 0;}


/* Service Navi */

#content .service_navi {width: 300px; float: left; padding: 30px 20px 100px 0; background: url(images/right_bg_topser.gif) no-repeat;}
#content .service_navi h2 {height: 29px; margin-left: 15px;}
#content .service_navi h3 {background: url(images/rightcol_header_bg.gif) no-repeat left bottom; float: left; width: 279px; padding: 0 10px 15px; height: 15px;	font-size: 1.5em; font-weight: normal;}
#content .service_navi ul {float: left; margin: 0; padding: 0 10px 15px; background: #6B121D url(images/right_bg_btm.gif) no-repeat left bottom; list-style: none; width: 280px;}
#content .service_navi ul li a {float: left; padding: 10px 0px 5px; width: 279px; background: url(images/sidebar_hr.gif) repeat-x left bottom; font-size: 1.1em;}
#content .service_navi ul li.last {float: left; padding: 10px 0px 5px; width: 279px; font-size: 1.1em;}
#content .service_navi ul li a,
#content .service_navi ul li a:hover {text-decoration: none;}


/* Ueber Navi*/

#content .ueber_navi {width: 300px; float: left; padding: 30px 20px 100px 0; background: url(images/right_bg_topueb.gif) no-repeat;}
#content .ueber_navi h2 {height: 29px; margin-left: 15px;}
#content .ueber_navi h3 {background: url(images/rightcol_header_bg.gif) no-repeat left bottom; float: left; width: 279px; padding: 0 10px 15px; height: 15px;	font-size: 1.5em; font-weight: normal;}
#content .ueber_navi ul {float: left; margin: 0; padding: 0 10px 15px; background: #6B121D url(images/right_bg_btm.gif) no-repeat left bottom; list-style: none; width: 280px;}
#content .ueber_navi ul li a {float: left; padding: 10px 0px 5px; width: 279px; background: url(images/sidebar_hr.gif) repeat-x left bottom; font-size: 1.1em;}
#content .ueber_navi ul li.last {float: left; padding: 10px 0px 5px; width: 279px; font-size: 1.1em;}
#content .ueber_navi ul li a,
#content .ueber_navi ul li a:hover {text-decoration: none;}


/* Portfolio Navi*/

#content .port_navi {width: 300px; float: left; padding: 30px 20px 100px 0; background: url(images/right_bg_toppor.gif) no-repeat;}
#content .port_navi h2 {height: 29px; margin-left: 15px;}
#content .port_navi h3 {background: url(images/rightcol_header_bg.gif) no-repeat left bottom; float: left; width: 279px; padding: 0 10px 15px; height: 15px;	font-size: 1.5em; font-weight: normal;}
#content .port_navi ul {float: left; margin: 0; padding: 0 10px 15px; background: #6B121D url(images/right_bg_btm.gif) no-repeat left bottom; list-style: none; width: 280px;}
#content .port_navi ul li a {float: left; padding: 10px 0px 5px; width: 279px; background: url(images/sidebar_hr.gif) repeat-x left bottom; font-size: 1.1em;}
#content .port_navi ul li.last {float: left; padding: 10px 0px 5px; width: 279px; font-size: 1.1em;}
#content .port_navi ul li a,
#content .port_navi ul li a:hover {text-decoration: none;}

/* Blog Kategrien */

#content .blog_navi {width: 300px; float: left; padding: 30px 20px 100px 0; background: url(images/right_bg_top.gif) no-repeat;}
#content .blog_navi h2 {height: 29px; margin-left: 15px;}
#content .blog_navi h3 {background: url(images/rightcol_header_bg.gif) no-repeat left bottom; float: left; width: 279px; padding: 0 10px 15px; height: 15px;	font-size: 1.5em; font-weight: normal;}
#content .blog_navi ul {float: left; margin: 0; padding: 0 10px 15px; background: #6B121D url(images/right_bg_btm.gif) no-repeat left bottom; list-style: none; width: 280px;}
#content .blog_navi ul li a {float: left; padding: 10px 0px 5px; width: 279px; background: url(images/sidebar_hr.gif) repeat-x left bottom; font-size: 1.1em;}
#content .blog_navi ul li.last {float: left; padding: 10px 0px 5px; width: 279px; font-size: 1.1em;}
#content .blog_navi ul li a,
#content .blog_navi ul li a:hover {text-decoration: none;}


/* Footer */

#footer {float: left; width: 100%; background: #3F4C5B; border-top: 1px solid #54677D; color: #FFFFFF;}

#footer ul.contactinfo {float: right; margin-right: 20px; padding: 20px 10px; width: 280px; list-style: none;}
#footer ul.contactinfo p {line-height: 2em;}
#footer ul.partnership {float: left; margin-right: 20px; padding: 20px 10px; width: 620px; list-style: none;}
#footer ul.partnership p {line-height: 2em;}

#footer li.first p {padding: 0; margin-bottom: 10px;}
#footer li.first p strong {font-size: 1.2em; font-weight: normal; display: block; text-align: center; background: #333F4C; padding: 5px 0; border: 1px solid #29333E;	border-bottom: 1px solid #262F3A; border-right: 1px solid #262F3A;}

#footer .copy {float: left; padding: 4px 0px; width: 100%; background: #2F3A47; border-top: 1px solid #54677D; color: #CCCCCC;}
#footer .copy a {text-decoration: none; color: #CCCCCC;}


/* Comments */




/* Links */

a {color: #319bda;}
a:hover {color: #0064a0;}

#content a {color: #FFFFFF;}
#content a:hover {color: #DDDDDD;}