/*
Theme Name: systembau-roeck
Theme URI: http://quantumdesign.de/
Description: The 2010 default theme for systembau-roeck.
Author: quantumdesign
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

html,
body {margin:0;padding:0;height:100%;}
#page {min-height:100%;position:relative;background-image:url('images/bgr_content.png'); background-position:top center; background-repeat:repeat-y;}
* html #page { position:absolute;/*IE6 only*/background-image:url('images/bgr_content.gif'); background-position:top center; background-repeat:repeat-y;}

#header {padding:0;height:398px;background-color:#FFF;background-image:url('images/bgr_header.png'); background-position:bottom left; background-repeat:no-repeat;}
#main {padding-bottom:60px;	/* Height of the footer */}
#footer {position:absolute;bottom:0;width:100%;height:60px;background-color:#7a9aad;background-image:url('images/bgr_footer.jpg'); background-position:top left; background-repeat:repeat-x;}

#content {float: left; width: 594px;padding:10px 0 0 42px;}
#primary {position: absolute;left: 50%;top: 233px;width: 231px;height: 159px; margin-left: 207px; z-index:1000;}
#header_img {position: absolute;left: 50%;top: 160px;width: 779px;height: 232px; margin-left: -429px; z-index:2;}
#secondary {float: right;overflow: hidden;width: 240px;padding:35px 0 0;}
#secondary {clear: right;}

body {background-image:url('images/bgr_body.gif');}
#wrapper {background-image:url('images/bgr_page.png'); background-position:top left; background-repeat:repeat-x;}
* html #wrapper {background-image:url('images/bgr_page.gif'); background-position:top left; background-repeat:repeat-x;/*IE6 only*/}


/* Fonts
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal;clear: both;}

.textwidget h2 {margin-bottom:15px; font-size:16px;}
h2.entry-title {margin:0;}
h2 {margin-bottom:7px; font-size:16px;font-style:italic;}
h3 {font-size:11px;font-weight:bold;}

body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #313131;
	font-size: 11px;
	line-height: 150%;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

.breadcrumb {font-size:10px;line-height:10px;height:10px;margin-bottom:15px;}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#header,
div.menu,
#colophon,
#branding,
#main,
#access{
	margin: 0 auto;
	width: 895px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 14px;
}
#site-generator {
	float: right;
	width: 220px;
}

.menu-service-container {height:20px;background-color:#FFF;}

#colophon {background-image:url('images/bgr_colophon.jpg'); background-position:top left; background-repeat:no-repeat;padding: 18px 0;overflow: hidden;}

/* Global Elements
-------------------------------------------------------------- */

body,
input,
textarea {}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

a {text-decoration:none;outline: none;}
a:link {color:#313131;}
a:visited {color:#313131;}
a:active,a:hover {color: #313131;}

.screen-reader-text {position: absolute;left: -9000px;}
.left,.right  {float:left;width:285px;}
.left {padding:0 12px 0 0;}
.right  {padding:0 0 0 12px;}

/* =Header
-------------------------------------------------------------- */

#header_img ul {list-style:none outside none;padding:0;margin:0;width:895px;height:257px;overflow:hidden;}
#header_img li {padding:0;margin:0;}
#site-title {float: right;}
#home {background-image:url(images/logo.gif);display:block;height:82px;width: 203px;text-indent: -9999em;}
#site-description {background-image:url(images/slogan.gif);display:block;height:83px;width: 423px;text-indent: -9999em;margin-left:18px;}

/* =Menu
-------------------------------------------------------------- */

#access {display:block;left:50%;margin-left:-441px;position:absolute;top:124px;width:895px;height:26px;z-index: 9999;}
#access .menu-header,
div.menu {font-size: 13px;margin-left: 12px;}
#access .menu-header ul,
div.menu ul {list-style: none;margin: 0;}
#access .menu-header li,
div.menu li {float:left;position: relative;}
#access .menu-header li{float:left;position: relative;width:121px;height:26px;background-image:url('images/menu-mainmenu.png'); background-position:top right; background-repeat:no-repeat;}
#access .menu-header li:hover, #access .menu-header li.current-menu-item, #access .menu-header li.current-menu-parent {background-position:top left; }
#access .menu-header li ul li {background-image:none;border-top:1px dotted #FFF;}
#access a {display:block;text-decoration:none;color:#FFF;padding:8px 0 0 22px;text-transform:uppercase;font-size:11px;font-weight:bold;}
* html #access a {font-size:10px;}
#access .menu-header li ul li a {text-transform:none;}
#access ul ul {display:none;position:absolute;top:26px;left:0;float:left;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);width: 180px;z-index: 99999;}
#access ul ul li {	min-width: 180px;background-image:none;}
#access ul ul ul {left:100%;top:0;}
#access ul ul a {background:#95aebd;filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;height:auto;line-height:26px;padding:0 0 0 22px;width: 160px;}
#access li:hover > a,
#access ul ul :hover > a {color:#313131;}
#access ul li:hover > ul {display:block;}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {color: #FFF;}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {color:#313131;}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

ul#menu-service {margin:0 0 0 14px;}
#menu-service li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {margin:0;}
.widget-title, .adresse, .entry-title {height:1px;text-indent:-9999em;width:240px;}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

.edit-link {clear: both;display: block;background-color:red;padding:2px 0 2px 10px;color:#FFF;border:solid 1px #ddd;}
.edit-link a {color:#ddd;}

div#sitemap { padding: 1em 1.5em;line-height: 20px;}

div#sitemap li {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
div#sitemap li {background: url(images/sitemap/extm.gif)
               no-repeat
               0% 0%;
   }
div#sitemap li.last {
   background: url(images/sitemap/exlm.gif)
               no-repeat
               0% 0%;
   }
div#sitemap ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
div#sitemap ul li ul {
   background: url(images/sitemap/exim.gif)
               repeat-y
               0% 0%;
   }
div#sitemap ul.last {
   background-image: none;
   }
div#sitemap li.current_page_item a {color:#7A9AAD;}

/* =Form
-------------------------------------------------------------- */
.kontakt_form {margin-top:16px;}
span.wpcf7-form-control-wrap input {width:272px;}
span.your-strasse input, span.your-ort input {width:213px;}
span.your-hausnr input, span.your-plz input {width:50px;}
span.your-message textarea {height:346px;width:272px;}
* html span.your-message textarea { /*IE6 only*/ height:343px;}
*+html span.your-message textarea { /*IE7 only*/ height:343px;}
span.wpcf7-not-valid-tip  {z-index:1000;left:7%;}
input.zustimmung {margin-left:0;}