@font-face {
	font-family: 'HelveticaNeueBoldCondensed';
	src: url('/fileadmin/fonts/helvenbc-webfont.eot');
	src: local('☺'), url('/fileadmin/fonts/helvenbc-webfont.woff') format('woff'), url('/fileadmin/fonts/helvenbc-webfont.ttf') format('truetype'), url('/fileadmin/fonts/helvenbc-webfont.svg#webfont1ysOI1JV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('/fileadmin/fonts/helvente-webfont.eot');
    src: url('/fileadmin/fonts/helvente-webfont.eot?iefix') format('eot'),
         url('/fileadmin/fonts/helvente-webfont.woff') format('woff'),
         url('/fileadmin/fonts/helvente-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/helvente-webfont.svg#webfontFoVmoAPy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
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: 7px; left: 9px; }
#langnav { position:absolute; top: 9px; right: 16px; } 
#logo { position:absolute; top:83px; left:48px; }
#logoCOOKE { position:absolute; top:48px; left:803px; }  
#header { position:absolute; top: 74px; left: 222px; }
#header_text { display:block; position:absolute; top: 118px; left: 20px;  font-family: 'HelveticaNeueThin', Arial, sans-serif; font-size: 19px; color:white; }
#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;}

.youtube_footer {
	display:block;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 8px;
	padding-bottom: 12px;
	text-align: right;
	margin-bottom: 7px;
}
#social {
    position:absolute;
    width: 200px;
    height: 40px;
    top:93px;
    left: 767px;
}

#social p, .youtube_footer p {
	font-size: 16px;
	padding-top:13px;
	float:right;
	color: #a19e93;
}
#social p {
    padding-top: 7px;
}
a.social_button {
	margin-left: 15px;
	float:right;
	display:block;
	position:relative;
	overflow:hidden;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
/*	text-indent: -9999px;
*/	line-height: 200px;
}
a.social_button_small {
	margin-left: 8px;
	width: 32px;
	height: 31px;
/*	text-indent: -9999px;
*/	line-height: 200px;
}
a {
	outline: 0;
}
a.facebook {
	background-image: url(/fileadmin/templates/main/images/facebook2.png);
}
a.twitter {
	background-image: url(/fileadmin/templates/main/images/twitter2.png);
}
a.youtube {
	background-image: url(/fileadmin/templates/main/images/youtube.png);
}
div.youtube_footer {
	margin-bottom: 0px !important;
	padding-top: 20px !important;
	width: 525px;
}


.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 h1
{
	padding-bottom: 4px;
	margin: 0;
    border-bottom: 1px solid #e4e4e4;
}

.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;
}

/* products */
div.imageRight img {
    margin-bottom: 15px;
}

/* 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;
}
h1.custom
{
    margin:23px 0px 3px 0px;
    font-size:19px;
	font-family: 'HelveticaNeueThin', Arial	;
    color:#00669B;
    font-weight: normal;
}
h1.home {
	padding-bottom: 4px;
	border-bottom: 1px solid #e4e4e4;
}
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;
}

/* main nav */
div#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#nav ul li {
	float:left;
	margin: 0px;
	padding: 0px;
}
div#nav ul li a {
	display:block;
	padding: 6px 10px 4px 10px;
	font-family: 'HelveticaNeueThin', Arial, sans-serif;
	font-size: 19px;
	color: #828282;
}
div#nav ul li.active a, div#nav ul li a:hover {
	color: #00669b;
}



/* 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;
}

p.claim {
	padding-top: 21px;
	font-size: 30px;
	font-family: 'HelveticaNeueBoldCondensed', Arial;
	line-height: 33px;
}

.blue {
    color: #00669b;
}
span.blue {
	color: #00669b;
}

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;
}