/**
 *	Autor:			rivus-media.de, Christoph Bach
 *	Version:		0.4.5
 *	letztes Update:	2009-12-15
 *
 *	@colorscheme
 *	#00559f - Corporate-Blau (dunkel)
 * 
 */


/**
 *  Browser-Reset
 */

*    { margin: 0; padding: 0; border: 0; }
body { line-height: 1 }


/**
 * Elemente
 */
 
html, body { height: 100%;}

input, textarea {
	background: url(../images/layout/bg-input.png) 0 0 no-repeat;
}

input.submit {
	background-image: none;
}


/**
 * Klassen
 */

.clr:after, .team:after, .partner:after, div.ce_pagination_pagebar:after { clear: both; display: block; height: 0; content: "."; visibility: hidden;}
.clr, .team, .partner, div.ce_pagination_pagebar { zoom: 1; /* triggers hasLayout */ }

.clear { clear: both }

.margin-top    { margin-top:    15px; }
.margin-bottom { margin-bottom: 15px; }

.hidden,
.invisible { display: none !important; }
.hover     { cursor: pointer; }

.vcard {
	padding-left: 23px;
	background: url(../images/icons/vcard.png) 0 50% no-repeat;
}

.liste {}
.more {}


/**
 * Spalten-System
 * Spaltensets
 */

.c25l, .c25r,
.c33l, .c33r,
.c50l, .c50r,
.c66l, .c33r,
.c33l, .c66r  {
    float: left;
}

.c25l { width: 167px }
.c25r { width: 169px }
.c33l, .c33r { width: 230px }
.c50l, .c50r { width: 48% }
.c66l, .c66r { width: 480px }
.c25l, .c50l, .c33l, .c66l { margin-right: 2% }


/**
 * Typografie
 */

body {
	font: 100.01%/130% Arial, Verdana, sans-serif;
}

#content {
	font-size: 87.5%;
	line-height: 130%;
}

h1, h2, h3, h4, h5, h6 {
	color: #00559f;
}

h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
}

a,
a:visited { color: #00559f; }
a:hover   { color: #50a5df; }
a:active  { color: #3085bf; }


/**
 * Layout
 */

#site {
	width: 990px;
	margin: 0 auto;
	background: #f8f8f8;
}

#header {
	position: relative;
	height: 196px;
	/* margin: 0 0 35px; */
	background: url(../images/layout/bg-header.jpg) no-repeat;
}

	#header h1 {
		position: relative;
		width: 200px;
		/* border: 1px dotted red; */
		top: 15px;
		left: 35px;
	}
	
	#header h1 a {
		display: block;
		width: 189px;
		height: 0;
		padding-top: 130px;
		overflow: hidden;
		background: url(../images/layout/bg-logo_.png) no-repeat;
	}
	
	#zertifizierung {
	   position: absolute;
	   width: 499px;
	   height: 95px;
	   right: 0;
	   top: 47px;
	   background: url(../images/layout/bg-header-zertifizierung.jpg) no-repeat;
	}
	
	#zertifizierung p {
        position: absolute;
        width: 105px;
        top: 37px;
        left: 10px;
        font-size: 90%;
        line-height: 120%;
        text-align: right;
	}
	
	#zertifizierung ul {
        margin: 10px 0 0 140px;
	}
	
	#zertifizierung li,
    #zertifizierung li a {
	   display: block;
	   float: left;
	}
	
	#zertifizierung li {
	   margin-right: 8px;
	   float: left;

	}
	
    #zertifizierung li a {
	   width: 76px;
	   height: 75px;
	}
	
	#zertifizierung li a   { background: url(../images/layout/bg-header-zertifizierung.jpg) -9999px -9999px no-repeat; }
	#zertifizierung li.zertifikat_dekra a:hover { background-position: -140px -105px }
	#zertifizierung li.zertifikat_tuev a:hover  { background-position: -224px -105px }
	#zertifizierung li.zertifikat_vds a:hover   { background-position: -308px -105px }
	#zertifizierung li.zertifikat_vds a { width: 130px }
	
	#header p {
		position: absolute;
		bottom: 33px;
		margin: 0 0 0 15px;
		color: #00559f;
	}

#aside {
	float: left;
	width: 200px;
	margin: 0 25px 0 0;
	padding: 30px 0;
	background: #f0f0f0;
}

#subnav {
	font-size: 75%;
}
	
	#subnav ul {
		list-style: none;
		border-top: 1px solid #919191;
	}
	
	#subnav ul li {
		/* height: 36px; */
		
		/* padding: 1px 5px 0; */
		padding: 5px;
		border-bottom: 1px solid #919191
	}
	
	
	#subnav li {
		min-height: 30px;
		height: auto !important;
		height: 30px;
	}
	
	#subnav ul a {
		display: block;
		min-height: 20px;
		height: auto !important;
		height: 20px;
		color: #252525;
		text-decoration: none;
		line-height: 15px;
	}
	
	#subnav ul a:hover {
		color: #353535;
	}
	
	p.archiveLink {
	   width: 178px;
	   margin: 0 auto;
	   font-size: 80%;
	}

	p.archiveLink a {
        display: block;
        background: #ddd;
        border: 1px solid #b6b6b6;
        text-align: center;
        text-decoration: none;
        color: #111;
	}

	p.archiveLink a:hover {
        background: #ccc;
        color: #555;
	}

#content {
	float: left;
	width: 745px;
	padding-top: 30px;
	/* background: #f4f4f4; */
}

	#content h1,
	#content p  {
		margin: 0 0 0.5em;
	}
	
	#content h2 {
		margin: 1em 0 0.5em;
	}
	
	#content h3 {
		margin: 1em 0 0.2em 0;
	}

	#content ul {
		margin: 0 0 10px 15px;
	}

	#content li {
		margin-bottom: 0.2em;
	}
	
	#content .artikelnav ul {
		margin-left: 0;
	}
	
	#content .artikelnav li {
		float: left;
		display: block;
		width: 20%;
		margin: 0 15px 0 0;
	}
	
	#content .artikelnav li a {
		/* display: block; */
	}
	
	/**
	 * Content-Anpassung
	 */
	
	.p-12 #content {
		width: 765px;
	}

#footer {
	background: #ddd;
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid #c5c5c5;
	font-size: 80%;
	color: #333;
}

	#footer p {
		margin: 0 10px;
	}
	
	#footer ul {
		margin: 0 10px;
		list-style: none;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer .liLeft {
	   float: left;
	}

	#footer .liRight {
		float: right;
	}


/**
 * Navigation
 *
 * @section nav
 */

#nav {
	position: relative;
	width: 990px;
	height: 28px;
	padding-top: 33px;
	/* background: url(../images/layout/bg-nav.png) repeat-x; */
}

#nav ul {
	background: #9a9a9a url(../images/layout/bg-nav.png) repeat-x;
	border: 1px solid #999;
	border-color: #777 #999 #444;
	list-style: none;
}

#nav li {
	display: block;
	float: left;
	/* padding: 0 15px; */
	/* background: #666; */
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #9f9f9f;
}

#nav li a,
#nav span.active {
	display: block;
	padding: 0 13px;
	/* height: 28px; */
	line-height: 28px;
	background: #888;
	background: url(../images/layout/bg-nav.png) repeat-x;
	text-decoration: none;
	color: #f8f8f8;
}

#nav li a:visited { background-position: 0      0; }
#nav li a:hover   { background-position: 0  -45px; background: #aaa; color: #fefefe; }
#nav li a:active  { background-position: 0  -90px; color: #e7e7e7; }

#nav span.active  {	background-position: 0 -135px; color: #fdfdfd; }

#nav li.homelink a:hover {
	border-left: 0;
	margin-left: 0;
}


/**
 * Submenu level 1
 *
 * @subsection submenu ul
 *
 */

#nav .submenu ul {
	position: absolute;
	z-index: 9999;
	left: -9999px;
	margin-left: -1px;
	/* display: none; */
	background-image: none;
	/* zoom: 1; */
	font-size: 85%;
	border-top: 1px solid #444;
}

#nav li:hover ul, #nav li.over ul {
	left: auto;
	/* zoom: 1 */
}

#nav .submenu ul li {
	display: block;
	position: static;
	float: none;
	border: 0;
	border-bottom: 1px solid #7b7b7b;
}

#nav .submenu ul li a {
	background-image: none;
	line-height: 25px;
	padding: 0 10px;
}

/*
#nav .submenu ul li a:hover {
	background: #afafaf;
}
*/
#nav .submenu ul li span.active {
	display: block;
	float: none;
	/*height: 25px;*/
	/*margin-left: 0;*/
	padding: 0 10px;
	line-height: 25px;
	border: 0;
	color: #fdfdfd;
	background: #aaa;
}


/**
 * Submenu level 2
 *
 * @section submenu ul ul
 *
 */

/*
#nav .submenu ul ul {
	position: absolute;
	left: -9999px;
	margin: -25px 0 0 88px;
}

#nav .submenu li:hover ul, #nav .submenu li:over ul {
	left: auto;
}

#nav .submenu ul ul li {
	float: none;
}

#nav .submenu ul ul li a {
	display: block;
	width: 350px;
}
*/


/**
 * Submenue "Leistungen"
 *
 * @subsection leistungen
 *
 */

#nav li.leistungen {}

#nav li.leistungen ul {
	width: 700px;
	height: 338px;
}

#nav li.leistungen ul li {
	float: left;
	width: 350px;
	margin-right: 0px;
	/* border-bottom: 1px solid #7b7b7b; */
}

#nav li.leistungen ul li a {
	padding: 0 10px;
}


/**
 * Aside Stuff
 *
 * @section aside
 */

/**
 * Suche
 *
 * @subsection f1
 */

#aside #f1,
#aside #f10 {
	/* width: 180px; */
	margin: 0 auto 15px;
	padding: 0 0 15px;
}

#aside #f1 .formbody,
#aside #f10 .formbody {
	width: 180px;
	margin: 0 auto;
}

#aside #f1 .formbody label,
#aside #f10 .formbody label {
	position: absolute;
	left: -9999px;
}

#aside #f1 input,
#aside #f10 input {
	float: left;
	display: block;
}

#aside #f1 input#ctrl_1,
#aside #f10 input#ctrl_32 {
	width: 140px;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 5px 4px 3px;
	line-height: 15px;
	border: 1px solid #8fa0b0;
	color: #aaa;
}

#aside #f1 input#ctrl_1_submit,
#aside #f10 input#ctrl_32_submit {
	padding: 0 3px 2px 4px;
	border: 1px solid #8fa0b0;
	font-size: 100%;
	font-weight: bold;
	color: #444;
}


/**
 * Subnav
 *
 * @subsection subnav
 */

#subnav li span.active {
	float: none;
	height: auto ;
	padding: 0;
	line-height: normal;
	background: none;
	border: 0;
	color: #464646;
}

/* #aside li              { background: url(../images/layout/bg-spr-farbnav8bit.png) repeat-x; } */
#aside li              { background: url(../images/layout/bg-spr-farbnav.png) repeat-x; }
#aside li.rot          { background-color: #e01020; background-position: 0  -886px; }
#aside li.blau         { background-color: #30a0d0; background-position: 0  -952px; }
#aside li.gruen        { background-color: #a0c010; background-position: 0 -1018px; }
#aside li.orange       { background-color: #ff9000; background-position: 0 -1086px; }
#aside li.gelb         { background-color: #ffed00; background-position: 0 -1152px; }
#aside li.grau         { background-color: #a1a1a1; background-position: 0 -1218px; }
#aside li.dunkelblau   { background-color: #255ca4; background-position: 0 -1286px; }


/**
 * Newsliste
 *
 * @subsection mod_newslist
 */

div.mod_newslist {
	width: 180px;
	margin: 0 auto;
	padding: 0 0 5px;
	border-top: 1px solid #777;
	/* border-width: 1px 0; */
	font-size: 80%;
}

div.mod_newslist p.date {
	border-bottom: 1px dotted #b6b6b6;
	padding: 4px 5px 2px;
	background: #ddd;
	line-height: 100%;
	font-size: 95%;
}

div.mod_newslist p.more {
	border: 1px dotted #b6b6b6;
	border-width: 1px 0;
}

div.mod_newslist h2 {
	font-size: 100%;
}

#aside div.layout_latest {
	margin-bottom: 20px;
}

/**
 * Startseite
 */

/**
 * Themenboxen
 *
 * section themenbox
 */

div.themenbox {
	float: left;
	z-index: 9;
	width: 124px;
	height: 90px;
	padding: 12px;
	margin: 0 3px 6px 0;
	/* background: url(../images/layout/bg-spr-farbnav8bit.png) 0 0 no-repeat; */
	background: url(../images/layout/bg-spr-farbnav.png) 0 0 no-repeat;
	color: #3c3c3c;
	font-size: 10px;
	line-height: 12px;
    overflow: visible !important;
}

div.themenbox:hover {
    height: 140px;
    position:relative;
    width: 190px;
    padding: 18px;
    margin: -31px -39px -31px -36px;
    font-size: 14px;
    line-height:17px;
}

#startseite .rot
.p-125 .rot          { background-position:      0      0; }

#startseite .blau,
.p-125 .blau         { background-position:      0 -126px; }

#startseite .gruen,
.p-125 .gruen        { background-position:      0 -252px; }

#startseite .orange,
.p-125 .orange       { background-position:      0 -378px; }

#startseite .gelb,
.p-125 .gelb         { background-position:      0 -504px; }

#startseite .grau,
.p-125 .grau         { background-position:      0 -630px; }

#startseite .dunkelblau,
.p-125 .dunkelblau   { background-position:      0 -756px;}


#startseite .rot:hover,
#startseite .rot.hover,
.p-125 .rot:hover,
.p-125 .rot.hover    { background-position: -339px -2px   ; }

#startseite .blau:hover,
#startseite .blau.hover,
.p-125 .blau:hover,
.p-125 .blau.hover { background-position: -339px -183px ; }

#startseite .gruen:hover,
#startseite .gruen.hover,
.p-125 .gruen:hover,
.p-125 .gruen.hover  { background-position: -339px -363px ; }

#startseite .orange:hover,
#startseite .orange.hover,
.p-125 .orange:hover,
.p-125 .orange.hover { background-position: -569px -2px ; }

#startseite .gelb:hover,
#startseite .gelb.hover,
.p-125 .gelb:hover,
.p-125 .gelb.hover   { background-position: -569px -183px ; }


#startseite .grau:hover,
#startseite .grau.hover,
.p-125 .grau:hover,
.p-125 .grau.hover   { background-position: -569px -363px ; }


#startseite .dunkelblau:hover,
#startseite .dunkelblau.hover,
.p-125 .dunkelblau:hover,
.p-125 .dunkelblau.hover   { background-position: -339px -543px; }

#content .themenbox h2,
#content .themenbox p {
	color: #111;
}

#content .themenbox h2 {
	min-height: 25px;
	height: auto !important;
	height: 25px;
	margin: 0 0 4px;
	font-size: 10px;
	border-bottom: 1px solid #3c3c3c;
}

#content .themenbox p {
	margin: 0 0 0.1em;
	min-height: 48px;
	height: 48px;
	height: auto !important;
}

#content .themenbox p.more {
	min-height: 0;
	height: auto;
} 

#content .themenbox a {
	z-index: 99;
	display: block;
	width: 124px;
	bottom: 7px;
	padding-top: 2px;	
	text-align: right;
	color: #222;
}

#startseite .hover p a {
	color: #444 !important;
}

#content .themenbox:hover a,
#content .hover a {
    width: 190px;
}

#content .themenbox:hover h2,
#content .hover h2 {
    font-size: 16px;
    line-height: 22px;
}

p.toggler {
	width: 200px;
	height: 20px;
	display: block;
	clear: both;
}

p.toggler a:hover {
	cursor: pointer !important;
}

div.toggleContent {
	width: 765px;
	clear: both;
		overflow: visible !important
}

#startseite .mod_article {
	width: 765px;
}

/**
 * Kompetenzteam
 *
 * section teamkreis
 */

#teamkreis {
    position: relative;
    height: 560px;
/*     background: rgba(100,100,100,0.5); */
    background: url(../images/layout/bg-teamkreis.jpg) no-repeat;
}

#teamkreis .teamBox {
    position: absolute;
    width: 200px;
    padding: 0 0 0 5px;
    border-left: 1px solid #cdd0cf;
/*     background: rgba(140,140,140,0.5); */
}

#teamkreis .teamBox h3 {
    margin: 0;
    font-size: 85%;
    line-height: 130%;
}

#teamkreis .teamBox p {
    margin: 0 0 3px;
    font-size: 80%;
    line-height: 100%;
}

#teamkreis .teamBox ul {
        margin: 0 0 0 15px;
}

#teamkreis .teamBox ul li {
    position: relative;
    margin: 0;
    font-size: 70%;
    line-height: 140%;
}

#teamkreis .teamBox li sup {
    position: relative;
    bottom: 1ex;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
}

/** Positionierung */

#teamkreis #teamBox01 { top: 238px; left:  24px; }
#teamkreis #teamBox02 { top: 120px; left:  26px; }
#teamkreis #teamBox03 { top:  21px; left: 110px; width: 290px; }
#teamkreis #teamBox04 { top:  21px; left: 432px; width: 275px; }
#teamkreis #teamBox05 { top: 120px; left: 516px; width: 220px; }
#teamkreis #teamBox06 { top: 238px; left: 516px; }
#teamkreis #teamBox07 { top: 269px; left: 277px; width: 255px; }
#teamkreis #teamBox08 { top: 150px; left: 278px; }

#teamkreis #teamBox07 li {
    line-height: 160%;
}

/**
 * Inhaltsbilder
 */

.ce_text img {
    margin: 0 0 15px 0;
}


/**
 * spezielle Content-Elemente
 */

/**
 * Liste Startseite
 */

#content .listfront {
	display: block;
	width: 750px;
	padding: 0;
	margin: 0 0 15px;
	list-style: none;
}

#content .listfront li {
    display: block;
    float: left;
    width: 360px;
    line-height: 30px;
    text-align: center;
    /* font-size: 90%; */
}

#content .listfront li a {
    display: block;
    margin: 0 13px 13px 0;
    background: #ddd;
    border: 1px solid #bbb;
    text-align: center;
    text-decoration: none;
    color: #111;
}

#content .listfront li a:hover {
    background: #ccc;
    color: #555;
}

 
/* Team */

.team {
	width: 740px;
	border-bottom: 1px dotted #00559f;
	padding: 25px 0 30px;
}

	.adresse,
	.vita,
	.foto {
		float: left;
		padding-top: 5px;
	}
	
	.adresse,
	.vita {
	}

	.adresse {
		width: 190px;
		margin-left: 5px;
		padding-right: 10px;
		/*border-right: 1px solid #ddd;*/
	}
	
	.vita {
		width: 342px;
		margin-top: 18px;
		/* margin-left: -1px; */
		margin-right: 20px;
		padding-left: 15px;
		/*border-left: 1px solid #ddd;*/
	}
	
	.foto {}
	
	.foto img {
		max-width: 152px;
		border: 1px solid #222;
	}


/* Partner */

.partner {
	width: 740px;
	border-bottom: 1px dotted #00559f;
	padding: 25px 0 30px;
}

	.info,
	.beschreibung,
	.bild {
		float: left;
		padding-top: 5px;
	}

	.info {
		width: 190px;
		margin-left: 5px;
		padding-right: 10px;
		/*border-right: 1px solid #ddd;*/
	}
	
	.beschreibung {
		 width: 110px;
		margin-top: 18px;
		/* margin-left: -1px; */
		margin-right: 20px;
		padding-left: 15px;
		/*border-left: 1px solid #ddd;*/
	}
	
	.bild {
		width: 382px;
	}
	
	.bild img {
		/* max-width: 152px; */
		border: 1px solid #222;
	}


/**
 * Bilder
 */

.image_container {

}

.ce_text .float_left {
    margin: 0 20px 10px 0;
}

.ce_text .float_right {
    margin: 0 0 10px 20px;
}

/**
 * Bildergalerien
 */

div.ce_gallery table {
	width: 100%;
	margin: 0 auto;
}

div.ce_gallery img {
	display: block;
	margin: 0 auto;
	border: 1px solid #222;
}

.ce_image div.image_container {
    float: none;
    padding: 3px;
}




/**
 * Formulare
 *
 * @section forms
 *
 */

#f4, #f9 {
	width: 720px;
}

#f4 input,
#f4 textarea,
#f9 input,
#f9 textarea,
div.mod_login input,
div.mod_search input {
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #00559f;
}

#f4 label,
#f4 input.text,
#f4 textarea,
#f9 label,
#f9 input.text,
#f9 textarea,
div.mod_login label,
div.mod_login input.text {
	display: block;
	float: left;
	margin-bottom: 8px;
}

#f4 input.text,
#f4 textarea,
#f9 input.text,
#f9 textarea,
div.mod_login input.text,
div.mod_search input {
	width: 330px;
	padding: 6px 5px 3px;
}

#f4 input.captcha,
#f9 input.captcha {
    width: 97px;
	padding: 6px 5px 3px;
}

#f4 label,
#f9 label,
div.mod_login label {
	width: 80px;
	margin-right: 20px;
	padding: 4px 0 3px;
	text-align: right;
}

#f4 input.submit,
#f9 input.submit,
div.mod_login input.submit,
div.mod_search input.submit {
	margin-left: 100px;
	margin-top: 15px;
	padding: 6px 20px 6px;
	border-color: #999;
	color: #00559f;
}

#f4 input.submit:hover,
#f9 input.submit:hover,
div.mod_login input.submit:hover {
	cursor: pointer;
	background: #e5e5e5;
	border-color: #555;
}

#f4 input.submit:active,
#f9 input.submit:active,
div.mod_login input.submit:active {
	/* margin-top: 16px; */
}

#f4 br,
#f9 br,
div.mod_login br {
	clear: both;
}


/**
 * Zusatz-Styles Formulare
 *
 * @section form
 *
 */
 
/**
 * @subsection login
 */

div.mod_login {
	margin-top: 15px;
}

div.mod_login input.text {
	width: 150px;
}

div.mod_login input.submit {
	margin-left: 120px;
}

div.mod_login label {
	width: 100px;
}


/**
 * @subsection logout
 */

div.logout {
	padding-bottom: 0.2em;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed;
}

div.logout input.submit {
	margin: 0;
	background: none;
	border: 0;
	padding: 0;
}

div.logout input.submit:hover {
	margin: 0;
	background: none;
	border-bottom: 1px solid;
}

h3 span.relevance {
font-size: 70%;
}

/**
 * @subsection search
 */

div.mod_search p.header {
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	border-bottom: 1px dashed;
}

div.mod_search form {
	margin-bottom: 0.5em;
}

div.mod_search input.text {
	width: 250px;
}

div.mod_search input.submit {
	width: 100px;
	margin: 0;
	padding: 5px 3px 2px
}

/**
 * Newsreader
 */

div.mod_newsreader p.date {
	border-bottom: 1px dotted #b6b6b6;
	padding: 4px 5px 2px;
	background: #ddd;
	line-height: 100%;
	font-size: 95%;
}

/**
 * Newsarchiv
 */

.mod_newsarchive h2 {
    padding: 0 0 10px;
    border-bottom: 1px solid #b5b5b5;
}

.mod_newsarchive .layout_short {
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #b5b5b5;
}

.mod_newsarchive .archiveCol-01,
.mod_newsarchive .archiveCol-02 {
    float: left;
}

.mod_newsarchive .archiveCol-01 {
    width: 130px;
    font-weight: bold;
}

.mod_newsarchive .archiveCol-01 p.info {
    padding-top: 0;
}

.mod_newsarchive .archiveCol-02 {
    width: 405px;
}

#content .mod_newsarchive .archiveCol-02 h3 {
    margin-top: 0;
    font-size: 100%;
}

.archiveYearList {
    display: block;
    margin: 0 0 20px !important;
    padding: 5px 0 10px;
    border-bottom: 1px dotted;
    list-style: none;
}

.archiveYearList li {
    display: block;
    float: left;
    margin: 0 10px 0 0 !important;
    background: #ddd;
    border: 1px solid #b6b6b6;
    text-align: center;
    text-decoration: none;
    color: #111;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.archiveYearList li.active,
.archiveYearList li.archiveLink a {
    display: block;
    padding: 2px 10px;
}

.archiveYearList li.archiveLink a:hover {
    background: #ccc;
}


/**
 * Pagination
 */

div.ce_pagination_pagebar {
	border-bottom: 1px dotted;
	margin-bottom: 15px;
}

div.ce_pagination_pagebar p {
	float: left;
	width: 7em;
	margin-right: 25px;
	line-height: 24px;
	border-right: 1px solid;
}

div.ce_pagination_pagebar ul {
	float: left;
	list-style: none;
}

div.ce_pagination_pagebar li {
	float: left;
}

div.ce_pagination_pagebar li a,
div.ce_pagination_pagebar li span.current {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	line-height: 22px;
	border: 1px solid #ccc;
	text-decoration: none;
}

div.ce_pagination_pagebar li a:hover {
	background: #f5f5f5;
	border: 1px solid #b0b0b0;
}

div.ce_pagination_pagebar li a.first,
div.ce_pagination_pagebar li a.last {
	display: none;
}

/**
 * Google Maps
 */

table.all_records tr.even {
	background: #f0f0f0;
}

table.all_records td {
	padding: 3px 6px;
	border-bottom: 1px solid #d8d8d8;
}

table.all_records td.col_0 {
	border-right: 1px dotted #d8d8d8;
}

.memberlistmap {
	margin-right: 25px;
	border: 1px solid #00559f;
}

.p-62 .memberlistmap,
.p-105 .memberlistmap {
	width: 440px;
}

.p-62 .memberlistmap,
.p-62 table.all_records,
.p-105 .memberlistmap,
.p-105 table.all_records {
	float: left;
}

.p-105 table.all_records {
	/* margin-top: 15px; */
}

.p-62 table.all_records td.col_0,
.p-105 table.all_records td.col_0 {
	padding-right: 10px;
}

table.all_records thead,
.p-62 table.all_records td.col_2,
.p-62 table.all_records td.col_3,
.p-62 table.all_records td.col_3,
.p-105 table.all_records td.col_2,
.p-105 table.all_records td.col_3,
.p-105 table.all_records td.col_5 {
	display: none;
}

.memberlistmap .gmnoprint h2 {
	margin: 0 0 0.5em !important;
	font-size: 100%;
}

#pager {
	float: left;
	width: 255px;
	margin: 5px 0 0;
}

#pager form {
	width: 150px;
	margin: 0 auto;
}

#pager img {
	padding: 0 2px;
	vertical-align: bottom;
}

#pager input.pagedisplay {
	width: 50px;
	padding: 2px;
}


/**
 * @subsection Kundenkarte
 */

body.p-4 table.all_records {
	display: none;
}


/**
 * Fancybox
 *
 * Compressed. Aendert sich nicht!
 */
 
div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30}* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px')}div#fancy_wrap{text-align:left}div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100}div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(../images/fancybox/fancy_progress.png) no-repeat}
div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30}div#fancy_loading_icon{position:absolute;background:url(../images/fancybox/fancy_loading.gif) no-repeat;z-index:35;width:16px;height:16px}div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:transparent;display:none;margin:0;padding:18px 18px 33px}div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF}div#fancy_content{z-index:100;position:absolute;margin:0}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100}img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:100;width:100%;height:100%;margin:0;padding:0}div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../images/fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:181;display:none}#fancy_frame{position:relative;width:100%;height:100%;display:none}#fancy_ajax{width:100%;height:100%;overflow:auto}
a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none}a#fancy_left{left:0}a#fancy_right{right:0}span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block}span#fancy_left_ico{left:-9999px;background:transparent url(../images/fancybox/fancy_left.png) no-repeat}
span#fancy_right_ico{right:-9999px;background:transparent url(../images/fancybox/fancy_right.png) no-repeat}a#fancy_left:hover,a#fancy_right:hover{visibility:visible}a#fancy_left:hover span{left:20px}a#fancy_right:hover span{right:20px}.fancy_bigiframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}
div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;margin:0;padding:0}div.fancy_bg{position:absolute;display:block;z-index:70;border:0;margin:0;padding:0}div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x}div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat}div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat}div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x}div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat}div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y}div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat}
div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none}div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px}div#fancy_title table{margin:0 auto}div#fancy_title table td{vertical-align:middle;padding:0}td#fancy_title_left{height:32px;width:15px;background:transparent url(../images/fancybox/fancy_title_left.png) repeat-x}
td#fancy_title_main{height:32px;background:transparent url(../images/fancybox/fancy_title_main.png) repeat-x}td#fancy_title_right{height:32px;width:15px;background:transparent url(../images/fancybox/fancy_title_right.png) repeat-x}



/**
 * Bugfixing (what else)
 *
 * @affected  lte ie7 
 *
 */

.ie7 #nav li.leistungen ul {
	z-index: 99999;
	/* width: 700px; */
}

/*
.ie7 #nav li.leistungen ul li {
	width: 350px;
}
*/
 
.ie7 #nav li:hover, #nav li.over {
	position: static; /* lol, stupid */
}

.ie7 #subnav ul a {
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

.ie7 #content .listfront li {
	padding-bottom: 3px;
}

.ie7 div.toggleContent {
	margin-bottom: 6px;
}

.ie6 .hover {
	/* FU!!! */
	background: none;
}

.ie6 #zertifizierung li.zertifikat_dekra a:hover { background-position: -140px -95px }
.ie6 #zertifizierung li.zertifikat_tuev a:hover  { background-position: -224px -95px }
.ie6 #zertifizierung li.zertifikat_vds a:hover   { background-position: -308px -95px }

/**
 * Bugfixing
 *
 * @affected  ie8
 *
 */

/* nothing ... yet */


/**
 * Progressive Enhancement - CSS3 und so
 *
 * @section uber styles for cool browsers
 *
 */

.listfront li a,
p.archiveLink a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/**
 * le fin.
 */