/*
Theme Name: Grohmann-Archive.de
Theme URI: http://www.platinpower.com
Description: Grohmann-Archive.de
Version: 1.0
Author: Patrick Beck
Author URI: http://www.platinpower.com
Tags: grohmann, archive
*/


* {
  margin:         0;
  padding:        0;
}

p {
  margin:         .5em 0;
  padding:        .5em 0;
}

a {
	color:           #b20000;
	text-decoration: none;
}

a:hover {
	color:           #b20000;
	text-decoration: underline;
}

img {
  border:          0;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

code,
pre {
  width: 600px;
  margin: .5em 0;
  padding: .5em 1em 1em 2em;
	font: 1.1em 'Courier New', Courier, Fixed;
	overflow: auto;
}

table {
  margin: .5em 0;
}

table td {
  vertical-align:  top;
}


/* Body
========================================*/

body {
	font-size:       62.5%; /* Resets 1em to 10px */
	font-family:     Arial, Verdana, Sans-Serif;
	color:           #333;
	text-align:      left;
	background:      #f7f7f7;
}

#box {
  position:        relative;
  /* width:           952px; */
  margin:          0 30px;
	background:      #FFF url(images/bg-left.jpg) left repeat-y;
}

#ibox {
  min-height:      650px;
  padding:         0 1px 0 2px;
	font-size:       1.2em;
	background:      url(images/bg-right.jpg) right repeat-y;
}

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

#header {
  height:          50px;
  padding:         25px 0 35px 32px;
  background:      #FFF;
  border-bottom:   2px solid #FFF;
}

#header h1 a {
  display:         block;
  width:           208px;
  height:          63px;
  color:           #FFF;
  font-size:       1px;
  text-decoration: none;
  background:      url('images/logo.gif') no-repeat;
}

#header h1 a span {
  display:         none;
}

/* Clearing
========================================*/

#main { clear: both; position: relative; }

#sidebar:after, #content:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#sidebar, #content {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html #content, * html #sidebar, { height: 1%; }
#sidebar, #content { display: block; }
/* End hide from IE-mac */


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

#navigation {
  position:        relative;
  height:          31px;
  background:      #b20000;
  clear:           both;
  overflow:        hidden;
  margin-bottom: 2.5em;
}

#navigation ul {
  list-style-type: none;
  padding-left:    20px;
}

#navigation ul li {
  float:           left;
  display:         inline;
}

#navigation ul li a {
  display:         block;
  margin-top:      10px;
  padding:         0 15px;
  color:           #FFF;
  font-weight:     normal;
  border-left:     1px solid #FFF;
}

#navigation ul li a:hove {
  text-decoration: underline;
}

#navigation ul li a.level1current {
  text-decoration: none;
  font-weight:     bold;
}

#navigation ul li.first a {
  border:          0;
}

#navigation span.tile {
  position:        absolute;
  top:             0;
  left:            0;
  display:         block;
  height:          31px;
  width:           30px;
  background:      #b20000;
}


/* Zweite Navigation
========================================*/

#sidebar {
  width:           223px;
  background:      #f4f2f1;
  float:           left;
  margin-left:     20px;
}

#sidebar ul {
  list-style-type: none;
}

#sidebar ul.level2 {
  padding:         7px 0;
  border:          1px solid #cdcdcd;
  border-top:      0;
}

#sidebar ul li {
  display:         inline;
}

#sidebar ul li a {
  display:         block;
  
}

#sidebar ul.level1 li a {
  padding:         6px 15px;
  height:          14px;
  font-weight:     bold;
  color:           #FFF;
  background:      #7b7b7b url(images/navhead.jpg);
}

#sidebar ul.level2 li a {
  padding:         5px 15px;
  color:           #333;
  font-weight:     normal;
  background:      none;
}

#sidebar ul.level2 li a.higher,
#sidebar ul.level1 li a.higher {
    height:	22px;
    }

#sidebar ul.level3 li a {
  padding:         5px 15px 5px 25px;
  color:           #333;
  background:      none;
}



/* Content
========================================*/

#content {
  min-height:      405px;
  margin:          0 0 0 265px;
  line-height:     18px;
  width:           auto;
}

.editlink {
  font-size:       11px;
}

/* Content List
========================================*/

#content ul,
#content ol {
  margin:          0 0 0 20px;
}

#content ul {
  margin:          0;
  padding:         1em 1em 1em 2em;
  list-style-type: none;
}

#content ul li {
  margin:          0 0 5px 0;
  padding:         0 0 0 15px;
  background:      url(images/list.jpg) no-repeat 0 5px;
  line-height:     1em;
  display:         block;
  width:           100%;
}

#content ul li a { 
  line-height:     1.5em;
  display:         block;
}

span.clear {
  display:         block;
}


/* Content Images
========================================*/


#content img.right {
  float:           right;
  margin:          3px 0 10px 15px;
}

#content img.left {
  float:           left;
  margin:          3px 15px 10px 0;
}


/* Table Design Overview
========================================*/

table.design.overview  {
  width: 650px;
}

table.design.overview td {
  border-bottom:   3px solid #FFF;
  border-right:    3px solid #FFF;

}

table.design.overview td.desc a { display: block; }
table.design.overview td.desc ul li a { display: inline; padding: 0; width: auto; }

table.design.overview td.desc {
  background:      #f4f2f1;
  padding:         10px;
}


table.design.overview  ul {
  padding:         1em 0 1em 1em;
  width: 130px;
}

table.design.overview  ul li {
  padding:         0;
}


/* Content Overview 
========================================*/

#content.overview {
}

#content.overview ul {
  padding:         2em 0 1em 3em;
}


/* Content Kategorie fuer Produkte 
========================================*/

.catp {
  margin-right:   10px;
  padding:        15px;
  background:     #f4f2f1;
}

ul.produkte {
  list-style-type:none;
  overflow: hidden;
}

#content ul.produkte li {
  display:        block;
  float:          left;
  width:          280px;
  overflow: hidden;
  padding:        10px;
  background:     #FFF;
  border:         5px solid #f4f2f1;
  border-left-width:   0;
  border-right-width:  15px;
  border-bottom-width: 0;
}

ul.produkte .thumblink {
  float:          left;
  margin:         0 10px 0 0;
  border:         1px solid #BBB;
}

ul.produkte .thumblink:hover {
  border-color:   #999;
}

ul.produkte .title {
  color:          #333;
  font-weight:    bold;
}

ul.produkte .title:hover {
  text-decoration:none;
  color:          #b20000;
}

ul.produkte .goto {
  display:        block;
  padding:        5px 0 0 0;
  font-size:      11px;
  font-style:     italic;
}

/* Content Produktansicht
========================================*/

#content .prop {
  width:          617px;
  padding:        15px;
  background:     #f4f2f1;
}

#content .prop .attachments {
  float:          left; 
  width:          255px;
  padding:        20px 0 0 0;
}

#content .prop .attachments a img {
  border:         1px solid #ccc;
}

#content .prop .attachments a.attlink:hover img {
  border:         1px solid #AAA;
}

#content .prop .description {
  float:          left; 
  width:          340px;
  padding:        20px 10px 0 10px;
  background:     #FFF;
  border-top:     20px solid #f4f2f1;
}

#content .prop .description ul {
  margin:         0;
  padding:        0 0 0 10px;
}

#content .prop ul li {
  padding-bottom: 15px;
}


a.enlarge {
  display:        block;
  padding:        4px 0 4px 30px;
  font-size:      11px;
  color:          #333;
  background:     url(images/lupe.jpg) no-repeat 6px center;
}

/* Gallery
========================================*/

.gallery {
  margin:         auto;
  width:	  95%;
}

.gallery-item {
  float:          left;
  margin:         0 10px 10px 0;
  text-align:     center;
}

.gallery-caption {
  margin-left:    0;
}


/* Referenzen
========================================*/

#referenzen {
  border:         0;
  width:		500px;
}

#referenzen td {
  padding:        10px 10px 5px 0;
  vertical-align: top;
}

#referenzen td.second {
  padding-left:   20px;
  background:     #F8F8F8;
  border-top:     10px solid #FFF;
  border-bottom:  5px solid #FFF;
  border-right:   10px solid #FFF;
}

#referenzen td h3 {
  font-size:      14px;
  font-weight:    bold;
}

#referenzen td h3 a {
  color:          #333;
}


#referenzen a img {
  border:         1px solid #999;
}

#referenzen a:hover img {

}

/* Referenz
========================================*/

#referenz {
  margin:         20px 0 0 0;
}

#referenz .first {
  padding:        0 20px 0 0;
}

#referenz img {
  border:         1px solid #cfcfcf;
}





/* Maps
========================================*/

#maps {
  margin:          1em 0;
  width:           580px;
  height:          400px;
}


/* Suche
========================================*/

#suche {
  position:        absolute;
  top:             63px;
  right:           40px;
}

#suche input {
  font-size:       11px;
  border:          1px solid #c0c0c0;
}

#suche #search_input {
  height:          16px;
  width:           160px;
  margin-top:      -2px;
  padding:         3px 5px;
  background:      #FFF;
}

#suche #search_submit {
  height:          24px;
  width:           60px;
  font-size:       12px;
  background:      #efefef;
}



/* Headline
========================================*/

h2,h3,h4,h5,h6 {
  margin:          .5em 0;
  padding:         .5em 0;
}

h2 {
  margin:          0;
  padding:         0;
  color:           #48484b;
  font-size:       20px;
  line-height:     24px;
  font-weight:     bold;
  font-family:     'Arial', 'Helvetica', 'Sans-Serif';
}

h3 {
  font-size:       18px;
  line-height:     18px;
  color:           #333;
}

h4 {
  font-size:       16px;
  line-height:     16px;
  color:           #333;
}

h5 {
  font-size:       14px;
  line-height:     14px;
  color:           #333;
}

h6 {
  font-size:       12px;
  line-height:     12px;
  color:           #333;
}


/* Footer
========================================*/

#footer {
  clear:           both;
  margin:          15px 0 0 0;
  padding:         20px 5px 5px 5px;
  text-align:      center;
	border-bottom:   12px solid #b10000;
}

#footer p {
  margin:          0;
}

#footer .copyright {
  color:           #929292;
}


/* Adminfooter
========================================*/

#adminfooter {
  font-size:       1.2em;
  text-align:      center;
  color:           #929292;
}