/*
  Globale Parameter
*/

html{
/*
	font-size: 1em;
        width:100%;
        height:100%;
*/
}/*
  Globale Parameter
*/

html{
/*
	font-size: 1em;
        width:100%;
        height:100%;
	margin: 0em;
	padding: 0em;
*/
}

body{
	margin: 0em;
	padding: 0em;
	font-size: 0.75em;
	font-family: arial, sans-serif;
	background-image: url("../../images/design/coglay/bodback2.jpg")! important;
	background-repeat: repeat-y;
	background-position: -27px 100%;
	background-color: #000000;

}

#editmode_surrounding{
	font-size: 0.857em; 
	font-family: arial, sans-serif;
}

a{
	color: #00009D; 
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

a:hover, a:focus {
	color: #000; 
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #00009D;
}

a.FAQ_Answer {
	color: #000; 
	text-decoration: none;
	border: none;
}

a:hover.FAQ_Answer, a:focus.FAQ_Answer {
	color: #000; 
	text-decoration: none;
	border: none;
}

abbr:hover{
	cursor: help;
}

acronym:hover{
	cursor: help;
}

address{
	font-style: normal;
}

code{
	font-family: courier,monospace;
	font-style: italic;
}

h1{
	margin: 0em;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333333;
}

h2{
	margin: 0em;
	margin-bottom: 1.0em;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #666666;
}

h3{
	margin: 0em;
	margin-bottom: 1.0em;
	font-size: 0.8em;
}

img{
	border: 0em;
}

ul{
	margin: 0em 0em 0em 1em;
	padding: 1em;
}

ul.links{
	list-style-image: url("../../images/design/li_link.gif");
}

ul.links li{
	padding: 0em 0em 0em 0.7em;
	vertical-align: middle;
}

ul.unformattedList{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.unformattedList li{
	clear:both;
}

.noScreen{
	display: none;
}

.handheld{
	display: none;
}

/*
  Der nachfolgend erste Teil des CSS beschreibt das Layout von dem gesamten Auftritt
*/

#surrounding{
	width: 100%;
        background-image: url(../../images/design/coglay/feet_2_back.jpg)! important;
	background-repeat: repeat;
	background-position: left bottom;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.antiwrapper{
        position: absolute;
	width: 82.5em;
	max-width: 80em;
	padding-left: 2.5em;

}

#head{

	min-width: 80em;
	width: 100%;
	height: 10em;
	background-image: url("../../images/design/coglay/t1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}


.logo_cog{
        position: absolute;
        width: 17em; 
        height: 8.5em;
        z-index: 0;
        border:0;
}


#head_1{
	float: left;
	width: 0em;
	height: 10em;
}

#head_2{
	width: 80em;
	height: 10em;
}

#head_2_1{
	float: left;
	width: 17em;
	height: 10em;
}

#head_2_1_1{
	width: 17em;
	height: 0em;
}

#head_2_1_2{
	clear: both;
        width: 17em;
	height: 8.5em;
	background-color: #f1f1f1;
}

#head_2_2{
	float: right;
	width: 63em;
	height: 10em;
	text-align: right;
}

#torso{
	clear: both;
	width: 100%;
	background-image: url(../../images/design/coglay/torso_5_back.gif)! important;
	background-repeat: repeat-y;
	background-position: 2.5em top;
	float: left;
	min-width: 80em;
        background-color: #45515b;
}

#torso_1{
	float: left;
	min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
}

.antiwrapping_torso_1_back{
	width: 82.5em;
        max-width: 80em;
	float: left;
        padding-left: 2.5em;
        background-image: url(../../images/design/coglay/torso_1_back.gif);
	background-position: right top;
	background-repeat: repeat-y;
        background-color: #ffffff;
}

#torso_2{
	float: left;
	width: 79em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
}

#torso_2_1{
	float: left;
	width: 17em;
	/*background-image: url("../../images/design/coglay/eyeback1.jpg")! important;*/
        background-repeat: no-repeat;
	background-position: right bottom;
      	display: block;
}

#torso_2_2{
	float: left;
	width: 45.75em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
        border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;
}

.torso_2_2_back{
	float: left;
	width: 63em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
        background-image: url("../../images/design/coglay/eyeback1.jpg")! important;
        background-repeat: no-repeat;
        background-position: -7.83em bottom;
        background-color: #ffffff;
 
}

#torso_2_3{
	float: left;
        text-align: right;
        min-width: 16.78em;
	width: 16.75em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
	display: block;
}

.torso_2_3_back{
	float: left;
	width: 80em;
        min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
	background-image: url("../../images/design/coglay/nb_back.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #ffffff;
}

#feet{
        clear: both;
	width: 100%;
	min-width:80em;
	height: 5em;
	background-image: url("../../images/design/coglay/1.png");
	background-repeat: repeat-x;
	background-position: 2.56em top;
}

.antiwrapping_feet_back{
	width: 80em;
	float: left;
        padding-left: 2.56em;
        background-image: url("../../images/design/coglay/2.gif");
	background-position: right top;
	background-repeat: repeat-y;	
}

.antiwrapping_feet_back1{
	width: 80em;
	float: left;
        background-image: url("../../images/design/coglay/3.png");
	background-position: 17em top;
	background-repeat: repeat-y;	
}

#feet_1{
	float: left;
	height: 5em;
	background-color: #f1f1f1;  
}

#feet_2{
        float: left;
	width: 80em;
	height: 5em;
	background-image: none;
	background-repeat: repeat;
	background-position: center bottom;
}

#feet_2_1{
	float: left;
	width: 17em;
	height: 5em;
        background-image: url("../../images/design/coglay/eyeback2.jpg");
        background-repeat: no-repeat;
	background-position: right top;
	background-color: #ffffff;
}

#feet_2_2{
	float: left;
	width: 63em;
	background-image: none;
	background-repeat: repeat;
	background-position: center bottom;
}

#feet_2_2_1{
	float: right;
	width: 63em;
	height: 5em;
	text-align: right;
}

#feet_2_2_1_verweis{
	color: #FFF;
	margin-top: 1em;
	font-size: 0.95em;
}

a.feet_2_2_1_verweis{
	color: #FFF;
	text-decoration: none;
	border: none;
	margin-left: 0.2em;
	margin-right: 0.5em;
}

a:hover.feet_2_2_1_verweis, a:focus.feet_2_2_1_verweis{
	color: #989898;
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	margin-left: 0.2em;
	margin-right: 0.5em;
}

#news_frame{  
	float: left;
	text-align: left;
	width: 17em;
	max-width: 17em;
}

#news_frame a{  
	border-bottom-width: 0;
}

#header{
        float: left;
	height: 8.5em;
	white-space: nowrap;
	display: block;
}

#navigation{
        float: left;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 17em;
}

#contentPart{
	float: left;
	width: 45.87em;
	background-color: #ffffff;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3d3;
}

#breadcrumb{
        float: left;
        height: 2.02em;
        width: 45.75em;
}

#location{
	font-size: 0.9em;
	font-family: arial, sans-serif;
	line-height: 1em;
	float: left;
	color: #313131;
	padding: 0.4em 0em 0em 0.6em;
	width: 45.8em;
	height: 1.6em;
}

#location a{ 
    color: #797979;
    text-decoration: none;
    border-bottom-width: 0;
}

#location a:hover{ 
	color: #313131;
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

#searchForm{
        position: absolute;
	width: 17em;
	padding-top: 0.9em;
	padding-right: 0em;
	padding-bottom: 0em;
	margin-left: 65.5em;
}


#flashbanner{
  
width: 80em;
height: 10em;
}

.flashbannersize{

width: 80em;
height: 10em;
}
#content{
	float: left;
	background-repeat: repeat-x;
	padding-top: 1.2em;
	padding-left: 1em;
	width: 44em;
	line-height: 1.3em;
}

.contentBox, .contentBoxBorder{
	clear: both;
	display: block;
	margin-top: 0em ! important;
	margin-bottom: 0em ! important;
	padding-top: 0.25em ! important;
	padding-right: 0em ! important;
	padding-bottom: 1em ! important;
	padding-left: 0em ! important;
	width: 44em; 
}

.contentHalf{
	float: left;
	width: 20.5em;
}

.contentBoxBorder{
	border-bottom: 0.1em solid #B7B7B7;
	clear: both;
	display: block;
	margin-top: 0em ! important;
	margin-bottom: 0em ! important;
	padding-top: 0.25em ! important;
	padding-right: 0em ! important;
	padding-bottom: 1em ! important;
	padding-left: 0em ! important;
	width: 44em; 
}

.content_surround{ 
	display: block;
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 44em; 
	float: left; 
}

.contentBox1{ 
	color: #333333;
	display: block; 
	line-height:1.4em;
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0.25em; 
	padding-bottom: 1em; 
	width: 30em; 
	float: left; 
}
.contentBox2{ 
	display: block; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 44em; 
	float: left; 
}

.contentBox_toolmenuesep{ 
	display: block; 
	margin-top: 1em; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 32.5em; 
	float: left; 
}

.content_margin{ 
	display: block; 
	margin: 0; 
	padding-top: 0em; 
	padding-bottom: 1em; 
	padding-right: 0.33em; 
	width: 12.3em; 
	float: right;
}

.margin_line{ 
	float: left;
	width: 30.5em;
	border-right: 0.1em solid #e9e9e9;
	min-height: 30em;
}

.margiBild{
	border-bottom-style: none;
}

a:hover.margiBild{
	border-bottom-style: none;
}

.margiBildUndText{
	margin-bottom: 0.9em;
	float: left;
	width: 12.5em;
	background-color: #F3F3F3;
	border: 1px solid #e9e9e9;
}

a.margiBildUndText{
	border-bottom-style: none;
}

a:hover.margiBildUndText{
	border-bottom-style: none;
}

.margiBildunterschrift{ 
	padding-top: 0.0em;
	padding-left: 0.35em;
	padding-right: 0.35em;
	padding-bottom: 0.0em;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}

.margiText{
	margin: 0;
        padding-top: 0.2em;
	font-size: 0.85em;
	line-height: 1.4em;
	font-variant: normal;
}

.newLine{
	display: block;
	clear: both ! important;
}

.imageRight{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	border: 0.1em solid #7f7f7f;
}

.imageLeft{
	float: left;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;

}

.contentRight{
	padding-left: 0.4em;
	float: right;
}

.contentLeft{
	padding-right: 0.4em;
	float: left;
}

.contentCenter{
	padding-left: 0.4em;
	padding-right: 0.4em;
	text-align: center;
}

#footer{
	clear: both;
	width: 62.5em;
	height: 25px;
}

/*
  following styles are used in special content
*/

#sitemap ul{
	font-size: 1.2em;
        font-family: Georgia;
	font-weight: normal;
    	font-style: normal;
        text-decoration: none;
        border: none;
        list-style-type: decimal;
        margin-left: 1.5em;
	line-height: 1.3em;
	padding: 0;
}

#sitemap ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li{
	padding-bottom: 1.5em;
	text-decoration: none;
}

#sitemap ul li ul{
	font-size: 0.85em;
        font-family: Tahoma;
        text-decoration: none;
        border: none;
	font-weight: normal;
	font-style: normal;
        margin-left: 2.5em;
        list-style-type: disc;
	margin-bottom: 0;
	padding: 0;
}

#sitemap ul li ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul li ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul li{
	font-weight: normal;
        text-decoration: none;
        border: none;
	font-style: normal;
	padding-top: 0.4em;
	padding-bottom: 0;
}

#sitemap ul li ul li ul{
	margin-bottom: 0;
        text-decoration: none;
        border: none;
	padding: 0;
}

#sitemap ul li ul li ul li{
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

#sitemap ul li ul li ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul li ul li ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul li ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

/*
  following styles are used in listviews
*/

a.linkButton{
	display: block;
	font-size: 0.75em;
	text-decoration: none;
	color: white;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 0.2em;
	background-color: #355DD6;
	width: 8em;
	text-align: center;
	border: 0.1em solid black;
}

a.linkButton:hover, a.linkButton:focus{
	color: #CCCCCC;
}

img.thumbnail_200_150{
	margin: 1em;
	border: 0.2em solid black;
}

/*
  Here starts the part with the forms, this will later be in another file
  contains all needed styles for the used forms
*/

form{
	margin: 0;
	padding: 0;
}

fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
  search form
*/

.searchForm{
	float: right;
	font-size: 0.75em;
	margin-top: 0em;
	padding: 0.2em;
	color: #a5a5a5;
}

.searchForm#text{
	margin-top: 0.5em;
	max-width: 17.5em;
	width: 19em;
	background-color: #44515a;
	border: 0.1em;
	border-style: solid;
	border-color: #7f7f7f;
}

.searchForm#submitbutton{
	float: right;
	margin: 0;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0em;
	border: none;
}

/*
  contact form  
*/

.contactButton{
	font-size: 0.75em;
	margin-right: 0.6em;
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	border: 0.1em solid #7f7f7f;
	color: #a5a5a5;
	background-color: #44515a;
}

.contactInput, .contactTextarea{
	font-size: 1em;
	padding: 0;
	margin: 0;
	width: 18em;
	border: 0.1em solid #7f7f7f;
}

.contactSelect{
	font-size: 1em;
	padding: 0;
	margin: 0;
	width: 9em;
}

.contactTextarea{
	height: 8em;
}

.formError{
	color: red;
	border-color: red;
}

input, textarea{
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0.1em solid #7f7f7f;
}

/*
  Following part deals with the navigation in div with id "navContainer"
*/

.navigationBorder{
	width: 17em;
	text-align: center;
}

.navigationBorder#naviHead{
	height: 1.0em;
	background-repeat: repeat-x;
}

.navigationBorder#naviFoot{
	height: 1.5em;
	background-repeat: repeat-x;
}

#navContainer{
	text-align: left;  
	clear: both;
	width: 17em;
}

/*
  ##### NAVIGATION START #########################
*/

.navline{
	clear: both;
	font-size: 0;
	line-height: 1px;
	height: 1px;
	background-image: url("../../images/design/coglay/navline.gif");
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}

.navline2{
	clear: both;
	font-size: 0;
	line-height: 1px;
	height: 1px;
	background-image: url("../../images/design/coglay/navline.gif");
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}

/*
  navigation level 1
*/

#navContainer ul{
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}

#navContainer ul li{

}

#navContainer ul li#li_nav1_open{
        background-image: url("../../images/design/coglay/navhole1.gif");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
}

#navContainer ul li a{
	font-family: Arial;
	display: block;
	background-repeat: no-repeat;
	padding-left: 1.5em;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        padding-top: 0.3em;
        padding-bottom: 0em;
        height: 1.6em;
	color: #989898;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	vertical-align: middle;
        border-bottom-style: none;
}

#navContainer ul li a:hover, #navContainer ul li a:focus{
        color: #313131;
        background-image: url("../../images/design/coglay/navhole0.gif");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
        -moz-outline-width: 0;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
        color: #313131;
        cursor: default;    
        border-bottom-style: none;
}

/*
  Design for submenu 1
*/

#navContainer li li{
	line-height: 1.5em;
	font-size: 0.9em; 
	border-bottom-style: none;
}

#navContainer ul ul a{ 
	color: #989898; 
	font-size: 0.9em; 
	text-decoration: none; 
	background-image: none; 
	background-repeat: no-repeat; 
	padding-right: 0; 
	margin-left: 2.1em;
	padding-left: 0em; 
	height: 1.5em; 
	border-top-style: none;
	border-bottom-style: none;
}

#navContainer ul ul a:hover{ 
	color: #313131;
	background-image: none;
}

#navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{ 
	cursor: default;
	color: #313131;
	background-image: none;
}

/*
  Design for submenu 2
*/

#navContainer li li li{ 
	font-size: 0.9em; 
	line-height: 2em; 
	background-repeat: no-repeat; 
	border-top-style: none;
	border-bottom-style: none;
}

#navContainer ul ul ul a{ 
	color: #1B1B1B; 
	font-size: 0.9em; 
	text-decoration: none; 
	background-image: none; 
	background-repeat: no-repeat; 
	padding-right: 0; 
	margin-left: 3.8em;
	padding-left: 0em; 
	line-height: 2em; 
}

#navContainer ul ul ul a:hover{ 
	color: #313131;
	background-image: none;
	line-height: 2em; 
}

#navContainer ul ul ul a:focus, #navContainer ul ul ul a#a_nav3_open { 
	cursor: default;
	color: #313131;
	background-image: none;
	border-bottom-style: solid;
	line-height: 2em; 
}

/*
  ##### NAVIGATION ENDE #########################
*/

/*
  needed styles for the shop
*/

table.shop{
	width: 41em;
}

table.sum, table.shop{
	font-size: 1.0em;
	border-spacing: 0em;
	border-collapse: collapse;
}

table.shop td, table.shop th, table.sum th, table.sum td{
	margin: 0em;
	padding: 0em 1em 0em 0em;
	border-bottom: 0.1em solid #013499;
	text-align: left;
}

table.shop th{
	border-bottom: 0.2em solid #013499;
}

table.shop td.price, table.shop th.price, table.sum td.price{
	text-align: right;
}

table.shop td.amount, table.shop th.amount{
	text-align: center;
}

table.shop td.icon{
	padding: 0em 0em 0em 0em;
	text-align: right;
}

/*
  stuff for voting
*/

table.voting{
	width: 41em;
	margin: 0em;
	padding: 0em 1em 0em 0em;
}

table.voting td, table.voting th, table.voting tr{
	text-align: left;
	margin: 0em;
	padding: 0em 0em 0.4em 0em;
}

table.voting td.answer{
	width: 10em;
}

table.voting td.result{
	width: 31em;
}

table.voting div.votingBar{
	height: 1.3em;
	background: #AACCFF;
}

table.voting div.resultPercent{
	position: absolute;
}

/*
  Needed styles for the blog
*/

table.tableMonthOverview{
	font-size: 1.0em;
	width: 40em;
	border: thin solid;
	margin: 0.5em 0 0.5em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tableMonthOverview th, table.tableMonthOverview td{
	text-align: center;
	border: thin solid;
	padding: 0.1em;
}

input.votingAnswer{
	margin: 0.5em 1em 0em 0em;
	border: 0;
}

/*
  Breadcrumb
*/

a.locationCat{
	color: #000000;
}

.error{
	color: #FF0000;
}

.debug{
	border: 0.1em solid #ff0000;
}

#shop_head{
	clear: both;
	width: 44em;
}

#shop_head_artikel{
	float: left;
	width: 30.4em;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-left: 0.6em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_head_preis{
	float: left;
	width: 6.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.4em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_head_warenkorb{
	float: left;
	width: 5.6em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body{
	clear: both;
	width: 44em;
}

#shop_body_artikel{
	float: left;
	width: 31em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body_preis{
	float: left;
	width: 5.4em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body_warenkorb{
	float: left;
	width: 5.6em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: center;
	border-bottom: 0.1em solid #7f7f7f;
}

.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

a.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

a:hover.artikelwarenkorbimg, a:focus.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

#wk_head{
	clear: both;
	width: 44em;
}

#wk_head_artikel{
	float: left;
	width: 21em;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 1.6em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_anzahl{
	float: left;
	width: 6.5em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_einzelpreis{
	float: left;
	width: 7.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_gesamtpreis{
	float: left;
	width: 7.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_entfernen{
	float: left;
	width: 0.9em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body{
	clear: both;
	width: 44em;
}

#wk_body_artikel{
	float: left;
	width: 22.5em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_anzahl{
	float: left;
	width: 4.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_einzelpreis{
	float: left;
	width: 5.5em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_entfernen{
	float: left;
	width: 0.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-left: 1.0em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_entfernen a{
	color: #000;
	border: none;
	text-decoration: none;
}

#wk_body_entfernen a:hover, #wk_body_entfernen a:focus{
	color: #000;
	border: none;
	text-decoration: none;
}


#wk_summe_text{
	float: left;
	width: 34.9em;
	height: 1.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
}

#wk_summe_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 1.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	padding-right: 1em;
}

#head_2_2_warenkorb{
	float: right;
	text-align: left;
	width: 15em;
	margin-top: 2.2em;
}

#head_2_2_warenkorb a{
	border: none;
}

#head_2_2_warenkorb a:hover, #head_2_2_warenkorb a:focus{
	border-bottom: 0.1em solid #7f7f7f;
}

.head_2_2_ShopWarenkorb{
	padding-left: 0.6em;
	font-size: 1.4em;
	color: #a5a5a5;
}

.head_2_2_ShopIMG{
	padding-top: 0.1em;
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

input.ItemNumber{
	width: 2.5em;
	text-align: right;
	border: 0.1em solid #7f7f7f;
	float: left;
}

.cognitioShopForm{
	font-size: 0.95em;
	padding: 0.1em 0em;
	margin-top: 0.2em;
	width: 16.5em;
	border: 0.1em solid #7f7f7f;
}

.cognitioShopFormRadio{
	font-size: 0.95em;
	width: 3em;
}

#bestellvorgang{
	width: 44em;
	height: 0.8em;
}

#bestellvorgang_aktiv{
	width: 10.3em;
	line-height: 1.4em;
	text-align: center;
	float: left;
	color: #B20C34;
	font-size: 0.85em;
}

#bestellvorgang_passiv{
	width: 10.3em;
	line-height: 1.4em;
	text-align: center;
	float: left;
	color: #7f7f7f;
	font-size: 0.85em;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img{
	width: auto;
	height: auto;
}

#lightbox a img{
	border: none;
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding: 10px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	border: none;
}

#imageContainer>#hoverNav{
	left: 0;
	border: none;
}

#hoverNav a{
	outline: none;
	border: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	border: none;
}

#prevLink{
	left: 0;
	float: left;
	border: none;
}

#nextLink{
	right: 0;
	float: right;
	border: none;
}

#prevLink:hover, #prevLink:visited:hover{
	background: url(../../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover{
	background: url(../../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData{
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails{
	width: 65%;
	float: left;
	text-align: left;
}	

#imageData #caption{
	font-weight: bold;
}

#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose{
	width: 95px;
	float: right;
	padding-top: 0.2em;
	padding-bottom: 0.7em;
	outline: none;
	border: none;
}	 	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

.banner_cognitiShop{
	width: 203px;
	height: 177px;
}

.banner_cognitiShop a:hover{
	width: 203px;
	height: 177px;
        background-image: url("../../banner/bilder/banner/Banner_cognitioShop.jpg");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
        -moz-outline-width: 0;
}

body{
	margin: 0em;
	padding: 0em;
	font-size: 0.75em;
	font-family: arial, sans-serif;
	background-image: url("../../images/design/coglay/bodback2.jpg")! important;
	background-repeat: repeat-y;
	background-position: -27px 100%;
	background-color: #000000;
}

#editmode_surrounding{
	font-size: 0.857em; 
	font-family: arial, sans-serif;
}

a{
	color: #00009D; 
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

a:hover, a:focus {
	color: #000; 
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #00009D;
}

a.FAQ_Answer {
	color: #000; 
	text-decoration: none;
	border: none;
}

a:hover.FAQ_Answer, a:focus.FAQ_Answer {
	color: #000; 
	text-decoration: none;
	border: none;
}

abbr:hover{
	cursor: help;
}

acronym:hover{
	cursor: help;
}

address{
	font-style: normal;
}

code{
	font-family: courier,monospace;
	font-style: italic;
}

h1{
	margin: 0em;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333333;
}

h2{
	margin: 0em;
	margin-bottom: 1.0em;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #666666;
}

h3{
	margin: 0em;
	margin-bottom: 1.0em;
	font-size: 0.8em;
}

img{
	border: 0em;
}

ul{
	margin: 0em 0em 0em 1em;
	padding: 1em;
}

ul.links{
	list-style-image: url("../../images/design/li_link.gif");
}

ul.links li{
	padding: 0em 0em 0em 0.7em;
	vertical-align: middle;
}

ul.unformattedList{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.unformattedList li{
	clear:both;
}

.noScreen{
	display: none;
}

.handheld{
	display: none;
}

/*
  Der nachfolgend erste Teil des CSS beschreibt das Layout von dem gesamten Auftritt
*/

#surrounding{
	width: 100%;
        background-image: url(../../images/design/coglay/feet_2_back.jpg)! important;
	background-repeat: repeat;
	background-position: left bottom;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.antiwrapper{
	width: 82.5em;
	max-width: 80em;
	padding-left: 2.5em;
}

#head{
	clear: both;
	min-width: 80em;
	width: 100%;
	height: 10em;
	background-image: url("../../images/design/coglay/t1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#head_1{
	float: left;
	width: 0em;
	height: 10em;
}

#head_2{
	float: left;
	width: 80em;
	height: 10em;
}

#head_2_1{
	float: left;
	width: 17em;
	height: 10em;
}

#head_2_1_1{
	width: 17em;
	height: 1.5em;
}

#head_2_1_2{
	clear: both;
        width: 17em;
	height: 8.5em;
	background-color: #f1f1f1;
}

#head_2_2{
	float: right;
	width: 63em;
	height: 10em;
	text-align: right;
}

#torso{
	clear: both;
	width: 100%;
	background-image: url(../../images/design/coglay/torso_5_back.gif)! important;
	background-repeat: repeat-y;
	background-position: 2.5em top;
	float: left;
	min-width: 80em;
        background-color: #45515b;
}

#torso_1{
	float: left;
	min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
}

.antiwrapping_torso_1_back{
	width: 82.5em;
        max-width: 80em;
	float: left;
        padding-left: 2.5em;
        background-image: url(../../images/design/coglay/torso_1_back.gif);
	background-position: right top;
	background-repeat: repeat-y;
        background-color: #ffffff;
}

#torso_2{
	float: left;
	width: 79em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
}

#torso_2_1{
	float: left;
	width: 17em;
	/*background-image: url("../../images/design/coglay/eyeback1.jpg")! important;*/
        background-repeat: no-repeat;
	background-position: right bottom;
      	display: block;
}

#torso_2_2{
	float: left;
	width: 45.75em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
        border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d3d3d3;
}

.torso_2_2_back{
	float: left;
	width: 63em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
        background-image: url("../../images/design/coglay/eyeback1.jpg")! important;
        background-repeat: no-repeat;
        background-position: -7.83em bottom;
        background-color: #ffffff;
 
}

#torso_2_3{
	float: left;
        text-align: right;
        min-width: 16.78em;
	width: 16.75em;
	/*min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
	display: block;
}

.torso_2_3_back{
	float: left;
	width: 80em;
        min-height: 100%; /* Mindesthoehe in modernen Browsern */
	height: auto !important; /* !important-Regel fuer moderne Browser */
	height: 100%; /* Mindesthoehe in IE (<7) */
	background-image: url("../../images/design/coglay/nb_back.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #ffffff;
}

#feet{
        clear: both;
	width: 100%;
	min-width:80em;
	height: 5em;
	background-image: url("../../images/design/coglay/1.png");
	background-repeat: repeat-x;
	background-position: 2.56em top;
}

.antiwrapping_feet_back{
	width: 80em;
	float: left;
        padding-left: 2.56em;
        background-image: url("../../images/design/coglay/2.gif");
	background-position: right top;
	background-repeat: repeat-y;	
}

.antiwrapping_feet_back1{
	width: 80em;
	float: left;
        background-image: url("../../images/design/coglay/3.png");
	background-position: 17em top;
	background-repeat: repeat-y;	
}

#feet_1{
	float: left;
	height: 5em;
	background-color: #f1f1f1;  
}

#feet_2{
        float: left;
	width: 80em;
	height: 5em;
	background-image: none;
	background-repeat: repeat;
	background-position: center bottom;
}

#feet_2_1{
	float: left;
	width: 17em;
	height: 5em;
        background-image: url("../../images/design/coglay/eyeback2.jpg");
        background-repeat: no-repeat;
	background-position: right top;
	background-color: #ffffff;
}

#feet_2_2{
	float: left;
	width: 63em;
	background-image: none;
	background-repeat: repeat;
	background-position: center bottom;
}

#feet_2_2_1{
	float: right;
	width: 63em;
	height: 5em;
	text-align: right;
}

#feet_2_2_1_verweis{
	color: #FFF;
	margin-top: 1em;
	font-size: 0.95em;
}

a.feet_2_2_1_verweis{
	color: #FFF;
	text-decoration: none;
	border: none;
	margin-left: 0.2em;
	margin-right: 0.5em;
}

a:hover.feet_2_2_1_verweis, a:focus.feet_2_2_1_verweis{
	color: #989898;
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	margin-left: 0.2em;
	margin-right: 0.5em;
}

#news_frame{  
	float: left;
	text-align: left;
	width: 17em;
	max-width: 17em;
}

#news_frame a{  
	border-bottom-width: 0;
}

#header{
        float: left;
	height: 8.5em;
	white-space: nowrap;
	display: block;
}

#navigation{
        float: left;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 17em;
}

#contentPart{
	float: left;
	width: 45.87em;
	background-color: #ffffff;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3d3;
}

#breadcrumb{
        float: left;
        height: 2.02em;
        width: 45.75em;
}

#location{
	font-size: 0.9em;
	font-family: arial, sans-serif;
	line-height: 1em;
	float: left;
	color: #313131;
	padding: 0.4em 0em 0em 0.6em;
	width: 45.8em;
	height: 1.6em;
}

#location a{ 
    color: #797979;
    text-decoration: none;
    border-bottom-width: 0;
}

#location a:hover{ 
	color: #313131;
	text-decoration: none;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

#searchForm{
	float: right;
	text-align: left;
	width: 17em;
	padding-top: 0.9em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

#content{
	float: left;
	background-repeat: repeat-x;
	padding-top: 1.2em;
	padding-left: 1em;
	width: 44em;
	line-height: 1.3em;
}

.contentBox, .contentBoxBorder{
	clear: both;
	display: block;
	margin-top: 0em ! important;
	margin-bottom: 0em ! important;
	padding-top: 0.25em ! important;
	padding-right: 0em ! important;
	padding-bottom: 1em ! important;
	padding-left: 0em ! important;
	width: 44em; 
}

.contentHalf{
	float: left;
	width: 20.5em;
}

.contentBoxBorder{
	border-bottom: 0.1em solid #B7B7B7;
	clear: both;
	display: block;
	margin-top: 0em ! important;
	margin-bottom: 0em ! important;
	padding-top: 0.25em ! important;
	padding-right: 0em ! important;
	padding-bottom: 1em ! important;
	padding-left: 0em ! important;
	width: 44em; 
}

.content_surround{ 
	display: block;
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 44em; 
	float: left; 
}

.contentBox1{ 
	color: #333333;
	display: block; 
	line-height:1.4em;
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0.25em; 
	padding-bottom: 1em; 
	width: 30em; 
	float: left; 
}
.contentBox2{ 
	display: block; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 44em; 
	float: left; 
}

.contentBox_toolmenuesep{ 
	display: block; 
	margin-top: 1em; 
	margin-bottom: 0; 
	padding-top: 0em; 
	padding-bottom: 0em; 
	width: 32.5em; 
	float: left; 
}

.content_margin{ 
	display: block; 
	margin: 0; 
	padding-top: 0em; 
	padding-bottom: 1em; 
	padding-right: 0.33em; 
	width: 12.3em; 
	float: right;
}

.margin_line{ 
	float: left;
	width: 30.5em;
	border-right: 0.1em solid #e9e9e9;
	min-height: 30em;
}

.margiBild{
	border-bottom-style: none;
}

a:hover.margiBild{
	border-bottom-style: none;
}

.margiBildUndText{
	margin-bottom: 0.9em;
	float: left;
	width: 12.5em;
	background-color: #F3F3F3;
	border: 1px solid #e9e9e9;
}

a.margiBildUndText{
	border-bottom-style: none;
}

a:hover.margiBildUndText{
	border-bottom-style: none;
}

.margiBildunterschrift{ 
	padding-top: 0.0em;
	padding-left: 0.35em;
	padding-right: 0.35em;
	padding-bottom: 0.0em;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}

.margiText{
	margin: 0;
        padding-top: 0.2em;
	font-size: 0.85em;
	line-height: 1.4em;
	font-variant: normal;
}

.newLine{
	display: block;
	clear: both ! important;
}

.imageRight{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	border: 0.1em solid #7f7f7f;
}

.imageLeft{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.contentRight{
	padding-left: 0.4em;
	float: right;
}

.contentLeft{
	padding-right: 0.4em;
	float: left;
}

.contentCenter{
	padding-left: 0.4em;
	padding-right: 0.4em;
	text-align: center;
}

#footer{
	clear: both;
	width: 62.5em;
	height: 25px;
}

/*
  following styles are used in special content
*/

#sitemap ul{
	font-size: 1.2em;
        font-family: Georgia;
	font-weight: normal;
    	font-style: normal;
        text-decoration: none;
        border: none;
        list-style-type: decimal;
        margin-left: 1.5em;
	line-height: 1.3em;
	padding: 0;
}

#sitemap ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li{
	padding-bottom: 1.5em;
	text-decoration: none;
}

#sitemap ul li ul{
	font-size: 0.85em;
        font-family: Tahoma;
        text-decoration: none;
        border: none;
	font-weight: normal;
	font-style: normal;
        margin-left: 2.5em;
        list-style-type: disc;
	margin-bottom: 0;
	padding: 0;
}

#sitemap ul li ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul li ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul li{
	font-weight: normal;
        text-decoration: none;
        border: none;
	font-style: normal;
	padding-top: 0.4em;
	padding-bottom: 0;
}

#sitemap ul li ul li ul{
	margin-bottom: 0;
        text-decoration: none;
        border: none;
	padding: 0;
}

#sitemap ul li ul li ul li{
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

#sitemap ul li ul li ul a{
	color: black;
	text-decoration: none;
	border: none;
}

#sitemap ul li ul li ul a:hover{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

#sitemap ul li ul li ul a:focus{
	text-decoration: none;
	border-bottom: 0.1em solid #7f7f7f;
	color: #989898;
}

/*
  following styles are used in listviews
*/

a.linkButton{
	display: block;
	font-size: 0.75em;
	text-decoration: none;
	color: white;
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 0.2em;
	background-color: #355DD6;
	width: 8em;
	text-align: center;
	border: 0.1em solid black;
}

a.linkButton:hover, a.linkButton:focus{
	color: #CCCCCC;
}

img.thumbnail_200_150{
	margin: 1em;
	border: 0.2em solid black;
}

/*
  Here starts the part with the forms, this will later be in another file
  contains all needed styles for the used forms
*/

form{
	margin: 0;
	padding: 0;
}

fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
  search form
*/

.searchForm{
	float: right;
	font-size: 0.75em;
	margin-top: 0em;
	padding: 0.2em;
	color: #a5a5a5;
}

.searchForm#text{
	margin-top: 0.5em;
	max-width: 17.5em;
	width: 19em;
	background-color: #44515a;
	border: 0.1em;
	border-style: solid;
	border-color: #7f7f7f;
}

.searchForm#submitbutton{
	float: right;
	margin: 0;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0em;
	border: none;
}

/*
  contact form  
*/

.contactButton{
	font-size: 0.75em;
	margin-right: 0.6em;
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	border: 0.1em solid #7f7f7f;
	color: #a5a5a5;
	background-color: #44515a;
}

.contactInput, .contactTextarea{
	font-size: 1em;
	padding: 0;
	margin: 0;
	width: 18em;
	border: 0.1em solid #7f7f7f;
}

.contactSelect{
	font-size: 1em;
	padding: 0;
	margin: 0;
	width: 9em;
}

.contactTextarea{
	height: 8em;
}

.formError{
	color: red;
	border-color: red;
}

input, textarea{
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0.1em solid #7f7f7f;
}

/*
  Following part deals with the navigation in div with id "navContainer"
*/

.navigationBorder{
	width: 17em;
	text-align: center;
}

.navigationBorder#naviHead{
	height: 1.0em;
	background-repeat: repeat-x;
}

.navigationBorder#naviFoot{
	height: 1.5em;
	background-repeat: repeat-x;
}

#navContainer{
	text-align: left;  
	clear: both;
	width: 17em;
}

/*
  ##### NAVIGATION START #########################
*/

.navline{
	clear: both;
	font-size: 0;
	line-height: 1px;
	height: 1px;
	background-image: url("../../images/design/coglay/navline.gif");
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}

.navline2{
	clear: both;
	font-size: 0;
	line-height: 1px;
	height: 1px;
	background-image: url("../../images/design/coglay/navline.gif");
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}

/*
  navigation level 1
*/

#navContainer ul{
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}

#navContainer ul li{

}

#navContainer ul li#li_nav1_open{
        background-image: url("../../images/design/coglay/navhole1.gif");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
}

#navContainer ul li a{
	font-family: Arial;
	display: block;
	background-repeat: no-repeat;
	padding-left: 1.5em;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        padding-top: 0.3em;
        padding-bottom: 0em;
        height: 1.6em;
	color: #989898;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	vertical-align: middle;
        border-bottom-style: none;
}

#navContainer ul li a:hover, #navContainer ul li a:focus{
        color: #313131;
        background-image: url("../../images/design/coglay/navhole0.gif");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
        -moz-outline-width: 0;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
        color: #313131;
        cursor: default;    
        border-bottom-style: none;
}

/*
  Design for submenu 1
*/

#navContainer li li{
	line-height: 1.5em;
	font-size: 0.9em; 
	border-bottom-style: none;
}

#navContainer ul ul a{ 
	color: #989898; 
	font-size: 0.9em; 
	text-decoration: none; 
	background-image: none; 
	background-repeat: no-repeat; 
	padding-right: 0; 
	margin-left: 2.1em;
	padding-left: 0em; 
	height: 1.5em; 
	border-top-style: none;
	border-bottom-style: none;
}

#navContainer ul ul a:hover{ 
	color: #313131;
	background-image: none;
}

#navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{ 
	cursor: default;
	color: #313131;
	background-image: none;
}

/*
  Design for submenu 2
*/

#navContainer li li li{ 
	font-size: 0.9em; 
	line-height: 2em; 
	background-repeat: no-repeat; 
	border-top-style: none;
	border-bottom-style: none;
}

#navContainer ul ul ul a{ 
	color: #1B1B1B; 
	font-size: 0.9em; 
	text-decoration: none; 
	background-image: none; 
	background-repeat: no-repeat; 
	padding-right: 0; 
	margin-left: 3.8em;
	padding-left: 0em; 
	line-height: 2em; 
}

#navContainer ul ul ul a:hover{ 
	color: #313131;
	background-image: none;
	line-height: 2em; 
}

#navContainer ul ul ul a:focus, #navContainer ul ul ul a#a_nav3_open { 
	cursor: default;
	color: #313131;
	background-image: none;
	border-bottom-style: solid;
	line-height: 2em; 
}

/*
  ##### NAVIGATION ENDE #########################
*/

/*
  needed styles for the shop
*/

table.shop{
	width: 41em;
}

table.sum, table.shop{
	font-size: 1.0em;
	border-spacing: 0em;
	border-collapse: collapse;
}

table.shop td, table.shop th, table.sum th, table.sum td{
	margin: 0em;
	padding: 0em 1em 0em 0em;
	border-bottom: 0.1em solid #013499;
	text-align: left;
}

table.shop th{
	border-bottom: 0.2em solid #013499;
}

table.shop td.price, table.shop th.price, table.sum td.price{
	text-align: right;
}

table.shop td.amount, table.shop th.amount{
	text-align: center;
}

table.shop td.icon{
	padding: 0em 0em 0em 0em;
	text-align: right;
}

/*
  stuff for voting
*/

table.voting{
	width: 41em;
	margin: 0em;
	padding: 0em 1em 0em 0em;
}

table.voting td, table.voting th, table.voting tr{
	text-align: left;
	margin: 0em;
	padding: 0em 0em 0.4em 0em;
}

table.voting td.answer{
	width: 10em;
}

table.voting td.result{
	width: 31em;
}

table.voting div.votingBar{
	height: 1.3em;
	background: #AACCFF;
}

table.voting div.resultPercent{
	position: absolute;
}

/*
  Needed styles for the blog
*/

table.tableMonthOverview{
	font-size: 1.0em;
	width: 40em;
	border: thin solid;
	margin: 0.5em 0 0.5em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tableMonthOverview th, table.tableMonthOverview td{
	text-align: center;
	border: thin solid;
	padding: 0.1em;
}

input.votingAnswer{
	margin: 0.5em 1em 0em 0em;
	border: 0;
}

/*
  Breadcrumb
*/

a.locationCat{
	color: #000000;
}

.error{
	color: #FF0000;
}

.debug{
	border: 0.1em solid #ff0000;
}

#shop_head{
	clear: both;
	width: 44em;
}

#shop_head_artikel{
	float: left;
	width: 30.4em;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-left: 0.6em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_head_preis{
	float: left;
	width: 6.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.4em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_head_warenkorb{
	float: left;
	width: 5.6em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body{
	clear: both;
	width: 44em;
}

#shop_body_artikel{
	float: left;
	width: 31em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body_preis{
	float: left;
	width: 5.4em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#shop_body_warenkorb{
	float: left;
	width: 5.6em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: center;
	border-bottom: 0.1em solid #7f7f7f;
}

.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

a.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

a:hover.artikelwarenkorbimg, a:focus.artikelwarenkorbimg{
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

#wk_head{
	clear: both;
	width: 44em;
}

#wk_head_artikel{
	float: left;
	width: 21em;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 1.6em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_anzahl{
	float: left;
	width: 6.5em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_einzelpreis{
	float: left;
	width: 7.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_gesamtpreis{
	float: left;
	width: 7.0em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_head_entfernen{
	float: left;
	width: 0.9em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 0.0em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body{
	clear: both;
	width: 44em;
}

#wk_body_artikel{
	float: left;
	width: 22.5em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_anzahl{
	float: left;
	width: 4.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-right: 1em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_einzelpreis{
	float: left;
	width: 5.5em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_entfernen{
	float: left;
	width: 0.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-left: 1.0em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

#wk_body_entfernen a{
	color: #000;
	border: none;
	text-decoration: none;
}

#wk_body_entfernen a:hover, #wk_body_entfernen a:focus{
	color: #000;
	border: none;
	text-decoration: none;
}


#wk_summe_text{
	float: left;
	width: 34.9em;
	height: 1.0em;
	margin-top: 0.6em;
	padding-right: 1em;
}

#wk_summe_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 1.0em;
	margin-top: 0.6em;
	text-align: right;
	padding-right: 1em;
}

#head_2_2_warenkorb{
	float: right;
	text-align: left;
	width: 15em;
	margin-top: 2.2em;
}

#head_2_2_warenkorb a{
	border: none;
}

#head_2_2_warenkorb a:hover, #head_2_2_warenkorb a:focus{
	border-bottom: 0.1em solid #7f7f7f;
}

.head_2_2_ShopWarenkorb{
	padding-left: 0.6em;
	font-size: 1.4em;
	color: #a5a5a5;
}

.head_2_2_ShopIMG{
	padding-top: 0.1em;
	width: 1.34em;
	height: 1.24em;
	text-decoration: none;
	border: none;
}

input.ItemNumber{
	width: 2.5em;
	text-align: right;
	border: 0.1em solid #7f7f7f;
	float: left;
}

.cognitioShopForm{
	font-size: 0.95em;
	padding: 0.1em 0em;
	margin-top: 0.2em;
	width: 16.5em;
	border: 0.1em solid #7f7f7f;
}

.cognitioShopFormRadio{
	font-size: 0.95em;
	width: 3em;
}

#bestellvorgang{
	width: 44em;
	height: 0.8em;
}

#bestellvorgang_aktiv{
	width: 10.3em;
	line-height: 1.4em;
	text-align: center;
	float: left;
	color: #B20C34;
	font-size: 0.85em;
}

#bestellvorgang_passiv{
	width: 10.3em;
	line-height: 1.4em;
	text-align: center;
	float: left;
	color: #7f7f7f;
	font-size: 0.85em;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img{
	width: auto;
	height: auto;
}

#lightbox a img{
	border: none;
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding: 10px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	border: none;
}

#imageContainer>#hoverNav{
	left: 0;
	border: none;
}

#hoverNav a{
	outline: none;
	border: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	border: none;
}

#prevLink{
	left: 0;
	float: left;
	border: none;
}

#nextLink{
	right: 0;
	float: right;
	border: none;
}

#prevLink:hover, #prevLink:visited:hover{
	background: url(../../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover{
	background: url(../../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData{
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails{
	width: 65%;
	float: left;
	text-align: left;
}	

#imageData #caption{
	font-weight: bold;
}

#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose{
	width: 95px;
	float: right;
	padding-top: 0.2em;
	padding-bottom: 0.7em;
	outline: none;
	border: none;
}	 	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

.banner_cognitiShop{
	width: 203px;
	height: 177px;
}

.banner_cognitiShop a:hover{
	width: 203px;
	height: 177px;
        background-image: url("../../banner/bilder/banner/Banner_cognitioShop.jpg");
        background-repeat: no-repeat;
        background-position: left top;
        border-bottom-style: none;
        -moz-outline-width: 0;
}

.listview_titel {
  	display:block;
 	padding-top:0.3em;
        background-color: #FFFFFF;
        padding-bottom: 1em;
        font-size:1.3em;
        color: #434343;
        text-align: left;
        line-height: 1.1em;
        width:34em;
}

.listview_titel_start {
        display:block;
        padding-top:0.3em;
        background-color: #FFFFFF;
        padding-bottom: 2em;
        font-size:1.5em;
        color: #434343;
        text-align: left;
        line-height: 1.1em;
        width:34em;
        clear:left;
}

.listviews_border {
        width:44em;
        border-right:0;
        border-top:0;
        border-left:0;
        border-bottom:1px;
        border-style:solid;
        border-color: #626060;
        margin-bottom:1.5em;
        margin-left:0;
        padding: 0em 0em 1em 0em ! important;
        float:left;
        list-style-type: none;
        background-color: white;
        clear: both;
        display: block;
        color: #666666;
}

.news_border {
        width:44em;
        margin-top:0em;
        margin-left:0;
        padding: 1em 0em 1em 0em ! important;
        float:left;
        list-style-type: none;
        background-color: white;
        clear: both;
        display: block;
        color: #666666;
}

.listview_inhalt_containerbild {
        display:block;
        width:100%;
        background-repeat: no-repeat;
        background-color:#ffffff;
        background-position: 42em center;
        padding:0em;
        margin:0em;
        float:left;
}



.listview_inhalt_container {
        width:40em;
        margin:0em;
        font-size:1em;
        line-height:1.6em;
        float:left;
        background-color: white;
        padding-right: 0.5em;
	padding-left: 2em;
}

.listview_inhalt_container_start {
        width:30em;
        margin:0em;
        font-size:1em;
        line-height:1.6em;
        float:left;
        background-color: white;
        padding-right: 0.5em;
}

.LV_img {
        float: left;
        margin-left: 1em;
        padding: 0.4em;
        margin-top: 0.1em;
}

.LV_inhalt_mit_img_VB {
        float: left;
        width: 44em;
        margin-bottom: 1.4em;
}

.LV_inhalt_ohne_img_VB {
        float: left;
        width: 44em;

}



.detail_inhalt_container {
        width:30em;
        margin:0em;
        font-size:1em;
        line-height:1.6em;
        float:left;
        background-color: white;
        padding-right: 0.5em;
}

.info_listview{
float:right;
}

#projektnr{
float:right;
font-size: 0.8em;
color:#888;
}

.shop_body{
	clear: both;
	width: 44em;
}

.shop_body_artikel{
	float: left;
	width: 31em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

.shop_body_preis{
	float: left;
	width: 5.4em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

.shop_body_warenkorb{
	float: left;
	width: 5.6em;
	height: 2.0em;
	margin-top: 0.6em;
	text-align: center;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body{
	clear: both;
	width: 44em;
}

.wk_body_artikel{
	float: left;
	width: 22.5em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body_anzahl{
	float: left;
	width: 4.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body_einzelpreis{
	float: left;
	width: 5.5em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	padding-right: 1em;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body_entfernen{
	float: left;
	width: 0.9em;
	height: 2.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-left: 1.0em;
	text-align: right;
	border-bottom: 0.1em solid #7f7f7f;
}

.wk_body_entfernen a{
	color: #000;
	border: none;
	text-decoration: none;
}

.wk_body_entfernen a:hover, #wk_body_entfernen a:focus{
	color: #000;
	border: none;
	text-decoration: none;
}

.wk_summe_text{
	float: left;
	width: 34.9em;
	height: 1.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	padding-right: 1em;
}

.wk_summe_gesamtpreis{
	float: left;
	width: 6.2em;
	height: 1.0em;
	margin-top: 0.6em;
	padding-bottom: auto;
	text-align: right;
	padding-right: 1em;
}

.cognitio_ShopForm{
width: 15em;
}

.red{
color:#B10C35;
}

.gmap_contentBox{
     color:black;
     font-family:Arial,Helvetica,sans-serif;
     font-size:0.92em;
     padding-bottom:0.5em;
     width:21em;

}
.gmap_contentBox h1{
font-size:1em;
line-height:1.3em;
margin:0;
padding:0 0 0;
text-align:left;
}
.gmap_contentBox h2{
	font-size:1.1em;
	text-align:left;
        line-height: 1.3em;
        padding-top: 0.25em;
        margin: 0;
}

.gmap_contenttext{
	clear:both;
font-size:0.8em;
line-height:1.5em;
}

.markerbild{
	float:left;
        margin-right:0.75em;
        margin-bottom:0.5em;
        border: 1px;
        border-style: solid;
        border-color: #A0C34F;
}

#Kartendarstellung{
        float:left;
        margin-top: 2em;
        margin-bottom: 1em;
	background-color: #FFFFFF;
        background-image: url(/_google_api3/lademeldung.gif);
        background-position: top center;
	background-repeat: no-repeat;
        border: 1px;
        border-style: solid;
        border-color: #CACACA;
        overflow:hidden;
}

#map{
  background-color: #FFFFFF;
  background-image: url(/_google_api3/lademeldung.gif);
  background-position: top center;
  background-repeat: no-repeat;
  border: 0.1em solid #ccc;
}


a.gmap_detailbutton{
     background-color:#626060;
     border-color:#FFFFFF;
     border-style:solid;
     border-width:0.2em 0 0;
     bottom:0;
     color:#FFFFFF;
     display:block;
     float:left;
     font-size:0.8em;
     height:100%;
     margin-bottom:0.3em;
     margin-top:0.3em;
     padding-bottom:0.2em;
     padding-top:0.2em;
     right:0;
     text-align:center;
     text-decoration:none;
     width:30%;
}