/*
Theme Name: Dreier3Schmiede	
Theme URI: http://www.dreier-schmiede.de/
Description: Komplett eigene Entwicklung fuer die Firmenseite der dreier-schmiede UG (haftungsbeschränkt))
Version: 1.1
Author: Paul Fleischanderl
Tags: fixed width, two columns, top navigation, css 2 row navigation

Das ist das Layout fuer die Webseite www.dreier-schmiede.de, keine abzusehenden Features
*/

/* globales vorweg */

* {
   margin: 0;
	padding: 0;
}

#quicklinks, .hidden {
	position: absolute;
	height: 25px;
	left: -350px;
	width: 300px;
	overflow: visible;
}

#quicklinks a {
	position: absolute;
	left: -350px;
}

#quicklinks a:focus {
	position: absolute;
	left: 350px;
	color: black;
}

html,body {
 	height: 100%; /* wichtig */
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000;
   background: url(img/wuerfel.jpg) repeat-y 1010px 0 #fff fixed;
}

a {
	text-decoration: none;
}

a[href]:focus, a[href]:hover, a:hover {
	text-decoration: underline;
}

a:link, a:visited {
   color: #003366;
   font-weight: bold;
}

a.more-link {
   display: block;
   margin: 15px 0 30px 0;
}

/* --- wrapper --- */

#wrapper {
   width: 974px;
   padding: 0 0 0 36px;
   background: url(img/rahmen_links.jpg) repeat-y 0 0 #CCCC99;
   min-height: 100%;
   height:auto !important;/* moderne Browser */
   height:100%; /* IE */
}

/* --- header --- */

#header {
   text-align: left;
	width: 100%;
	background-color: #cccc99;
}

h1 {
	padding: 20px 0 20px 20px;
}

h1 img {
	border: 0;
}

#header div {
   float: right;
   text-align: center;
   padding: 7px 50px 0 0px;
}

/* -- style switch elements --*/
#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header li {
	display: inline;
	line-height: 11px;
	font-size: 11px;
	margin: 0 5px 0 0;
}

#header li a {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 21px;
	width: 21px;
}

#header li a.mobile {
	background-image: url(img/mobile_css.jpg);
}

#header li a.print {
	background-image: url(img/print_css.jpg);
}

#header li a.desktop {
	background-image: url(img/screen_css.jpg);
}

/* -- suche -- */

#header form {
	padding: 0;
}

#header form fieldset {
	border: 0;
}

#header label, #header form fieldset legend {
	display: none;
}

#header #s {
	-moz-border-radius: 20px;
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px 5px;
	vertical-align: middle;
}

#header .submit {
	border: 0;
	vertical-align: middle;
	background: transparent;
}

/* --- navigation --- */

#navigation {
   list-style-type: none;
   display: block;
   background: #000;
   padding: 0;
   margin: 0;
   position: relative;
   width: 100%;
}

#navigation li ul {
   display: none;
}

#navigation li.current_page_item ul, #navigation li.current_page_ancestor ul, #navigation li:hover ul  {
   display: block;
   position: absolute;
   top: 21px;
   left: 0;
   list-style-type: none;
   width: 100%;
   z-index: 0;
}

#navigation li:hover ul {
   z-index: 1;
}

#navigation .page-item-80 {
   margin-left: 470px;
}

#navigation .page-item-76 {
   margin-left: 350px;
}

#navigation .page-item-74 {
   margin-left: 180px;
}

#navigation .page-item-124 {
   margin-left: 80px;
}


/* Blog */
#navigation li#page-item-370 ul {
   background: #cc3333;
}
/* Datenbank */
#navigation li#page-item-30 ul {
   background: #ffa727;
}
/* Internet */
#navigation li#page-item-19 ul {
   background: #99ccff;
}
/* Hardware */
#navigation li#page-item-21 ul {
    background: #99ff33;
}
/* Software */
#navigation li#page-item-23 ul {
   background: #ffcc33;
}

#navigation li#page-item-182 ul {
   background: #CCCC99;

}

#navigation li {
   display: inline;
}

#navigation li a {
	font-size: 11px;
   line-height: 21px;
   padding: 4px 9px;
   text-decoration: none;
   color: #fff;
	text-transform: uppercase;
   font-weight: normal;
}

#navigation li ul li a {
   line-height: 19px;
   padding: 2px 7px;
   color: #000;
	text-transform: none;
}

#navigation li.current_page_item a,  #navigation li.current_page_ancestor a {
   background-image: url(img/arrow.gif);
   background-repeat: no-repeat;
   background-position: 0px 6px;
   font-weight: bold;
   color: #000;
}

/* Blog */
#navigation li#page-item-370.current_page_item a,  #navigation li#page-item-370.current_page_ancestor a {
	background-color: #cc3333;
}
/* Datenbank */
#navigation li#page-item-30.current_page_item a,  #navigation li#page-item-30.current_page_ancestor a {
	background-color: #ffa727;
}
/* Internet */
#navigation li#page-item-19.current_page_item a,  #navigation li#page-item-19.current_page_ancestor a {
	background-color: #99ccff;
}
/* Hardware */
#navigation li#page-item-21.current_page_item a,  #navigation li#page-item-21.current_page_ancestor a {
 	background-color: #99ff33; 
}
/* Software */
#navigation li#page-item-23.current_page_item a,  #navigation li#page-item-23.current_page_ancestor a {
	background-color: #ffcc33;
}

/* dreier schmiede */
#navigation li#page-item-182.current_page_item a,  #navigation li#page-item-182.current_page_ancestor a {
	background: #CCCC99;
}

#navigation li a:hover, #navigation li:hover a {
   color: #000;
   background-image: url(img/arrow.gif);
   background-repeat: no-repeat;
   background-position: 0px 6px;
}

#navigation li:hover ul li a {
   background-image: none;
}

/* Blog */
#navigation li#page-item-370 a:hover,
#navigation li#page-item-370:hover a {
   background-color: #cc3333;
}
/* Datenbank */
#navigation li#page-item-30 a:hover,
#navigation li#page-item-30:hover a {
	background-color: #ffa727;
}

/* Internet */
#navigation li#page-item-19 a:hover,
#navigation li#page-item-19:hover a {
	background-color: #99ccff;
}
/* Hardware */
#navigation li#page-item-21 a:hover,
#navigation li#page-item-21:hover a {
	background-color: #99ff33;
}
/* Software */
#navigation li#page-item-23 a:hover,
#navigation li#page-item-23:hover a {
	background-color: #ffcc33;
}

/* dreier-Schmiede */
#navigation li#page-item-182 a:hover,
#navigation li#page-item-182:hover a {
	background-color: #CCCC99;
}



#navigation li.current_page_item ul li a,  #navigation li.current_page_ancestor ul li a {
   background: none;
   font-weight: normal;
}

#navigation li.current_page_item ul li.current_page_item a,
#navigation li.current_page_item ul li a:hover,
#navigation li.current_page_ancestor ul li.current_page_item a,
#navigation li.current_page_ancestor ul li a:hover,
#navigation li ul li.current_page_item a, #navigation li ul li a:hover {
   background: #fff;
}

/* main */

#main {
   clear: both;
   padding: 80px 15px 0 15px;
   background: url(img/main_back.jpg) repeat-y 564px 0 #fff ;
   line-height: 16px;
}

#content {
   float: left;
   width: 526px;
   font-size: 11px;
}

#right {
   float: right;
   width: 290px;
   margin: 0 70px 0 0;
   font-size: 11px;
}

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

#right ul ul {
   list-style-type: disc;
   margin: 5px 0 15px 0;
   padding: 2px 0 2px 25px;
}

#right ul ul.wp-tag-cloud {
  list-style-type: none;
  padding: 2px 0 2px 11px;
}

#right ul ul.wp-tag-cloud li {
  display: inline;
}

#right h2 {
   font-size: 18px;
   color: #cc3300;
   font-weight: normal;
   font-family: Helvetica;
   margin: 15px 0 5px 0;
}

#contact {
   border: 1px solid #cccccc;
   padding: 2px;
   background: #fff;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 0;
}

#contact h2 {
   font-size: 18px;
   line-height: 20px;
   color: #cc3300;
   background: #e6e6e6;
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 0;
	font-weight: normal;
   font-family: Helvetica;
   padding: 4px 0 4px 17px;
   margin: 0;
}

#contact ul {
   list-style-type: none;
   padding: 0 0 0 17px;
}

#contact p {
   font-size: 11px;
   line-height: 20px;
   color: #666;
   padding: 12px 0 12px 17px;
}

#contact ul li {
   margin: 5px 0;
   font-size: 12px;
   line-height: 20px;
   font-weight: bold;
   color: #333;
}

#contact ul li img {
   vertical-align: middle;
   margin-right: 12px;
}

#contact #contactclose {
   display: block;
   text-align: center;
   background: url(img/contact_trenner.jpg) repeat-x 0 0 #fff;
   font-size: 10px;
   line-height: 10px;
   height: 10px;
   padding: 0;
   margin: 10px 0 0 0;
}

#contact img {
   border: 0;
}

#contactform {
   background: #e6e6e6;
   padding: 10px 0 10px 25px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
}

#contact h3 {
   background:#E6E6E6;
   padding: 5px 0;
   text-align: center;
   font-size: 13px;
}

#contact h3.h3close {
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
}

#contact h3.h3open {
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
}

#contact h3 a {
   color: #000;
}

#contactform fieldset {
   border: 0;
}

#contactform #user_name, #contactform #user_firma, #contactform #user_telefon, #contactform #user_adresse, #contactform #user_email, #contactform textarea {
   -moz-border-radius: 20px;
   border: 1px solid #fff;
   font-size: 12px;
   padding: 3px 0 3px 13px;
   vertical-align: middle;
   width: 165px;
   font-size: 12px;
   line-height: 15px;
   color: #000;
   margin-bottom: 10px;
   font-family: Arial;
}

#contactform textarea {
   height: 175px;
   vertical-align: bottom;
}

.clear {
   clear: both;
}


/* Footer */

#footer {
   clear: both;
   display: block;
   background: #cccc99;
   padding: 30px 0 10px 15px;
   color: #000;
   min-height: 100px;
   height: auto !important;/* moderne Browser */
   height: 100px; /* IE */
   font-size: 9px;
}

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

#footer ul li {
   float: left;
   width: 255px;
   position: relative;
}

#footer ul li.page-item-370, #footer ul li.page-item-70 {
   width: 40px;
}

#footer ul li.page-item-182 {
   width: 120px;
}

#footer ul li.page-item-30 {
   width: 130px;
}

#footer ul li.page-item-19 {
   width: 160px;
}

#footer ul li.page-item-21 {
   width: 125px;
}

#footer ul li.page-item-23 {
   width: 77px;
}

#footer ul li a {
   color: #000;
   text-decoration: none;
   font-weight: bold;
}

#footer ul li ul {
   position: absolute;
   top: 18px;
   left: 0;
   width: 350px;
}

#footer ul li ul li {
   float: none;
   margin: 4px 0;
   display: block;

}
#footer ul li ul li a {
   font-weight: normal;
}



/* 

*/

/* a, a:link, a:visited {
	text-decoration: none;
	color: #003471;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
} */

#content h2 {
	font-weight: normal;
	color: #000;
	padding: 3px 5px 10px 0;
	margin: 0 0 10px 0;
	font-style: italic;
	font-size: 30px;
	font-family: Georgia;
	border-bottom: 9px solid #e0e0e0;
}

#content h2 span {
	color: #ff3743;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}

#content h2 a:link, #content h2 a:visited {
	color: #000;
	font-weight: normal;
}

#content h3, #content h4, #content  h5 {
	margin: 1em 0 0.5em 0;
	line-height: 1.3em;
}

#content h3 {
	font-size: 1.2em;
	color: #567f5d;
}

#content h4 {
	font-size: 1.1em;
}

#content h5 {
	font-size: 1em;
}

#content p.meta {
	border-top: 2px dotted #8d8d8d;
	padding: 10px;
	font-size: 10px;
}

#right p, #content p, #content address, #content table {
	margin: 0 0 5px 0;
}

#content hr {
   line-height: 1px;
   font-size: 1px;
   height: 1px;
   background: url(img/hr_back.jpg) repeat-x 0 0 #fff;
   border: 0;
   margin: 15px 0;
}

#content ul, #content ol, #content dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}

#content li {
	margin-left: 1.5em;
	line-height: 1.5em;
}
  
#content dt {
	font-weight: bold;
}

#content dl.zitat dd {
	font-style: italic;
}

#content dd {
	margin: 0 0 20px 26px;
}

#content cite {
	font-style:italic;
}

#content blockquote {
	margin: 4% 0 4% 1.5em;
	font-style: italic;
}
  
#content strong, #content b {
	font-weight: bold;
}

#content em, #content i {
	font-style:italic;
}

#content img {
	border: 1px solid #ccc;
	padding: 12px;
	margin: 15px 0;
}

#content img.noborder {
	border: 0;
	padding: 0;
}

#content pre, #content code {
	font-family: monospace;

}

#content code {
	display: block;
	border: 1px dashed #b1b1b1;
	border-left: 0;
	border-right: 0;
/* 	padding: 45px 10px 10px 10px; */
	padding: 10px;
	margin: 15px 0;
	background-color: #e6e6e6;
	background-position: 100% -7px;
	background-repeat: no-repeat;
}

#content code.php {
	background-image: url(img/php.jpg);
}

#content acronym, #content abbr {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #333;
}