/*
border: 1px solid #ff00ff;
*/

body  { margin: 0px; padding: 0px; background-color:#dedcd5; } 

div { text-align: left; }

/* main container */
#container { width: 984px; position:relative; }
#mainTable { width: 984px; background-color: #ffffff; }

/* top container */
#topHome { position: relative; width: 984px; height: 394px; background-image: url(/fileadmin/templates/main/images/bgHome.jpg); background-repeat: no-repeat; }
#top { position: relative; width: 984px; height: 250px; background-image: url(/fileadmin/templates/main/images/bgNormal.jpg); background-repeat: no-repeat; }
#nav { position:absolute; top: 6px; left: 11px; }  
#langnav { position:absolute; top: 9px; right: 16px; } 
#logo { position:absolute; top:63px; left:813px; }
#logoCOOKE { position:absolute; top:48px; left:803px; }  
#header { position:absolute; top: 74px; left: 222px; }
#image { position:absolute; top: 2px; left: 182px; }

/* content container */ 
#contentContainer { position: relative; width: 984px; background-color: #ffffff; background-image: url(/fileadmin/templates/main/images/bgContentTop.gif); background-repeat: no-repeat;}
#mainTitle { display: inline; position: relative; float:right; width: 740px; margin-top: 25px; margin-right: 20px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } 
#content { display:inline; position: relative; float:right; width: 740px; margin-top: 20px;  margin-right: 20px; }
.contentLeft { position: relative; margin-bottom: 15px; float:left; width: 260px; border-top: 1px solid #e4e4e4; }
.contentRight { position: relative; margin-bottom: 15px; float:right; width: 464px; border-top: 1px solid #e4e4e4;} 
#subnav { display:inline; position: relative; float:left; width: 186px; margin-top: 25px; margin-left: 20px;}
#footernav { position: relative; border-top: 1px solid #e4e4e4; width: 944px; margin-top: 50px; margin-left: 20px; padding-top: 5px; margin-bottom: 12px;}

.hidden {                       
    visibility: hidden;
}

.indent {
    text-indent: -99999px;
}

/* links einfach so */
a, a:active, a:link, a:visited, a:focus { color: #00669b; text-decoration:none; font-weight: normal; }
a:hover  { color: #848177; text-decoration: none; }

/* home seite teaser1 titles.*/   
.contentLeft div.text, .contentRight div.text, .contentLeft div.text, .contentRight div.text  {
    padding: 8px 0px 8px 0px;
} 

.contentLeft div.text
{
    border-top: 1px solid #e4e4e4;
    width: 260px !important;
}
.contentLeft div.text2
{
    border-top: none !important;
}
.contentRight div.text
{
    border-top: 1px solid #e4e4e4;
    width: 464px !important;
}
.contentRight div.text2
{
    border-top: none !important;
}

.contentLeft div.textContent, .contentRight div.textContent
{
    margin-bottom: 0px; !important; 
}


.blue {
    color: #00669b}
.red
{
   color: #aa4433;
   font-weight: bold;
}

/* fce stuff */
#content div.text
{
    width:520px; /* basisbreite */
}
div.textContent, div.list-container
{
    margin-bottom: 30px;
}

div.textWithImage 
{
    margin-bottom: 30px;
    position:relative;
}
div.textWithImage div.title
{
    width: 520px;
    position:relative;
    float:left;
}
div.textWithImage div.text
{
    width: 520px !important;
    position:relative;
    float:left;
    
}
div.textWithImage div.image
{
    width: 200px;
    position:relative;
    float:right;
}
div.textWithImage div.image div.text
{
    width: 200px !important;
}

/* workers */
div.workercontainer
{
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px; 
    padding-bottom: 20px;
}

/* titles */
h1
{
    margin:0px 0px 3px 0px;
    font-size:14px;
    color:#000000;
    font-weight: normal;
}
h2
{
    margin:0px 0px 0px 0px;
    font-size:12px;
    color:#000000;
    font-weight: normal;
}

div.tabElement
{
    width: 520px;
    position:relative;
    float:left;
    margin-right: 20px;
}
div.rightImage
{
    width: 200px;
    position:relative;
    float:left;
}


div.overview-item
{
    position:relative;
    float:left;
    display:inline;
    margin-right: 45px;
    height: 210px;
    width: 200px;
    text-align: center;
}



/* forms */
div.formLabel {
    width: 180px;
    position:relative;
    float:left;
    margin-bottom: 7px;
}
div.formInput {
    position:relative;
    float:left;
    width: 310px;
    margin-bottom: 7px;
}

div.formLabelSmall {
    width: 70px;
    position:relative;
    float:left;
    margin-bottom: 7px;
}
div.formInputSmall {
    position:relative;
    float:left;
    width: 180px;
    margin-bottom: 7px;
}

input, select 
{
    border: 1px solid #C0C0C0;
}
input.radio
{
    border: 0px solid transparent;
    margin-right: 0px;
}
input.checkbox
{
    border: 0px solid transparent;
}
input.zip
{
    width: 50px;
    margin-right: 7px;
    padding-left: 2px;
}
input.city
{
    width: 203px;
    padding-left: 2px; 
}
.textarea
{
    border: 1px solid #C0C0C0;
    margin-bottom: 9px;
    width:260px;
    height: 130px;
    padding: 2px;
}
input.textfield
{
    width: 260px;
    padding-top: 0px;
    padding-left: 2px;
}
input.textFieldSmall
{
    width: 180px;
    padding-top: 0px;
    padding-left: 2px;
}
select.dropdown
{
    width: 260px;
    padding-top: 0px;
    padding-left: 0px;
}


table {
    border-spacing: 0px;
    border-width:0px;
    border-collapse:collapse;
}
table td
{
    padding:0px;
    margin:0px;
    vertical-align:top;
}


table.specstable th
{
    text-align:left;
    font-size: 11px;
    color: #4e4e4e;
    border-bottom: 1px solid #4e4e4e;
    border-top: 1px solid #4e4e4e;
    padding: 3px 5px 3px 9px;
}
table.specstable td.even
{
    padding: 1px 5px 1px 9px;
    font-size: 11px;
    color: #848177;
    /* background-color:  #ffffff; */
}
table.specstable td.odd
{
    padding: 1px 5px 1px 9px;  
    font-size: 11px;
    background-color:  #e4e4e4;
}


/*
p, td  {  line-height: 15px; color:#444444; font-size: 12px; font-family:Arial, Verdana, sans-serif; }
body  { line-height: 15px; margin: 0px; padding: 0px; color: #444444; font-size: 12px; font-family:Arial, Verdana, sans-serif }

div {
    vertical-alignment: middle;
}

.title, h1 {
    font-weight: normal;
    margin-top:0px;
    margin-bottom:22px;
    color: #ff00ff;
    font-size: 22px;
}

h2 {
    font-weight: bold;
    margin-top:0px;
    margin-bottom:0px;
    color: #003C7A;
    font-size: 12px;
}

h3 {
    font-weight: bold;
    margin-top:0px;
    margin-bottom:0px;
    color: #003C7A;
    font-size: 12px;
}


*/




/**
navigationsformatierung
*/

/* tabnav bei produkte detail */
div.tabNav {
    width:100%;
    height: 24px;
    background-image: url(/fileadmin/templates/main/images/tabBG.jpg);
    background-repeat: repeat-x;
    margin: 15px 0px 20px 0px;
    position:relative;
}
div.tabEntryActive
{
    background-color:#ffffff;
    padding: 3px 5px 2px 5px;
    margin: 0px  0px 0px 5px; 
    position:relative;
    float:left; 
}
div.tabEntry
{
    padding: 3px 5px 2px 5px;
    margin: 0px 0px 0px 5px;
    border-left: 1px solid #ffffff;
    position:relative;
    float:left;   
}
div.tabContent
{
    position:relative;
}


/* subnav inaktiv */
div.sub1
{
    /* height: 27px; */
    border-top:1px solid #e4e4e4;
    font-size: 16px;
}
div.sub1 a, div.sub1 a:active, div.sub1 a:link, div.sub1 a:visited {
    line-height:25px;
    color: #828282;
    text-decoration:none;
    font-weight: normal;
}
div.sub1 a:hover {
    color: #00669b;;
    text-decoration:none;
}
/* subnav aktiv */
div.sub1-act
{
    /* height: 27px; */
    border-top:1px solid #e4e4e4;


}
div.sub1-act a, div.sub1-act a:active, div.sub1-act a:link, div.sub1-act a:visited {
    line-height:25px;
    color: #00669b;
    text-decoration:none;
    font-weight: normal;
    font-size: 16px; 
}

div.sub1-act-withsub
{
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    margin-bottom: 2px;
}
div.sub1-act-withsub a, div.sub1-act-withsub a:active, div.sub1-act-withsub a:link, div.sub1-act-withsub a:visited {
    line-height:25px;
    color: #00669b;
    text-decoration:none;
    font-size: 16px;
}


/* subsubnav inaktiv */
div.subsub
{
    padding-left:10px;
    margin-top: 4px;
    /*border-bottom:1px dotted #D0DFE6;*/
}
div.subsub a, div.subsub a:active, div.subsub a:link, div.subsub a:visited {
    line-height: 20px;
    font-size:14px;
    color: #00669b;
    text-decoration:none;
    font-weight: normal;
}
div.subsub a:hover {
    color: #000000;
    text-decoration:none;
}
/* subsubnav aktiv */
div.subsub-act
{
    padding-left:10px;
    margin-top: 4px;
    /* border-bottom:1px dotted #D0DFE6; */
}
div.subsub-act a, div.subsub-act a:active, div.subsub-act a:link, div.subsub-act a:visited {
    line-height: 20px;
    font-size:14px;
    color: #000000;
    font-weight:normal;
    text-decoration:none;
}
div.subsub-act a:hover {

}

/* brotkr?mel */
.last a, .last a:active, .last a:link, .last a:visited, .last a:hover {
    color: #969696 !important;
}         
/* meta nav link */
.crumb a, .crumb a:active, .crumb a:link, .crumb a:visited {
    font-size:10px;
    color: #003C7A;
    text-decoration:none;
    font-weight: normal;
}
.crumb a:hover {
    text-decoration:underline;
}


/* meta nav link */
.meta a, .meta a:active, .meta a:link, .meta a:visited {
    font-size:10px;
    color: #003C7A;
    line-height:21px;
    text-decoration:none;
    font-weight: normal;
}
.meta a:hover {
    text-decoration:underline;
}

/* footer */

#footernav a, #footernav a:active, #footernav a:link, #footernav a:visited {

    font-size:12px;
    color: #828282;
    text-decoration:none;
    font-weight: normal;
}
#footernav a:hover {
    text-decoration:underline;
}

.langnav a, .langnav a:active, .langnav a:link, .langnav a:visited
{
    color: #828282;
    text-decoration:none;
    font-weight: normal;
}
.langnav a:hover
{
    color: #00669b;
}
.langnavA a, .langnavA a:active, .langnavA a:link, .langnavA a:visited
{
    color: #00669b;
    text-decoration:none;
    font-weight: normal;
}
.langnavA a:hover
{
    color: #00669b;
}


/***************************/
/* General element styles: */
/***************************/
P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, BODY, DIV { line-height:19px; font-family: Arial, sans-serif; color: #848177; font-size: 12px; }
PRE { font-family: monospace; }

/* grau f?r ??? */
.grau {
    color:#777777;
}

.subtitel {
    color: #00377A;
    font-weight: bold;
}

FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }



/* divers */

ul
  {
  margin: 0px 0px 0px 0px;
  padding-left: 1.25em;
  }
li
  {
  margin: 0 0 1 0px;
  /*padding: 0em;*/
  } 
dd
  {
  margin-left: 0px;
  padding-left: 0px;
}