/*
Theme Name: Xirra Default
Theme URI: http://xirra.net/
Description: The WordPress Theme for xirra.net. Copyright 2011. All rights reserved.
Version: 1.0
Author: Xirra GmbH, Nürnberg, Germany
Author URI: http://xirra.net/
Template: default
Tags: xirra, nürnberg, root server, hosting
*/



/* suggested order of definitions:
 * position
 * top
 * right
 * bottom
 * left
 * z-index
 *
 * display
 * float
 * margin
 * padding
 * width
 * height
 * overflow
 * visibility
 * table-layout
 *
 * background
 * border
 *
 * vertical-align
 * text-align
 * font
 * letter-spacing
 * color
 * text-transform
 * text-decoration
 * font-variant
 * list-style-type
 *
 * cursor
 */
 
/* #### Table of Contents ####
 *
 * Global Styles (Reset)
 * float Fix
 * Text
 * Headers
 * Navigation (incl. Menu)
 * Forms
 * Page Structure
 * Content
 */
 
 #grid {
 position: absolute;
 top: -5px;
 left: 0;
 z-index: 100;
 display: none;
 }
 
 /* Global Styles */
 
 html, body { background: #e9e9e9; }
 body { text-align: center; }
 
 * {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 a:focus { outline: none; }
 
 ul, ol { list-style-type: none; }
 
 p.no-margin-hor, h1.no-margin-hor { margin-left: 0 !important; margin-right: 0 !important; }
 p.no-margin-ver { margin-top: 0; margin-bottom: 0; }
 
 .left { float: left; }
 .right { float: right; }
 /* float Fix */
 
 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
 .clearfix { display: inline-block; }
 
 /* Hides from IE-mac \*/
 * html .clearfix { height: 1%; }
 .clearfix { display: block; }
 /* End hide from IE-mac */
 
 /* Text */
 
 body { font-size: 69%; }
 html>body { font-size: 11px; }
 
 p, ul, ol, h1, h2, h3, h4, h5, h6, small,
 .wpcf7-response-output {
 margin-bottom: 1.64em;
 font-size: 1em;
 line-height: 1.64em;
 font-family: Helvetica, Arial, sans-serif;
 color: #242424;
 }
 p.var {
 margin: 0;
 line-height: 0em;
 }
 p.var-02 { margin: 0; }
 p#subtitle { font-weight: 900; }
 .wpcf7-form p {
 margin-bottom: 1.2em;
 font-size: 1.1em;
 }
 
 small { font-size: 0.7em; color: #909090; letter-spacing: normal; }
 #side-news strong { font-weight: 100; }
 .text-var-01 {
 font-family: Helvetica, "Lucida Grande", sans-serif;
 color: #555555;
 font-size: 1.6em;
 line-height: 1.3em;
 font-weight: 100;
 letter-spacing: -1px;
 }
 .text-var-02 { color: #0a7f98; }
 .text-right { text-align: right; }
 
 #nav-top {
 font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 1em;
 }
 
 #nav-sub { letter-spacing: 0px; }
 #nav-sub li { line-height: 1em; }
 
 .intro-text { text-align: left; }
 
 #legal p { color: #555555; }
 
 /* Headers */
 
 h1, h2 {
 margin: 0px 0 1.23em 0;
 font-family: "Lucida Grande", sans-serif;
 color: #0a7f98;
 font-size: 1.6em;
 font-weight: 100;
 letter-spacing: -1px;
 }
 h1.home {
 float: left;
 margin: 0px 35px 0.2em 0;
 width: 170px;
 }
 h1.archive {
 margin: 0px 0 0.2em 0;
 }
 h2 {
 margin: 0 0 0.6em 0;
 color: #a90200 !important;
 }
 h3 {
 margin: 0;
 color: #000 !important;
 }
 
 /* Navigation */
 
 a { color: #a90200; text-decoration: none; }
 a:hover { border-bottom: 1px dotted #a90200; }
 a.no-underline, a.more-link { border: 0; }
 a.var-01 { color: #000; }
 a:hover.var-01 { color: #a90200; }
 
 #nav-top a {border-bottom-color: #909090; color: #909090; }
 
 #nav-sub a {
 display: block;
 padding: 6px 0;
 border: 0;
 color: #555555;
 }
 #nav-sub a:hover, #nav-sub .current_page_item {
 font-weight: 900;
 letter-spacing: 1px;
 }
 
 a.arrow img, a.more-link img { margin-left: 5px; }
 a:hover.arrow img, a:hover.more-link img { margin-left: 8px; }
 
 /* Forms */
 
 input, textarea {
 width: 345px;
 padding: 6px 4px;
 border: 1px solid #909090;
 font-size: 1.4em;
 font-weight: 900;
 color: #242424;
 }
 input:hover, textarea:hover, input:focus, textarea:focus {
 background: #f8f8f8;
 }
 
 input.submit {
 padding: 6px 0 0;
 width: auto;
 background: none;
 border-width: 0;
 font-family: "Lucida Grande", sans-serif;
 font-size: 1.1em;
 font-weight: 100;
 color: #a90200;
 cursor: pointer;
 }
 input:hover.submit {
 border-bottom: 1px dotted #a90200;
 }
 
 /* Page Structure */
 
 #border-top {
 background: #fff;
 }
 
 #layout {
 position: relative;
 margin: 0 auto;
 padding-top: 20px;
 width: 900px;
 background: #fff;
 text-align: left;
 }
 
 #left {
 float: left;
 width: 148px;
 }
 
 #center {
 float: left;
 margin-left: 21px;
 padding-top: 81px;
 width: 580px;
 }
 
 #right {
 float: right;
 width: 126px;
 }
 
 #border-bottom { background: none; }
 
 #footer {
 margin: 0 auto;
 padding-top: 20px;
 width: 900px;
 height: 84px;
 background: url(images/gradient.gif) 0 0 repeat-x;
 text-align: left;
 }
 * html #footer {  /* nur fuer Internet Explorer */
 height: 104px;     /* Version 5.x */
 he\ight: 84px;    /* Version 6 */
 }
 
 /* Content */
 
 #nav-top {
 display: none;
 }
 #nav-top li {
 float: left;
 margin-left: 13px;
 }
 
 #logo {
 margin-bottom: 36px;
 width: 122px;
 height: 46px;
 }
 
 #nav-sub { display: none; }
 #nav-sub li { border-top: 1px solid #cecece; }
 
 #side-contact {
 margin-top: 0px;
 padding-right: 10px;
 }
 
 #img-theme, .img-theme-small {
 display: none;
 }
 * html #img-theme {  /* nur fuer Internet Explorer */
 height: 282px;     /* Version 5.x */
 he\ight: 253px;    /* Version 6 */
 }
 
 .img-theme-small { height: 111px; }
 * html .img-theme-small {  /* nur fuer Internet Explorer */
 height: 140px;     /* Version 5.x */
 he\ight: 111px;    /* Version 6 */
 }
 
 #img-theme-6 { background-image: url(images/img-unternehmen.jpg); }
 #img-theme-37 { background-image: url(images/img-kontakt.jpg); }
 
 #nav-main {
 width: 564px;
 height:35px;
 background: #fff;
 }
 
 #nav-main ul { margin: 0; }
 #nav-main li {
 float: left;
 margin-left: 42px;
 }
 #nav-main a {
 display: block;
 height: 31px;
 overflow: hidden;
 background: url(images/nav-main.gif) no-repeat;
 border-bottom: 4px solid #fff;
 text-indent: -10000px;
 }
 #nav-main .page-item-3 a:hover, #nav-main .current_page_parent.page-item-3 a, #nav-main .current_page_item.page-item-3 a { background-position: 0 -31px; }
 #nav-main .page-item-5 a:hover, #nav-main .current_page_parent.page-item-5 a, #nav-main .current_page_item.page-item-5 a { background-position: -100px -31px; }
 #nav-main .page-item-6 a:hover, #nav-main .current_page_parent.page-item-6 a, #nav-main .current_page_item.page-item-6 a { background-position: -238px -31px; }
 #nav-main .page-item-3 a { width: 58px; background-position: 0 0; }
 #nav-main .page-item-5 a { width: 96px; background-position: -100px 0; }
 #nav-main .page-item-6 a { width: 84px; background-position: -238px 0; }
 #nav-main a:hover, #nav-main .current_page_item a, #nav-main .current_page_parent a {
 background-position: 0 -31px;
 border-bottom-color: #a90200;
 }
 
 .intro-text {
 float: left;
 margin: 0 35px 1.64em 0;
 width: 170px;
 }
 
 #side-news { margin-top: 81px; }
 #side-news p { margin-bottom: 0.82em; }
 
 #logos {
 display: none;
 }
 
 #legal {
 margin: 0 auto 0;
 padding-left: 169px;
 width: 731px;
 }
 * html #legal {  /* nur fuer Internet Explorer */
 width: 900px;     /* Version 5.x */
 w\idth: 731px;    /* Version 6 */
 }
 
 #nav-legal {
 display: none;
 }
 #nav-legal li {
 float: left;
 margin-right: 13px;
 }
 
 #entry {
 padding-bottom: 1.16em;
 }
 
 #column-left-30 {
 float: left;
 width: 195px;
 }
 
 #column-right-60, .wpcf7 {
 float: right;
 width: 355px;
 }
 
 #column-left {
 float: left;
 width: 275px;
 }
 
 #column-right {
 float: right;
 width: 275px;
 }
 
 #additional {
 display: none;
 }
 
 div.wpcf7-response-output {
 display: none;
 margin: 0 0 1.64em !important;
 padding: 6px 10px !important;
 background: #f8f8f8 !important;
 border: 0px solid #909090 !important;
 font-weight: 900;
 }
 
 .wpcf7 .ajax-loader {
 vertical-align: middle;
 }
