﻿/*
Theme Name: Komed-Medical
Theme URI: www.komed-medical.de
Description: Dieses Template wurde expliziet für die Firmae Komed-Medical erstellt. Nur die Firma Komed-Medical ist zur Verwndung diese Templates berechtigt.
Author: Andreas Pohl, 2014 Redesign cotex ruebel
*/



html,button,input,select,textarea{color:#222}
body
{
/*
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:1em;
	line-height:1.4;
	text-align:center;
*/
	font-size: 0.94em; /* font-size: 94%; */
	font-family: Helvetica, Arial, sans-serif;
	line-height: 150%;
}

a{color:#000}
a:hover{color:#00957e}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
body.default{-o-transform:scale(1);-moz-transform:scale(1);transform:scale(1);zoom:100%}
body.no-zoom{-o-transform-origin:50% 0;-moz-transform-origin:50% 0}
body.zoom.larger{zoom:110%}
body.zoom.largest{zoom:125%}
body.no-zoom.larger{-o-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
body.no-zoom.largest{-o-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25)}
#font-size{padding:0;list-style:none}
#font-size li{list-style:none;float:left;padding:5px}
#font-size .default{font-size:80%}
#font-size .larger{font-size:100%}
#font-size .largest{font-size:120%}
#menu-links,#menu-gauche,#menu-left{float:left}
#menu-rechts,#menu-droite,#menu-right{float:right}
.sidebar{float:left;width:30px;height:100%}
.sidbar img{text-decoration:none;margin:2px}
.sidbar a{text-decoration:none}
#top .sidebar{background-image:url(img/verlauf.png)}
#mainpage{width:1100px;margin:0 auto;text-align:left;background-color:#fff}
#top{height:397px}
#header{margin-left:40px;margin-top:20px;display:inline}
#header p{color:#868889;font-size:1.8em;margin:0 0 0 300px}
#logo{}
#headright{float:right;margin-top:0;margin-right:60px}
#banner{position:relative;overflow:hidden;width:960px;height:190px;margin:5px 0 0 80px;background-color:#222}
#banner div{position:absolute;top:0;left:0;text-align:center;width:inherit;height:inherit;overflow:hidden}
#banner div a{position:absolute;bottom:20px;right:20px;color:#fff;opacity:.5;max-width:400px;text-align:right;line-height:1.2em}
#banner div a:hover{text-decoration:none;opacity:1}
#banner div a em{display:block;letter-spacing:2px;font-size:40px;font-style:normal}
#banner div a span{display:block;margin:15px 4px -10px 0;letter-spacing:1px;font-size:12px;font-weight:normal}
#banner ul,#banner li{padding:0;margin:0}
#banner ul{list-style-type:none;position:absolute;z-index:1;bottom:10px;left:10px;line-height:0}
#banner li{float:left}
#banner li a{display:inline-block;width:10px;height:10px;margin:0 8px 0 0;background:#c1cdcd}
#banner li a:hover{background:#00957e}
#banner li a.current{background:#00957e}
#banner>div>a{text-shadow:2px 2px #000}
#sidebar{width:200px;margin-left:80px;padding:5px}
#expresshelp{margin-bottom:5px;border-bottom:1px solid #00957e;border-right:1px solid #00957e;color:#a7a7a7}
#expresshelp p{margin:0;display:inline}
#expresshelp img{position:absolute;margin-left:85px}
#newsflash{padding:5px;background-color:#77ccbe}
#newsflash img{position:absolute}
#newsflash div{height:40px;padding:5px 0;font-size:16px;border-bottom:2px solid #fff}
#newsflash a{margin-left:50px;width:150px;display:block;text-decoration:none;color:#000;}
#newsflash a:hover{color:#00957e}
#social{float:right;height:33px;width:730px;margin-left:160px}

#navigation{position:relative;margin-top:50px;margin-left:80px;width:960px;height:30px;z-index:99;border-bottom:2px solid #00957e}
#navigation #menu-hauptnavigation,#navigation #menu-centre,#navigation #menu-center{float:left;margin-left:130px}
#navigation ul{list-style:none;margin:0;padding:0}
#navigation li{list-style:none;float:left;position:relative}
#navigation li ul{margin:0;padding:0;position:absolute;color:#fff;background-color:#00957e}
#navigation li ul a{color:#fff}
#navigation li ul li{width:200px}
#navigation a{display:block;color:#a7a7a7;text-decoration:none;padding:5px}
#navigation a:hover{color:#00957e}
#navigation li ul a:hover{color:#fff;background:#8cc7c5}

div#navigation ul ul{display:none}
div#navigation ul li:hover ul{display:block}
div#navigation ul ul,div#navigation ul li:hover ul ul,div#navigation ul ul li:hover ul ul{display:none}
div#navigation ul li:hover ul,div#navigation ul ul li:hover ul,div#navigation ul ul ul li:hover ul{display:block}

#bottom{margin-top:10px;background-image:url('img/hack.png');background-repeat:repeat-y}
#footer-container{width:1100px;margin-top:10px;background-image:url('img/hack.png');background-repeat:repeat-y}
#footer{background:#DFEFE8; /*#d9dadb;*/margin-left:80px;padding:2px 5px;width:950px;min-height:20px}
#imprint{float:right}
#imprint a{color:#000}
#imprint a:hover{color:#00957e}
#lang_sel_footer{border-style:none;margin:5px auto;width:1100px}
#content { float:right; 	margin-right:60px; width:730px; padding:5px; background-color: #ffffff; /*#d9dadb;*/ /*overflow:hidden;*/}
#footer ul{list-style:none}
#footer .menu-footer-container{margin-left:210px}
#footer #menu-footerleft,#footer #menu-footerright,#footer #menu-footer{padding:0;margin:0;float:left;line-height:12px}
#footer #menu-footerleft li,#footer #menu-footerright li,#footer #menu-footer li{float:left;padding:5px}
#footer .menu-footerleft-container{float:left}
#footer .menu-footerright-container{float:right}
input[type="text"],input[type="password"],textarea{background:#fff;border:1px solid #ccc;border-left:none;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);padding:2px}
#s{float:right;color:#999;font-family:Arial,sans-serif;font-size:13px;margin:0 0 0 0;padding:5px;text-transform:lowercase;height:20px;width:10px;transition-duration:400ms;transition-property:width,background;transition-timing-function:ease;-webkit-transition-duration:400ms;-webkit-transition-property:width,background;-webkit-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width,background;-o-transition-timing-function:ease}
#s:focus,#s:hover{width:150px}
#searchsubmit{float:right;margin-right:-1px;border:1px solid #ccc;border-right:none;height:32px;background-color:#77ccbe}
#searchsubmit:hover{cursor:pointer;webkit-box-shadow:inset 1px 1px 10px 1px #fff;box-shadow:inset 1px 1px 10px 1px #fff}
#searchdiv{height:32px}
#contact input[type='submit']{border:1px solid #ccc;height:32px;background-color:#77ccbe}
#contact input[type='submit']:hover{background-color:#6ab1a6;webkit-box-shadow:inset 1px 1px 10px 1px #fff;box-shadow:inset 1px 1px 10px 1px #fff}
#contact>fieldset{margin-top:10px}
#contact{text-align:left}
#contact label{display:inline-block;margin-right:10px}
#contact input[type='text']{width:130px;border:1px solid #fff}
#contact .formhide{display:none}
#contact input[type='radio']{color:#008000}
#contact fieldset#person label{width:80px}
#person label[for='cnumber']{width:auto !important;padding-right:66px}
#contact fieldset{border:1px solid #00957e;padding:5px}
#contact label.error{text-align:center;color:#f00;width:700px}
#contact input.error{color:#f00;border:1px solid #f00}
#contact input.checked{color:#008000;border:1px solid #f00}
#warning{border:1px solid #f00;padding:10px;text-align:center;background-color:#f00}
#warninggood{border:1px solid #f00;padding:10px;text-align:center;background-color:#00957e}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto 5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

@media only screen and (min-width:35em){}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:100%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group;} tr,img{page-break-inside:avoid} img{max-width:100% !important} @page {margin:.5cm}p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid}}


