/*===============================================================================*/
/*--                    Standard - CSS www.media-konzept.ch                    --*/
/*-------------------------------------------------------------------------------*/
/*--        Author: media-konzept kuster, Felix Kuster, Walti Zubler           --*/
/*-------------------------------------------------------------------------------*/
/*--          Copyright (C) 2009 media-konzept kuster, 5430 Wettingen          --*/
/*===============================================================================*/

/*------------------------------- Farbedefinitionen -------------------------------*/

.schwarz    {color: #000000;}
.gelb       {color: #ffcc00;}
.orange     {color: #ee7f00;}
.rot        {color: #ce351b;}
.violet     {color: #a5027d;}
.blau       {color: #006ab3;}
.gruen      {color: #009036;}
.grau       {color: #dbdbdb;}
.dunkelgrau {color: #9e9e9e;}

/*---------------------------- allgemeine Definitionen ----------------------------*/

* { margin: 0; padding: 0; }
html { padding: 0px; margin: 0px; border: 0px; }

.clear_float { clear: both;}

body {font-family: Lucida Sans Unicode, sans-serif; font-size: 13px;}

/*---------------------------------- Text & Links ----------------------------------*/

a {text-decoration: none; border: 0; outline-style: none; outline-width: 0;}
a img {text-decoration: none; border: 0; outline-style: none; outline-width: 0;}

.outlink
{
  line-height:22px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 15px;
  background-image: url("../upload/layout/link_2.png");
  background-repeat: no-repeat;
  background-position: left;
}

.inlink
{
  line-height:22px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 15px;
  background-image: url("../upload/layout/link_4.png");
  background-repeat: no-repeat;
  background-position: left;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/*------------------------------------ Box Model ------------------------------------*/

#hintergrund {}
#arbeitsflaeche {width: 950px; margin: 0 auto; border: 0;}

#kopfbalken {width: 100%; height: 100px; margin-bottom: 20px;}
#logobereich {width: 230px; height: 100px; background-color: #fff; background-image: url(/cms/upload/layout/logo_neu.jpg); float: left;}
#servicenavigation {width: 720px; height: 100px; float: left;}

#navigation {width: 100%; height: 40px; background-image: url(/cms/upload/layout/navi_hground.jpg);}

#illustration {width: 100%; height: 340px;}
#illustration_schatten {width: 100%; height: 30px; background-image: url(/cms/upload/layout/bildschatten.jpg);}

#inhaltsbereich {width: 100%;}
#linker_bereich {position: relative; width: 230px; min-height: 1px; display: block; float: left;}
#rechter_bereich {position: relative; width: 670px; margin-left: 50px; float: left;}

#inhaltsbereich_teaser {width: 100%;}
#linker_bereich2 {position: relative; width: 648px; float: left;}
#linker_bereich2 ul {margin: 10px 0 10px 0; padding-left: 30px;}
#linker_bereich2 li {margin-bottom: 10px;}
#rechter_bereich2 {position: relative; width: 230px; margin-left: 50px; border: 1px solid #dbdbdb; padding: 10px; float: left;}

#myContent {height: 320px; margin-bottom: 40px;}
#myContent0 {width: 300px; float: left;}
#myContent1 {width: 300px; margin-left: 40px; float: left;}

#ganzer_bereich {}

#addThis {margin-top: 100px;}

#footer {margin-top: 30px; margin-bottom: 30px;}
.footertext {font-size: 10px; color: #9e9e9e;}

/*-------------------- Hauptnavigation Main -------------------------*/

.main_navi_item { padding: 15px; height: 10px; text-align: left; float: left;}
.main_navi_item_selected { padding: 15px; height: 10px; text-align: left; float: left;}
.main_navi_between { margin-top: 0px; margin-left: 0px; height: 40px; text-align: left; float: left;}

a.main_navi {color: #ce351b; font-size: 14px;}
a.main_navi:hover {color: #ee7f00; font-size: 14px;}
a.main_navi:active {color: #ee7f00; font-size: 14px;}


/*-------------------- Hauptnavigation Sub1 -------------------------*/

.sub_navi_item {width: 230px; height: 24px; padding-top: 6px; padding-left: 30px; background-image: url(/cms/upload/layout/subnavi_hground.jpg); text-align: left;}
.sub_navi_item_selected {width: 230px; height: 24px; padding-top: 6px; padding-left: 30px; background-image: url(/cms/upload/layout/subnavi_hground.jpg); text-align: left;}

a.sub_navi {color: #000; font-size: 14px; }
a.sub_navi:hover {color: #d33333; font-size: 14px; }

/*-------------------- Service Navigation -------------------------*/

#metaNavigation {text-align: right; padding-top: 15px; color: #fff; font-size: 13px;}
.serviceNavi {list-style-type: none;}
a.itemlink {color: #fff; text-decoration: none;}

/*----------------- Lightbox-Bild --------------------------*/

.bildmodul
{
  margin-bottom:30px;
  margin-top: 30px;
}

#pic1 {float: left; border: 5px solid #d3d3d3;}
#pic2 {float: left; margin-left: 10px;border: 5px solid #d3d3d3; }
#pic3 {float: left; margin-left: 10px;border: 5px solid #d3d3d3; }

/*----------------- Go Back --------------------------*/

#goBack {}