/* co-med css *//* Layout */


/* BROWSER RESET
----------------------------------------*/
* {
  margin:0;
  padding:0;
  border: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

a:link, a:active, a:visited {
  font-weight:normal;
  font-size:11px;
  text-decoration:none;
  color:#3e3d3d;
}
a:hover { text-decoration:underline; color:#195ea3; }

/* Link-Klasse mit französischen Anführungszeichen */
a.french_link {
  display: block;
  color: black; font-weight: bold;
  margin-top: 8px;
}
a.french_link:before {
  content:"» ";
}

a img { border:none; }

.fl {float: left;}
.fr {float: right;}
b {font-weight: normal;}
.w240 { width:240px; }



/* -------------------------------------------------------------------------+
|
|                ALLGEMEINE FORMATIERUNGEN
|
+--------------------------------------------------------------------------*/

body {
  background:url(http://shop.co-med.de/img/layout/bg_site.gif);
  overflow-y:scroll;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size:10px;
  font-weight:normal;
  color:#3e3d3d;
}
#main_co {
  width: 970px; margin:0 auto;
  background:url(http://shop.co-med.de/img/layout/bg_shadow.png) repeat-y;
  padding:0 10px 0 10px;
}
#close {
  width:990px; height:10px; margin:0 auto;
  background:url(http://shop.co-med.de/img/layout/bg_shadow-close.png) no-repeat;
  padding:0px;
}


#content_wrapper {
  width:930px;
  margin:0 20px 0 20px;
}

#content {
  background: url(http://shop.co-med.de/img/layout/content_background.gif) repeat-y;
}




#bottom {
  clear: both;
  height: 25px;
  line-height: 25px;
  border-top:5px solid white;
}
.bottom-right {
  background-color: #A9C0E0;
  float: right;
  text-align: center;
  width: 154px;
}
.bottom-right a {
  background: url(http://shop.co-med.de/img/images/top.gif) no-repeat;
  color: white;
  font-weight: bold;
  padding-left: 11px;
  text-decoration: none;
  font-size: 1.1em;
}
.bottom-right a:hover {text-decoration: underline;}




#footer {
  clear:both;
  padding:16px 0 20px 0;
  color:#aaa;
  font-size:1em;
  text-align: center;
}
#footer strong { font-size:1.1em; }
#footer a {
  color:#aaa;
  text-decoration:underline;
}
#footer a:hover {
  color:#555;
  text-decoration:underline;
}



/* --- L I S T  S T A N D A R D S ---------------------------------------------------------------------- */

ol {
  margin:0 0 0 35px;
  padding:13px 26px 20px 6px;
}
ol li { margin:3px 0 6px 0; }

ul {
  margin:0 0 0 35px;
  padding:13px 26px 20px 6px;
}
ul li { margin:3px 0 6px 0; }



/* --- B I T S ---------------------------------------------------------------------- */

div.clear { clear:both; }
.cc { background-color:#e3ecf9; }
small { font-size:0.9em; color:#666; }
p.border { border-top:1px solid white; }
strong.alert { font-size:1.5em; font-weight:bold; font-style:italic; line-height:1.5em; }



/* -------------------------------------------------------------------------+
|
|                TOP
|
+--------------------------------------------------------------------------*/

#infonavi {
  width:100%; height:17px;
  padding-top:5px;
  text-align:right;
}
#infonavi a {
  color:#5179B9;
  font-size:1.1em;
  margin:6px 6px 2px;
  text-decoration:none;
}
#infonavi a.active { font-weight:bold; }
#infonavi a:hover { text-decoration:underline; }

#teaser {
  display:block;
  margin-bottom:20px;
}
#teaser img { border:none; }





/* -------------------------------------------------------------------------+
|
|                NAVIGATION
|
+--------------------------------------------------------------------------*/

#navigation_wrapper {
  height: auto;
  position: relative;
  width:930px;
  border-top: 5px solid #fff;
}
#navigation_wrapper > div {
  float:left;
  background-image: url(http://shop.co-med.de/img/layout/navi_bg.gif);
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  padding:0;
  text-align: center;
  height: 40px;
}

/* zweizeilige Navipunkte */
#navigation_wrapper > div > a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: 34px;
  padding-top: 6px;
  font-size:1.2em;
  line-height:1.1em;
}

/* einzeilige Navipunkte */
#navigation_wrapper #n0 > a, #navigation_wrapper #n5 > a, #navigation_wrapper #n6 > a {
  height:28px; padding-top:12px;
}

/* KATEGORIEN */
#n0 {width: 74px;}
#n1 {width: 140px;}
#n2 {width: 100px;}
#n3 {width: 110px;}
#n4 {width: 110px;}
#n5 {width: 90px;}
#n6 {width: 80px;}


/* Hover - Aktiv */
#n1 > a:hover, #n1 > a.active, #n1 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-1.gif'); }
#n2 > a:hover, #n2 > a.active, #n2 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-2.gif'); }
#n3 > a:hover, #n3 > a.active, #n3 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-3.gif'); }
#n4 > a:hover, #n4 > a.active, #n4 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-4.gif'); }
#n5 > a:hover, #n5 > a.active, #n5 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-5.gif'); }
#n6 > a:hover, #n6 > a.active, #n6 > a.aufklappactive { background-image: url('http://shop.co-med.de/img/layout/navi_active_bg-6.gif'); }



/* --- S U C H E ---------------------------------------------------------------------- */

#navigation_wrapper #search { width: 219px; border-right:none; }

#search input.searchbutton {
  height:23px; width:49px;
  background:#c7c8c9 url(http://shop.co-med.de/img/layout/form_button.gif) top repeat-x;
  border:1px solid #88acd2;
  margin:10px 0 10px 0; padding:0 5px 0 5px;
  cursor:pointer;
  font-size:1.1em;
  font-weight:bold;
  color:#004a94;
}
#search input.searchbutton:hover {
  background:#d3eace url(http://shop.co-med.de/img/layout/form_button.gif) bottom repeat-x;
}


#search input.searchinput {
  height:19px; width:131px;
  border: 1px solid #88acd2;
  margin:0 0 8px 0; padding:2px 0 0 5px;
  font-size: 11px;
  color: #4c4c4c;
  background:#fafafb url(http://shop.co-med.de/img/layout/form-bg_search.gif) top left no-repeat;
}

#search input.searchinput:focus {
  background:url(http://shop.co-med.de/img/layout/form-bg_search.gif) bottom left no-repeat;
}

/* jQuery-klasse für das suchfeld */
.formtextentry {background:#fafafb url(http://shop.co-med.de/img/layout/form-bg_search.gif) bottom left no-repeat!important;}



/* --- B R E A D C R U M B S ---------------------------------------------------------------------- */

div.bc, div.bc01, div.bc02, div.bc03, div.bc04,
div.bc05, div.bc06 {
  height:18px;
  margin:0 0 4px 0; padding:6px 0 0 10px;
  clear:left;
  font-size:0.9em;
  color:#fff;
}

div.bc a, div.bc a:visited { color:#eee; margin:0 5px 0 5px; font-size:1em; }
div.bc a:hover { color:#fff; text-decoration:underline; }


div.bc { background-color: #527aba; }
div.bc01 { background-color: #195ea3; }
div.bc02 { background-color: #3ab4a3; }
div.bc03 { background-color: #f8b341; }
div.bc04 { background-color: #a16053; }
div.bc05 { background-color: #8aafd6; }
div.bc06 { background-color: #afcb51; }



/* --- S U B N A V I ---------------------------------------------------------------------- */

#content-left ul {
  padding: 0;
  color: black;
  list-style-type: none;
  overflow: hidden;
  width: 181px;
  margin:0 0 0 0;
}
#content-left ul li {
  border-color: #BACBE2;
  cursor: pointer;
  padding: 4px 0 4px 15px;
}
#content-left ul li > a {
  display: block;
  color: black;
  text-decoration: none;
  font-size:1.1em;
}

/* Subnavi-Hover/Activefarben */
#content-left .box ul li:hover,
#content-left .box ul li.active {background: #e2e9f1;}
#content-left .box.navi01 ul li:hover,
#content-left .box.navi01 ul li.active {background: #dae9fa;}
#content-left .box.navi02 ul li:hover,
#content-left .box.navi02 ul li.active {background: #dcf9f5;}
#content-left .box.navi03 ul li:hover,
#content-left .box.navi03 ul li.active {background: #fcebd0;}
#content-left .box.navi04 ul li:hover,
#content-left .box.navi04 ul li.active {background: #f9e5e2;}
#content-left .box.navi05 ul li:hover,
#content-left .box.navi05 ul li.active {background: #e2e9f1;}
#content-left .box.navi06 ul li:hover,
#content-left .box.navi06 ul li.active {background: #fbffef;}

/* Subnavi-Backgroundfarben */
#content-left .box.subnavi {background-color: #BACBE2;}
#content-left .box.navi01 {background-color: #a6ccf3;}
#content-left .box.navi02 {background-color: #aff3ea;}
#content-left .box.navi03 {background-color: #fadba7;}
#content-left .box.navi04 {background-color: #eac8c2;}
#content-left .box.navi05 {background-color: #c6d9ee;}
#content-left .box.navi06 {background-color: #e9f4c3;}

/* Subnavi Headline */
#content-left .box.navi01 h4 { background-color: #16579b; }
#content-left .box.navi02 h4 { background-color: #3ab4a3; }
#content-left .box.navi03 h4 { background-color: #f8b341; }
#content-left .box.navi04 h4 { background-color: #a16053; }
#content-left .box.navi05 h4 { background-color: #8aafd6; }
#content-left .box.navi06 h4 { background-color: #afcb51; }

/* Balken unter Subnavi */
#content-left .box.navi01 {border-bottom: 5px solid #16579b;}
#content-left .box.navi02 {border-bottom: 5px solid #3ab4a3;}
#content-left .box.navi03 {border-bottom: 5px solid #f8b341;}
#content-left .box.navi04 {border-bottom: 5px solid #a16053;}
#content-left .box.navi05 {border-bottom: 5px solid #8aafd6;}
#content-left .box.navi06 {border-bottom: 5px solid #afcb51;}





/* -------------------------------------------------------------------------+
|
|                CONTENT  L E F T
|
+--------------------------------------------------------------------------*/

#content-left {
  width:181px;
  float:left;
  margin-right:4px;
}



/* --- S I D E B O X ---------------------------------------------------------------------- */

#content-left .box {
  background-color: #CDCFE7;
  border-bottom: 5px solid #5179B9;
  border-top: 1px solid white;
}
#content-left .box p {
  color:black;
  padding: 10px 8px 10px 14px;
  font-size:1.1em;
}
#content-left .box h4 {
  display:block;
  color:white;
  font-size:1.1em; font-weight:bold;
  padding:9px 0 7px 10px;
  background-color:#195EA3;
}
#content-left .box h5 {
  display:block; height:20px;
  color: white;
  font-size:1em;
  padding:6px 0 0 10px;
  background-color: #5179B9;
}

#content-left .box.planbau {
  background:url(http://shop.co-med.de/img/images/plan-bau.png) bottom right no-repeat;
  height:197px;
  cursor:pointer;
}
#content-left .box.planbau strong {
  display:block; height:20px;
  padding:6px 0 0 10px;
  color:#5179b9; font-size:13px; font-weight:bold;
}


#content-left .box.aktion {
  background:url(http://shop.co-med.de/real/user/images/aktion.png) bottom right no-repeat;
  height:197px; color:#282828; font-size:13px;
  cursor:pointer;
}
#content-left .box.aktion span {
  display:block; text-align:center;
  padding:10px 10px 10px 10px;
}





/* -------------------------------------------------------------------------+
|
|                CONTENT  C E N T R E
|
+--------------------------------------------------------------------------*/

#content-center {
  margin:0;
  width:587px;
  float:left;
  font-size:1.1em;
}

#content-center .header,
#content-center .teaser {
  border-bottom: 4px solid #fff;
  border-top: 1px solid white;
  color: #004A94;
  font-size: 1.1em;
  background:#e3ecf9;
}



/* --- C O N T E N T S ---------------------------------------------------------------------- */

#content-center h3 {
   display:block; min-height:16px;
   overflow:hidden;
   background-color:#88acd2;
   color:white;
   font-size:1.3em; font-weight:bold;
   line-height:normal;
   padding:7px 10px 5px 22px;
 }
#content-center p {
  line-height:1.5em;
  padding:13px 26px 20px 22px;
  background-color:#e3ecf9;
}

#content-center a.huge {
  display:block;
  padding:20px 26px 20px 42px;
  font-size:1.4em; font-weight:bold;
  border-top:1px solid white;
  font-family:"Palatino", "Georgia", serif;
  font-style:italic;
}
#content-center a.huge:hover {
  background:#fff; text-decoration:none;
}



/* --- H E A D E R ---------------------------------------------------------------------- */

#content-center .header {
  min-height:110px;
  background:#e3ecf9;
}
#content-center .header p {
  font-size: 1.3em;
  line-height: 20px;
  padding: 50px 0px 0px 22px;
  color: #004A94
}
#content-center .header p strong {font-size:1.2em;}



/* --- T E A S E R ---------------------------------------------------------------------- */

#content-center .teaser {
  min-height:189px;
  background:url(http://shop.co-med.de/img/teaser/bg_teaser.gif) repeat-x;
}

#content-center .teaser p {
  margin-left:220px;
  padding-top:70px;
}



/* --- 2-1 C O N T E N T  B O X ---------------------------------------------------------------------- */

.box123 /* ein-drittel und zwei-drittel box wrapper */ {
  width:587px;
  background:url(http://shop.co-med.de/img/layout/box123_co_bg.gif);
}

.box2-3 {
  width:390px; float:left;
  border-top:4px solid white;
  border-right:4px solid white;
}

.box1-3 {
  width:193px; float:left;
  border-top:4px solid white;
}

.box3-3 {
  width:587px; float:left;
  background:#e3ecf9;
  border-top:4px solid white;
}



/* --- 3x C O N T E N T  B O X ---------------------------------------------------------------------- */

#content-center .smallbox_co {
  width:588px; /*this is 1px more than there really is */
  background:#e3ecf9;
  border-bottom:3px solid white;
  margin-bottom:27px;
}

.smallbox {
  float:left;
  width:194px; height:255px; overflow: hidden;
  border:1px solid white;
}

.smallbox.two {
  float:left;
  width:390px; height:255px; overflow: hidden;
  border:1px solid white;
}


#content-center .smallbox h3 {
   height:25px;
   font-size:1.1em;
   padding:5px 10px 8px 15px;
 }

.smallbox_image {
   background-color:white;
   float:none;
   height:130px;
   margin:0px 0 8px 0px;
   overflow:hidden;
   text-align:center;
   width:194px;
  display: table-cell;    
  vertical-align: middle   
 }

.smallbox a {
  color: #fff;
  font-size:1em;
  font-weight:bold;
  text-decoration: none;
}

.smallbox p a  { color: #004A94; }

.smallbox p { padding:5px 12px 5px 12px; }  

.smallbox li {
  list-style: disc;
  padding:0 12px 0 12px;
}  

.smallbox:hover {
  cursor: pointer;
  border:1px solid #195ea3;
}





/* -------------------------------------------------------------------------+
|
|                CONTENT  R I G H T
|
+--------------------------------------------------------------------------*/

#content-right {
  width:154px;
  float:right;
}


/* --- L I S T ---------------------------------------------------------------------- */

#content-right ul {
  color:#195ea3;
  list-style-type:square;
  margin:0 0 0 30px;
  padding:6px 0 6px 0;
}
#content-right ul li {
  padding:3px 0 3px 0;
}
#content-right ul li > a {
  color:#195ea3;
  text-decoration:none;
  font-size:1em;
}
#content-right ul li > a:hover {
  color:black;
  text-decoration:underline;
  font-size:1em;
}

#content-right input[type="text"],  #content-right input[type="password"] {
  height:17px; width:110px;
}



/* --- S I D E B O X ---------------------------------------------------------------------- */

#content-right .box {
  background: #CDCFE7;
  border-bottom: 5px solid #5179B9;
  border-top: 1px solid white;
}
#content-right .box p {
  color:black;
  padding: 10px 8px 10px 14px;
  font-size:1em;
}
#content-right .box h4 {
  display:block; min-height:20px;
  color: white;
  font-size:1em;
  padding:8px 0 0 10px;
  background-color:#195EA3;
}

#content-right .box h5 {
  display:block; height:20px;
  color: white;
  font-size:1em;
  padding:6px 0 0 10px;
  background-color: #5179B9;
}

/* Login */
.box.login small {
  font-size: 1em;
  padding-left: 6px;
  margin-bottom: 3px;
  display: block;
}

.box.login .small {
  font-size: 1em;
  display: block;
}

/* Zahlungsarten haben grauen Hintergrund */

#content-right .payments {
  background:#e3e3e3 url(http://shop.co-med.de/img/layout/bg_paymenticons.gif) top repeat-x;
}