/*
Theme Name: Pneutex Wordpress Theme
Theme URI: http://pneutex.de
Description: Pneutex Theme
Version: 1.0
Author: System Service Global GmbH
Tags: blue, fixed, clean
*/

/*
===============================================
RESET
===============================================
*/

* {
margin:0px;
padding:0px;
text-decoration:none;
border:none;
outline:none;
list-style:none;}

/*
===============================================
BASIC
===============================================
*/

html,body {
margin: 0;
padding: 0 0 0 0;
background-color: #deeaef;
font-family: arial;
font-size: 12px;
color: #666666;
}

.clear {
clear: both;
height: 0px;
margin: 0;
padding: 0;
}

/*
===============================================
TEXT
===============================================
*/

a:link,a:visited,a:active {
color: #4dbbe9;
}

#text ul {
margin: 5px 0 15px 0;
background: #f2f2f2;
padding: 10px 20px;
}

#text ul li {
margin: 5px 0 5px 10px;
padding: 0;
font-weight: bold;
list-style-image: url(images/list_pointer.jpg);
}

#text_breit ul {
margin: 5px 0 15px 0;
background: #f2f2f2;
padding: 10px 20px;
}

#text_breit ul li {
margin: 5px 0 5px 10px;
padding: 0;
font-weight: bold;
list-style-image: url(images/list_pointer.jpg);
}

h1 {
color: #4dbbe9;
font-size: 20px;
font-weight: bold;
background-image: url(images/headline_pointer.jpg);
background-repeat: no-repeat;
background-position: 0 10px;
padding: 0 0 0 15px;
letter-spacing: 1px;
margin: 0 0 20px 0;
}

h2 {
color: #4dbbe9;
font-size: 16px;
font-weight: bold;
background-image: url(images/headline_pointer.jpg);
background-repeat: no-repeat;
background-position: 0 7px;
padding: 0 0 0 15px;
letter-spacing: 1px;
margin: 10px 0 15px 0;
}

h3 {
color: #4dbbe9;
font-size: 15px;
font-weight: bold;
padding: 0;
letter-spacing: 1px;
margin: 10px 0 10px 0;
}

p {
margin: 15px 0 15px 0;
padding: 0;
}

#sidebar p {
margin: 35px 0 0 27px;
font-size: 12px;
}

#sidebar p strong {
color: #4dbbe9;
}

a img {
padding: 1px;
border: 1px solid #1695CA;
}

#text {
font-size: 1.05em;
}

/*
===============================================
TABLE
===============================================
*/

#text_breit table {
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}

#text_breit table th {
vertical-align: top;
text-align: left;
font-weight: bold;
background-color: #1695CA;
color: #fff;
padding: 8px;
font-size: 14px;
border-right: 1px solid #fff;
}

#text_breit table td {
vertical-align: top;
text-align: left;
background-color: #DEEAEF;
color: #1695CA;
padding: 8px;
border-top: 4px solid #fff;
border-right: 1px solid #fff;
}

#text_breit table td.image {
width: 150px;
}

.impr td {
padding: 0 15px 0 0;
vertical-align: top;
}

#text_breit table.kont {
width: 827px;
padding: 0;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}

#text_breit table.kont td {
vertical-align: top;
text-align: left;
background-color: #fff;
padding: 0 8px 0 8px;
width: 275px;
color: #666666;
}

/*
===============================================
SWITCH
===============================================
*/

#switch {
margin: 0;
padding: 5px 0 0 35px;
}

/*
===============================================
NAV
===============================================
*/

#dropmenu, #dropmenu ul { font-size:13px; width:580px; padding: 0; margin:0 0 0 280px; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; font-weight:bold; height: 48px;} 
#dropmenu a {display:block; padding:11px 8px; color:#fff; text-decoration:none; margin: 0 5px 0 5px;}
#dropmenu a:hover {background: url(images/nav_active_bg.jpg) repeat-x; color:#fff;} 
#dropmenu li {float:left; position:relative; margin:6px 0 0 0;}
.current_page_item a {background: url(images/nav_active_bg.jpg) repeat-x;}
#dropmenu ul {position:absolute; display:none; width:12em; top:42px; left:-280px;}
* html ul#dropmenu ul {left:-285px; top:41px;}
#dropmenu ul a {border-left:1px solid #4caed6; border-right:1px solid #4caed6; background: #1695ca;} 
#dropmenu li ul {width:14.1em;} 
#dropmenu li ul li {margin:0;}
#dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #4caed6; padding:5px 8px; font-size: 12px;}
#dropmenu li ul a:hover {background: #75c1e0;}
#dropmenu li ul li.page-item-64 a {border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
#dropmenu li ul li.page-item-226 a {border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
#dropmenu li ul li.page-item-54 a {border-top: 1px solid #ffffff;}
#dropmenu li ul li.page-item-216 a {border-top: 1px solid #ffffff;}
* html ul#dropmenu li ul li.page-item-54 a {border-top: 0;}
* html ul#dropmenu li ul li.page-item-216 a {border-top: 0;}
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/*
===============================================
LAYOUT
===============================================
*/

#site {
margin: 0;
padding: 15px;
}

#head {
margin: 0;
background: url(images/head_bg.jpg) repeat-x;
background-color: #fff;
height: 48px;
}

#content {
background-color: #fff;
background-image: url(images/content_bg.jpg);
background-repeat: repeat-y;
}

* html div#content {
margin: -10px 0 0 0;
}

#sidebar {
background-color: #F2F2F2;
width: 256px;
padding: 0;
margin: 0;
float: left;
position: relative;
}

#text {
margin: 0;
padding: 15px 34px 15px 0;
margin: 0 0 0 290px;
}

#text_breit {
margin: 0;
padding: 15px 34px 15px 29px;
margin: 0;
background-color: #fff;
}

#footer {
text-align: left;
height: 12px;
background: url(images/footer_bg.jpg) repeat-x;
padding: 15px 0 0 27px;
color: #4dbbe9;
font-size: 12px;
}

.content_left {
width: 225px; float: left;
background-color: #F2F2F2;
padding: 0px 10px 0px 10px;
border: 1px solid #1695CA;
text-align: center;
height: 410px;
}

.big {
width: 500px;
}

.high {
height: 580px;
}

.content_right {
width: 225px; margin: 0 0 0 275px;
background-color: #F2F2F2;
padding: 0px 10px 0px 10px;
border: 1px solid #1695CA;
text-align: center;
height: 410px;
}

.content_right h3 {
margin: 15px 0 0 0;
padding: 0;
}

.content_left h3 {
margin: 15px 0 0 0;
padding: 0;
}

.content_right p {
font-size: 10px;
text-align: left;
}

.content_left p {
font-size: 10px;
text-align: left;
}

.content_right a img {
border: 0;
}

.content_left a img {
border: 0;
}

.right_margin {
margin-top: 60px;
}

.service_image img {
width: 225px;
height: 150px;
}

.meyer {
width: 410px;
}

.meyer a {
display: block;
float: right;
margin: 0 0 0 10px;
}

/*
===============================================
FORMS
===============================================
*/

input {
background-color: #F2F2F2;
padding: 5px;
border: 1px solid #A6DDF4;
font-size: 13px;
}

textarea {
background-color: #F2F2F2;
padding: 5px;
border: 1px solid #A6DDF4;
font-family: arial;
font-size: 13px;
}

#submit input {
background-color: #1796C9;
border: 0;
padding: 5px;
color: #fff;
font-size: 13px;
font-weight: bold;
}

/*
===============================================
QUICKNAV
===============================================
*/

#sidebar a.back:link, a.back:visited, a.back:active, a.back:hover {
display: block;
width: 25px;
height: 18px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left; 
margin: 5px 0 5px 35px;
text-align: center;
}

#sidebar a.start:link, a.start:visited, a.start:active, a.start:hover {
display: block;
width: 132px;
height: 16px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left;
margin: 5px 1px 5px 1px;
text-align: center;
letter-spacing: 2px;
padding: 2px 0 0 0;
}

#sidebar a.forward:link, a.forward:visited, a.forward:active, a.forward:hover {
display: block;
width: 25px;
height: 18px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left; 
margin: 5px 0 5px 0;
text-align: center;
}

#text_breit a.back:link, a.back:visited, a.back:active, a.back:hover {
display: block;
width: 25px;
height: 18px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left; 
margin: 5px 0 15px 0;
text-align: center;
}

#text_breit a.start:link, a.start:visited, a.start:active, a.start:hover {
display: block;
width: 132px;
height: 16px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left;
margin: 5px 1px 15px 1px;
text-align: center;
letter-spacing: 2px;
padding: 2px 0 0 0;
}

#text_breit a.forward:link, a.forward:visited, a.forward:active, a.forward:hover {
display: block;
width: 25px;
height: 18px;
background-color: #1695CA;
color: #fff;
font-weight: bold;
float: left; 
margin: 5px 0 15px 0;
text-align: center;
}