@charset "UTF-8";
/* ***************************************************************************************** */

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2008, Piccobello - Media & Corporate */

/* ***************************************************************************************** */

/* 	**********************************************************************
	STYLE RESET
	********************************************************************** */
@import url(reset.css);

@media all
{

/* 	**********************************************************************
	BODY
	********************************************************************** */	
body { background: #ffffff; color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 100%; }
* html body { font-size: 0.75em; }


/* 	**********************************************************************
	LAYOUT
	********************************************************************** */	
#wrapper { position: relative; width: auto; margin: 0px auto 0px auto; }

* html #header { height: 1px; }
#header { position: relative; margin-right:auto; margin-left:auto; width: 924px; padding-top: 160px; z-index: 10; }

.headerimg { position: relative; margin-bottom: 18px; z-index: 5; width: 736px; height: 109px; border: 1px solid #e5e5e5; }
.headerimggross { position: relative; margin-bottom: 18px; z-index: 5; width: 922px; height: 109px; border: 1px solid #e5e5e5; }
#logo { position: absolute; top: 50px; left: 5px; z-index: 11; height: 48px; width: 218px; }
#illu { position: absolute; top: 17px; left: 256px; z-index: 11; height: 72px; width: 128px; }
#reddot { position: absolute; top: 17px; left: 793px; z-index: 1; height: 79px; width: 123px; }
#konfigurator { position: absolute; top: 119px; left: 789px; z-index: 21; height: 35px; width: 129px; }

#language { position: absolute; top: 25px; right: 6px; z-index: 9; text-align: right; font-size: 0.75em; }
#language a, #language a:link, #language a:visited { color: #a3a3a3; font-weight:normal; }
#language a:hover, #language a:focus, #language a:active { color: #7e7e7e; font-weight:normal; }

#service { position: absolute; top: 0px; right: 8px; z-index: 10; width: 50%; height: 20px; text-align: right; display: none; }


/* 	**********************************************************************
	HAUPTMENUE
	********************************************************************** */
#menu { position: absolute; top: 123px; z-index: 20; width: 924px; height: auto; float: left; background: transparent url(../img_style/nav_pic.gif); }
#menu ul { float: left; width: 100%; z-index: 21; background: transparent url(../img_style/nav_trenner.gif) top left no-repeat; }
#menu ul li { float: left; background: transparent url(../img_style/nav_trenner.gif) top right no-repeat; }

#menu ul a, #menu ul a:link,#menu ul a:visited { text-decoration: none; color: #888888; font-size: 1.0em; font-weight: bold; display: block; padding-left: 6px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; }
#menu ul a:hover, #menu ul a:focus, #menu ul a:active, #menu ul a:activated { text-decoration: none; color: #e5e5e5; font-size: 1.0em; font-weight: bold; padding-left: 6px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; background-color: #888888; }

#menu ul ul a, #menu ul ul a:link,#menu ul ul a:visited { text-decoration: none; color: #e5e5e5; font-size: 0.9em; font-weight: normal; display: block; background-color: #888888; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 0px;}
#menu ul ul a:hover, #menu ul ul a:active, #menu ul ul a:focus, #menu ul ul a.activated, 
.submenu ul ul a:hover, .submenu ul ul a:active, .submenu ul ul a:focus, .submenu ul ul a.activated { text-decoration: none; color: #555555; font-size: 0.9em; font-weight: normal; background-color: #e5e5e5; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 0px; }

#menu li, .submenu li { position: relative; display: block; float: left; margin-right: 0px; z-index:500; }
#menu ul ul, .submenu  ul ul { position: absolute; z-index: 1000; width: 140px; }

#menu ul ul li, .submenu ul ul li { width: 140px; z-index:1500; }
#menu ul ul ul, .submenu ul ul ul { position: absolute; top: 0; left: 100%;  z-index:1500;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul,
div.submenu ul ul, div.submenu ul li:hover ul ul, div.submenu ul ul li:hover ul ul { display: none; }
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul,
div.submenu ul li:hover ul, div.submenu ul ul li:hover ul, div.submenu ul ul ul li:hover ul {display: block;}


/* 	**********************************************************************
	EXTRAMENUE - AUSGEBLENDET
	********************************************************************** */
#extramenu { position: absolute; top: 125px; right: 8px; z-index: 10; width: 10%; float: right; display:none;}
#extramenu ul { float: right; }
#extramenu a, #extramenu a:link,#extramenu a:visited { font-size: 11px; line-height: 12px; text-decoration: none; font-weight: normal; display: block; padding-bottom: 12px; padding-left: 15px; padding-right: 15px; background: transparent url(../img_style/bg_trenner_menu.gif) top right no-repeat; }
#extramenu ul ul a, #extramenu ul ul a:link,#extramenu ul ul a:visited { font-size: 12px; display: block; text-decoration: none; font-weight: normal; line-height: 1.5em; padding-bottom: 2px; padding-left: 26px; padding-right: 0px; background: transparent url(../img_style/icon_submenu.gif) 14px 4px no-repeat; }
#extramenu a:hover, #extramenu a:active, #extramenu a:focus, #extramenu a.activated { text-decoration: none; color: #000; }
#extramenu li { position: relative; display: block; float: left; margin-right: 0px; }
#extramenu a.lastchild { background: none; } 


/* BUCH KONFIGURATOR */
a.konfigbutton { display: block; width: 129px; height: 35px; }
a.konfigbutton.de_general { background-image: url(../img_style/de_btn_konfigurator.gif); background-position: 0px 0px; }
a.konfigbutton.en_general { background-image: url(../img_style/en_btn_konfigurator.gif); background-position: 0px 0px; }
a:hover.konfigbutton, a:active.konfigbutton, a:focus.konfigbutton { background-position: -129px 0px; }
a.konfigbutton span { display: none; }


/* SPEZIFIKATION FÜR KONFI-BILD STARTSEITE */
#konfitext {width: 174px; height: auto; position: absolute; z-index: 21; top: 9px; left: 9px; }
#gobutt {width: auto; height: 22px; position: absolute; z-index: 21; top: 239px; left: 402px; }
a.gobutton.de_general { display: block; width: 142px; height: 22px; background-image: url(../img_style/de_button_buchkonfineu.gif); background-position: 0px 0px; }
a.gobutton.en_general { display: block; width: 142px; height: 22px; background-image: url(../img_style/en_button_buchkonfineu.gif); background-position: 0px 0px; }
a:hover.gobutton, a:active.gobutton, a:focus.gobutton { background-position: -142px 0px; }


/* SPEZIFIKATION FÜR KACHELBILD EDITIONEN */
/*
#kacheltext {width: 140px; height: auto; position: absolute; z-index: 21; top: 320px; left: 20px; }
#kacheltext p {color:#FFFFFF; text-align:center; line-height:1.4em; }
#kachelbutton {width: auto; height: 23px; position: absolute; z-index: 21; top: 368px; left: 38px; }
a.kachelbutton.de_general { display: block; width: 105px; height: 23px; background-image: url(../img_style/de_button_kachel_neu.gif); background-position: 0px 0px; }
a.kachelbutton.en_general { display: block; width: 105px; height: 23px; background-image: url(../img_style/en_button_kachel_neu.gif); background-position: 0px 0px; }
a:hover.kachelbutton, a:active.kachelbutton, a:focus.kachelbutton { background-position: -105px 0px; }
*/

/* SPEZIFIKATION FÜR KACHELBILD EDITIONEN NEU */
#kacheltext {width: 140px; height: auto; position: absolute; z-index: 21; top: 320px; left: 20px; }
#kacheltext p {color:#FFFFFF; text-align:center; line-height:1.4em; }
#kachelbutton {width: auto; height: 23px; position: absolute; z-index: 21; top: 368px; left: 37px; }
a.kachelbutton.de_general { display: block; width: 106px; height: 23px; background-image: url(../img_style/de_button_kachel2.gif); background-position: 0px 0px; }
a.kachelbutton.en_general { display: block; width: 106px; height: 23px; background-image: url(../img_style/en_button_kachel2.gif); background-position: 0px 0px; }
a:hover.kachelbutton, a:active.kachelbutton, a:focus.kachelbutton { background-position: -106px 0px; }

/* SPEZIFIKATION FÜR KACHELBILD EDITIONEN NEU - AN ANDERER STELLE*/
#kachelbutton_neu {width: auto; height: 23px; position: absolute; z-index: 21; top: 541px; left: 223px; }


/* BUTTON SEND */


/* 	**********************************************************************
	UNTERNAVI UEBER UNS
	********************************************************************** */
.colnavigation { position: absolute; top: 90px; left: 8px; z-index: 22; height: 20px; width: 729px; }
.colnavigation ul li { position: relative; display: block; float: left; margin-right: 0px;}


a.navibutton4.de_top { display: block; width: 71px; height: 20px; background: transparent url(../img_style/de_navi_uebersicht4_dunkel.gif) 0px 0px no-repeat; }

a.navibutton5.de_under { display: block; width: 60px; height: 20px; background: transparent url(../img_style/de_navi_qualitaet5_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton5.de_under, a:focus.navibutton5.de_under 
{ display: block; width: 60px; height: 20px; background: transparent url(../img_style/de_navi_qualitaet5_hover.gif) 0px 0px no-repeat; }

a.navibutton6.de_under { display: block; width: 69px; height: 20px; background: transparent url(../img_style/de_navi_team6_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton6.de_under, a:focus.navibutton6.de_under 
{ display: block; width: 69px; height: 20px; background: transparent url(../img_style/de_navi_team6_hover.gif) 0px 0px no-repeat; }


a.navibutton4a.de_under { display: block; width: 71px; height: 20px; background: transparent url(../img_style/de_navi_uebersicht4a_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton4a.de_under, a:focus.navibutton4a.de_under 
{ display: block; width: 71px; height: 20px; background: transparent url(../img_style/de_navi_uebersicht4a_hover.gif) 0px 0px no-repeat; }

a.navibutton5a.de_top { display: block; width: 60px; height: 20px; background: transparent url(../img_style/de_navi_qualitaet5a_dunkel.gif) 0px 0px no-repeat; }

a.navibutton6a.de_under { display: block; width: 69px; height: 20px; background: transparent url(../img_style/de_navi_team6a_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton6a.de_under, a:focus.navibutton6a.de_under 
{ display: block; width: 69px; height: 20px; background: transparent url(../img_style/de_navi_team6a_hover.gif) 0px 0px no-repeat; }


a.navibutton4b.de_under { display: block; width: 71px; height: 20px; background: transparent url(../img_style/de_navi_uebersicht4b_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton4b.de_under, a:focus.navibutton4b.de_under 
{ display: block; width: 71px; height: 20px; background: transparent url(../img_style/de_navi_ueber4b_hover.gif) 0px 0px no-repeat; }


a.navibutton5b.de_under { display: block; width: 60px; height: 20px; background: transparent url(../img_style/de_navi_qualitaet5b_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton5b.de_under, a:focus.navibutton5b.de_under 
{ display: block; width: 60px; height: 20px; background: transparent url(../img_style/de_navi_quali5b_hover.gif) 0px 0px no-repeat; }


a.navibutton6b.de_top { display: block; width: 69px; height: 20px; background: transparent url(../img_style/de_navi_team6b_dunkel.gif) 0px 0px no-repeat; }



a.navibutton4.en_top { display: block; width: 71px; height: 20px; background: transparent url(../img_style/en_navi_uebersicht4_dunkel.gif) 0px 0px no-repeat; }

a.navibutton5.en_under { display: block; width: 60px; height: 20px; background: transparent url(../img_style/en_navi_qualitaet5_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton5.en_general, a:focus.navibutton5.en_under 
{ display: block; width: 60px; height: 20px; background: transparent url(../img_style/en_navi_qualitaet5_hover.gif) 0px 0px no-repeat; }

a.navibutton6.en_under { display: block; width: 69px; height: 20px; background: transparent url(../img_style/en_navi_team6_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton6.en_under, a:focus.navibutton6.en_under 
{ display: block; width: 69px; height: 20px; background: transparent url(../img_style/en_navi_team6_hover.gif) 0px 0px no-repeat; }


a.navibutton4a.en_under { display: block; width: 71px; height: 20px; background: transparent url(../img_style/en_navi_uebersicht4a_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton4a.en_under, a:focus.navibutton2a.en_under 
{ display: block; width: 71px; height: 20px; background: transparent url(../img_style/en_navi_uebersicht4a_hover.gif) 0px 0px no-repeat; }

a.navibutton5a.en_top { display: block; width: 60px; height: 20px; background: transparent url(../img_style/en_navi_qualitaet5a_dunkel.gif) 0px 0px no-repeat; }

a.navibutton6a.en_under { display: block; width: 69px; height: 20px; background: transparent url(../img_style/en_navi_team6a_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton6a.en_under, a:focus.navibutton3a.en_under 
{ display: block; width: 69px; height: 20px; background: transparent url(../img_style/en_navi_team6a_hover.gif) 0px 0px no-repeat; }


a.navibutton4b.en_under { display: block; width: 71px; height: 20px; background: transparent url(../img_style/en_navi_uebersicht4b_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton4b.en_under, a:focus.navibutton2b.en_under 
{ display: block; width: 71px; height: 20px; background: transparent url(../img_style/en_navi_uebersicht4b_hover.gif) 0px 0px no-repeat; }

a.navibutton5b.en_under { display: block; width: 60px; height: 20px; background: transparent url(../img_style/en_navi_qualitaet5b_hell.gif) 0px 0px no-repeat; }
a:hover.navibutton5b.en_under, a:focus.navibutton2.en_under 
{ display: block; width: 60px; height: 20px; background: transparent url(../img_style/en_navi_qualitaet5b_hover.gif) 0px 0px no-repeat; }

a.navibutton6b.en_top { display: block; width: 69px; height: 20px; background: transparent url(../img_style/en_navi_team6b_dunkel.gif) 0px 0px no-repeat; }


/* 	**********************************************************************
	UNTERNAVI LEXIKON
	********************************************************************** */
.colnavi { position: absolute; top: 90px; left: 7px; z-index: 22; height: 20px; width: 730px; }
.colnavi ul li { position: relative; display: block; float: left; margin-right: 0px;}

a.navibutton1_top { display: block; width: 115px; height: 20px; background: transparent url(../img_style/de_navi_notizbuch1_dunkel.jpg) 0px 0px no-repeat; }

a.navibutton2_under { display: block; width: 129px; height: 20px; background: transparent url(../img_style/de_navi_buchbinderei1_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton2_under, a:focus.navibutton2_under 
{ display: block; width: 129px; height: 20px; background: transparent url(../img_style/de_navi_buchbinderei1_hover.jpg) 0px 0px no-repeat; }

a.navibutton3_under { display: block; width: 128px; height: 20px; background: transparent url(../img_style/de_navi_drucktechnik1_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton3_under, a:focus.navibutton3_under 
{ display: block; width: 128px; height: 20px; background: transparent url(../img_style/de_navi_drucktechnik1_hover.jpg) 0px 0px no-repeat; }


a.navibutton1a_under { display: block; width: 115px; height: 20px; background: transparent url(../img_style/de_navi_notizbuch2_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton1a_under, a:focus.navibutton1a_under 
{ display: block; width: 115px; height: 20px; background: transparent url(../img_style/de_navi_notizbuch2_hover.jpg) 0px 0px no-repeat; }

a.navibutton2a_top { display: block; width: 129px; height: 20px; background: transparent url(../img_style/de_navi_buchbinderei2_dunkel.jpg) 0px 0px no-repeat; }

a.navibutton3a_under { display: block; width: 128px; height: 20px; background: transparent url(../img_style/de_navi_drucktechnik2_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton3a_under, a:focus.navibutton3a_under 
{ display: block; width: 128px; height: 20px; background: transparent url(../img_style/de_navi_drucktechnik2_hover.jpg) 0px 0px no-repeat; }


a.navibutton1b_under { display: block; width: 115px; height: 20px; background: transparent url(../img_style/de_navi_notizbuch3_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton1b_under, a:focus.navibutton2b_under 
{ display: block; width: 115px; height: 20px; background: transparent url(../img_style/de_navi_notizbuch3_hover.jpg) 0px 0px no-repeat; }

a.navibutton2b_under { display: block; width: 129px; height: 20px; background: transparent url(../img_style/de_navi_buchbinderei3_hell.jpg) 0px 0px no-repeat; }
a:hover.navibutton2b_under, a:focus.navibutton2b_under 
{ display: block; width: 129px; height: 20px; background: transparent url(../img_style/de_navi_buchbinderei3_hover.jpg) 0px 0px no-repeat; }

a.navibutton3b_top { display: block; width: 128px; height: 20px; background: transparent url(../img_style/de_navi_drucktechnik3_dunkel.jpg) 0px 0px no-repeat; }


/* 	**********************************************************************
	RÄNDER
	********************************************************************** */
.randgross { float: left; width: 736px; height: 21px; z-index: 20; background: transparent url(../img_style/randback_kl.gif); }
.randklein { float: left; width: 178px; height: 21px; z-index: 20; background: transparent url(../img_style/randback_kl.gif); }
.randkleinrahmen { float: left; width: 178px; height: auto; z-index: 20; background-color: #f1f1f1; border:1px solid #e5e5e5; }
.randmittelrahmen { float: left; width: 178px; height: auto; z-index: 20; background-color: #f1f1f1; border:1px solid #e5e5e5; }


/* 	**********************************************************************
	SPALTENRASTER
	********************************************************************** */
.col15, .col25, .col35, .col45, .col55, .col { position: relative; padding: 0px; margin: 0px; }
.lastchild { margin-right: 0px !important; }

.col15 { width: 180px; float: left; margin-right: 6px; } /* einfuenftel */
.col25 { width: 366px; float: left; margin-right: 6px; } /* zweifuenftel */
.col35 { width: 552px; float: left; margin-right: 6px; } /* dreifuenftel */
.col45 { width: 738px; float: left; margin-right: 6px; } /* vierfuenftel */
.col55 { width: 924px; float: none; margin-right: 0px; } /* fuenffuenftel - ganz */
.col15end { width: 180px; float: left; margin-right: 0px; } /* einfuenftel ende */
.col25end { width: 366px; float: left; margin-right: 0px; } /* zweifuenftel */

.col45rahmen { width: 736px; height:auto; float: left; margin-right: 6px; border:1px solid #e5e5e5; }
.col15innen { width: 179px; float: left; margin-right: 6px; } /* einfuenftel */
.col25innen { width: 365px; float: left; margin-right: 6px; } /* zweifuenftel */
.col35innen { width: 551px; float: left; margin-right: 6px; } /* dreifuenftel */
.col45innen { width: 736px; float: left; } /* vierfuenftel */
.col15innenend { width: 179px; float: left; } /* einfuenftel */
.col25innenend { width: 365px; float: left; } /* zweifuenftel */
.col35innenend { width: 551px; float: left; } /* dreifuenftel */

.col15rahmen { width: 178px; height:auto; float: left; border:1px solid #e5e5e5; }
.col15innen1 { width: 178px; float: left; } /* einfuenftel */

.col35ohne { width: 552px; float: left; } /* dreifuenftel ohne margin*/

/* 	**********************************************************************
	CONTENTBLOCK
	********************************************************************** */
.contentblock { position: relative; margin-right:auto; margin-left:auto; width: auto; height:auto; z-index: 1; background-color:transparent; }
.contentbereich { position: relative; margin-right:auto; margin-left:auto; width: 924px; height:auto; z-index: 2; background-color:transparent; }
.contentblocklinks { width: 744px; height:auto; float: left; z-index: 3; background-color:transparent; }
.contentblockrechts { margin-left: 744px; width: auto; height:auto; z-index: 3; background-color:transparent; }

.contentblockver { position: relative; margin-right:auto; margin-left:auto; margin-top:6px; width: auto; background-color:transparent; }

.format_standard, .format_standard p, .format_standard a, .format_standard address, 
.format_spezial, .format_spezial p, .format_spezial a, .format_spezial address,
.format_3er, .format_3er p, .format_3er a, .format_3er address{ line-height: 1.4em; }

.col15 .rechts, .col25 .rechts, .col35 .rechts, .col45 .rechts { padding-left:6px; }
.col15innen p, .col25innen p, .col35innen p, .col45innen p  { padding-right:6px; }

.text35 { color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 100%; padding-right:100px; }
.textr { color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 100%; padding-left:6px; }
.note.spezi { color: #666666; font: normal 10px Arial, Verdana, Helvetica, sans-serif; padding-left:6px; padding-right:6px; padding-top:4px; line-height: 1.4em; }
.note a, .note a:link, .note a:visited { color:#2b478c; font-weight:bold; text-decoration:none; } /*Links in kleinem Text blau + bold */
.note a:hover, .note a:active, .note a:focus, .note a.activated { text-decoration: underline; } /*Links in kleinem Text blau + bold */

/*Links in kleinem Text linke + rechte Spalte */
.note.spezi.link a, .note.spezi.link a:link, .note.spezi.link a:visited { color:#666666; font-weight:bold; text-decoration:none; }
.note.spezi.link a:hover, .note.spezi.link a:active, .note.spezi.link a:focus, .note.spezi.link a:activated { text-decoration: underline; }

.contentblockrechts .note a, .contentblockrechts .note a:link, .contentblockrechts .note a:visited { color:#666666; font-weight:bold; text-decoration:none; }
.contentblockrechts .note a:hover, .contentblockrechts .note a:active, .contentblockrechts .note a:focus, .contentblockrechts .note a:activated { text-decoration: underline; }

/*Links in Kontaktbox */
.textsymbol a, .textsymbol a:link, .textsymbol a:visited { color:#666666; font-weight:bold; }
.textsymbol a:hover, .textsymbol a:active, .textsymbol a:focus, .textsymbol a:activated { text-decoration: underline; }

.pfeil a, .pfeil a:link, .pfeil a:visited { color:#666666; font-weight:bold; }
.pfeil a:hover, .pfeil a:active, .pfeil a:focus, .pfeil a:activated { text-decoration: underline; }

.caption.spezi { color: #5e5e5e; font-weight: bold; }
.caption.spezi.low, .note.spezi.low { font-weight: normal; }
.caption.basic { color: #5e5e5e; display: block; padding-right: 20px;}
.caption { padding-top: 8px; }
.blockback { background: transparent; margin-bottom: 15px; width: 100%; }
.blockback.var1 { background: #f5f3ef; }
.dotted { background: transparent url(../img_style/bg_trenner_dotted_grey.gif) 0px 0px repeat-x; }
.contentheadlinebg { position: relative; width: 100%; background-color: transparent; background-position: top right; background-repeat: no-repeat; }


/* 	**********************************************************************
	REIHENABSTAND / TRENNER /JUMPER
	********************************************************************** */
.rowend { position: relative; width: 738px; height: 40px; background: transparent; }
.rowend.half { height: 20px; }
.rowend.trenner { background: transparent url(../img_style/bg_trenner_solid_grey.gif) 0px 20px repeat-x; }
.rowend.trenner.half { background-position: 0px 10px; height: 28px; }
.rowend.ornament { height: 45px; background: transparent url(../img_style/bg_trenner_ornament.gif) center center no-repeat; }
.rowend a { position: absolute; display: block; width: 11px; height: 6px; z-index: 1; top: 10px; right: 0px; background: transparent url(../img_style/pfeiloben.gif) top left no-repeat; }
.rowend a span { display: none; }
.rowendtrenner { position: relative; width: 736px; background: transparent; }
.rowendtrenner a { position: absolute; display: block; width: 11px; height: 6px; z-index: 1; right: 5px; bottom:10px;background: transparent url(../img_style/pfeiloben.gif) top left no-repeat; }
.rowendtrenner a span { display: none; }


/* 	**********************************************************************
	CONTENTINHALTE
	**********************************************************************/
/* BILDER */
.bild { position: relative; width: 100%; z-index: 3;}
.rahmen { position: relative; width: 168px; z-index: 4; border: 1px solid #e5e5e5; padding:5px; }
.bilderrahmen { position: relative; width: 156px; z-index: 4; padding: 5px; border: 1px solid #e5e5e5; margin-left:6px;}
.bildv img { position: relative; margin-top: 4px; margin-left: 6px; border: 1px solid #e5e5e5; z-index: 5; } /* Kachelbild */
.bildv a:hover img  { border: 1px solid #666666; } /* Kachelbild Hover-Zustand*/
.bildvbu img { position: relative; margin-top: 6px; margin-left: 6px; border: 1px solid #e5e5e5; z-index: 5; } /* Kachelbild ohne BU*/
.bildvbu a:hover img  { border: 1px solid #666666; } /* Kachelbild ohne BU Hover-Zustand*/
.bildvo img { position: relative; margin-top: 4px; margin-left: 6px; z-index: 5; } /* Kachelbild ohne Rahmen */
.bildvd img { position: relative; border: 1px solid #e5e5e5;}
.bildvdr img { position: relative; border: 1px solid #e5e5e5; margin-left:6px;}

/* BILDER X */
.bild.zoomoutside { padding-bottom: 30px; }
img.abs, .abs { position: absolute; z-index: 10; }
img.gap-br { margin-bottom: 4px; margin-right: 10px; }
img.gap-b { margin-bottom: 10px; margin-right: 0px; }

/* VIDEOS */
.video { position: relative; height: 302px; width: 538px; border: 1px solid #e5e5e5; margin-top: 5px; margin-left: 6px; z-index: 5; }
.video_klein { position: relative; height: 127px; width: 168px; border: 1px solid #e5e5e5; margin-top: 5px; margin-left: 6px; z-index: 5; }


/* 	**********************************************************************
	VEREDLUNG
	**********************************************************************/
.col15pic { width: 180px; height: 169px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildklein.jpg) 0px 0px no-repeat;} /* einfuenftel Bild*/
.col15picbu { width: 180px; height: 141px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildklein.jpg) 0px 0px no-repeat;} /* einfuenftel Bild ohne BU*/
.col15picende { width: 180px; height: 169px; float: left; background: transparent url(../img_style/bgbildklein.jpg) 0px 0px no-repeat;} /* einfuenftel Bild am Ende*/
.col25pic { width: 366px; height: 344px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildmittel.gif) 0px 0px no-repeat;} /* zweifuenftel Bild halb Höhe*/
.col25pichalb { width: 366px; height: 169px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildmittelhalb.jpg) 0px 0px no-repeat;} /* zweifuenftel Bild*/
.col35pic { width: 552px; height: 344px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildgross.gif) 0px 0px no-repeat;} /* dreifuenftel Bild*/
.marke { position:absolute; margin-left:137px; margin-top:-4px; z-index:5; }
.marke1 { position:absolute; margin-left:137px; margin-top:171px; z-index:5; }
.marke2 { position:absolute; margin-left:323px; margin-top:-4px; z-index:5; }
.video3 { position:absolute; margin-top:4px; margin-left: 6px; z-index: 3; width:538px; border: 1px solid #000000; height:301px; background-color:#CCCCCC; }
.kasten { width:720px; margin-left:6px; margin-top:12px; padding:6px 6px 6px 0px; background-color:#f7f7f7; }


/* 	**********************************************************************
	NOTIZBUCHWELT KACHELN
	**********************************************************************/
.col15piclinks { width: 179px; height: 169px; float: left; margin-right: 6px; background: transparent url(../img_style/bgbildkleinlinks.jpg) 0px 0px no-repeat;} /* einfuenftel Bild links*/
.col15picrechts { width: 179px; height: 169px; float: left; background: transparent url(../img_style/bgbildkleinrechts.jpg) 0px 0px no-repeat;} /* einfuenftel Bild rechts*/
.bildli img { position: relative; margin-top:4px; margin-left: 5px; border: 1px solid #e5e5e5; z-index: 5; }
.bildli a:hover img  { border: 1px solid #666666; } /* Kachelbild links Hover-Zustand*/

#col45innengravur { width: 736px; height: 184px; float: left; background: transparent url(../img_style/randgravur.jpg);}
#gravur .bild img {border: 1px solid #e5e5e5; }
#gravur .bild a:hover img  { border: 1px solid #666666; } 


/* 	**********************************************************************
	REFERENZEN / KONFIGURATOR
	**********************************************************************/
#referenz { position: absolute; padding: 20px 0 20px 0; text-align: center; width: 100%; }
#referenzinfos { position: absolute; top: 0px; left: 0px; z-index:2; width: 35%; }
#brandbook_referenzen, #brandbook_konfigurator { display: block; position: relative; width: 100%; margin-bottom: 0px; }
#brandbook_konfigurator { width: 924px; height: 611px; margin-left: auto; margin-right: auto; margin-bottom: 12px; }

/* 	**********************************************************************
	NEWS & AKTIONEN
	**********************************************************************/
.lupe_weiss { position:absolute; margin-left:154px; margin-top:142px; z-index:15; width:15px; height:15px; background: transparent url(../img_style/lupe_weiss.png) 0px 0px no-repeat; }
.lupe_grau { position:absolute; margin-left:154px; margin-top:142px; z-index:15; width:15px; height:15px; background: transparent url(../img_style/lupe_grau.png) 0px 0px no-repeat; }


/* 	**********************************************************************
	LEXIKON
	**********************************************************************/
.buchstaben { padding-left: 6px; color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 100%; }
.buchstaben a, .buchstaben a:link, .buchstaben a:visited{ color:#666666; font: bold 11px Arial, Verdana, Helvetica, sans-serif; line-height: 100%; }
.buchstabe { margin-left:6px; margin-bottom:-17px;}


/* SPALTE RECHTS */
.referenzbild { float:left; width:178px; height:538px; background: transparent url(../img_style/marken.gif) 0px 0px no-repeat;}

/* SPRACH SWITCHER */
#language a { text-decoration: none; font-size: 10px; }
#language a:hover { text-decoration: underline; }

/* HOME */
#home_3er .bild { margin-bottom: 10px; }
#home_3er a.konfigbutton { margin-left: 63px; }

/* PAGEFLIP/IDEA */
p.pageflip { display: block; width:32px; height:40px; background: transparent url(../img_style/symbol_idee.gif) top left no-repeat; }
p.idea { display: block; height:25px; padding-right: 33px; padding-top: 5px; background: transparent url(../img_style/icon_pageflip.gif) top right no-repeat; }

/* SITEMAP */
#sitemap { position: relative; margin-left: auto; margin-right: auto; width: auto; height: auto; background-color: #0c0c0c; padding-left:6px;}

#sitemap h2 { font-size: 0.9em; line-height: 1.5em; font-weight:bold;}
#sitemap h3 { font-size: 1.1em; line-height: 1.5em; }
#icons h3 { font-size: 1.1em; line-height: 1.5em; }

#site_con { position: relative; margin-right: auto; margin-left: auto; width:924px; height:auto; padding-top:6px; padding-bottom:6px; }

#sitemap_content { float:left; width: 744px; height:auto; }
#sitemap_content .navicol { float:left; width:180px; margin-top:6px; margin-bottom:6px; margin-right:6px; }
#navicol-1 { margin-right:0px !important; padding-left: 6px !important; }

#sitemap a, #sitemap a:link, #sitemap a:visited { font-size: 0.9em; color: #5e5e5e !important; line-height: 1.5em; font-weight:normal; text-decoration: none; }
#sitemap a:hover, #sitemap a:active, #sitemap a:focus { text-decoration: underline; font-weight: normal;}

.thema { font-size: 1.1em; font-weight: bold; line-height: 1.5em;}
.lex { font-size: 1.1em; font-weight: bold; line-height: 1.5em; padding-top:13px;}

#rest { width:180px; height:auto; margin-left:744px; margin-top:6px; }
#rest h3 { font-size: 1.0em; color: #5e5e5e !important; line-height: 1.5em; text-decoration: none; }

#icons { width: 100%; height:auto; float:left; margin-top:40px; }
#iconbutton { width: 100%; height:auto; float:left; margin-top:20px;}
#iconbutton font { font-size: 0.9em; color: #5e5e5e !important; line-height: 1.5em; font-weight:bold; text-decoration: none; padding-left:4px; }

/* FOOTER */
#servicenavi { position: relative; margin-left: auto; margin-right: auto; width: auto; height: 26px; background-color: #d9d9d9; }
#servicenavi p { position: relative; margin-left: auto; margin-right: auto; width: 918px; text-align: left; font-size: 11px; padding-top: 7px; padding-left: 6px; color: #414141; }

#footer { position: relative; margin-right: auto; margin-left: auto; width: auto; height: 26px; background-color: #999999; }
#footernavi  { position: relative; margin-left: auto; margin-right: auto; width: 924px; }
#footernavi ul  { float: left; width: 366px; padding-left: 6px; padding-top: 8px;}
#footernavi li { display: inline; margin-right: 6px;}
#footernavi a { font-size: 0.9em; color: #222222; font-weight: normal; text-decoration: none; }
#footernavi a:hover, #footernavi a:active, #footernavi a:focus { text-decoration: underline; }

#beratungshinweis { float: left; }
#beratungshinweis p { font-size: 0.8em; color: #222222; text-align: left; padding-top: 9px;}


/* NEWSFLASH */
ul.newsflash { position: relative; width: 100%; background: transparent url(../img_style/bg_trenner_newsflash.gif) bottom left repeat-x;}
ul.newsflash li { display: block; position: relative; width: 100%; padding: 2px 0 2px 0; background: transparent url(../img_style/bg_trenner_newsflash.gif) top left repeat-x; }
ul.newsflash li a, ul.newsflash li a:link, ul.newsflash li a:visited { display: block; position: relative; padding: 5px 15px 5px 15px; background: transparent url(../img_style/icon_newsflash_lo.gif) center left no-repeat; text-decoration: none; font-size: 15px; color: #999999; }
ul.newsflash li a:hover, ul.newsflash li a:active, ul.newsflash li a:focus { background: #f5f3ef url(../img_style/icon_newsflash_ro.gif) center left no-repeat; text-decoration: none; color: #5e5e5e; }

/* SOCIAL BOOKMARKS */
#socialbookmarks { position: absolute; top: 114px; right: -19px; width: 16px; padding-bottom: 30px; background: #fff url(../img_style/bg_socialbookmarks.gif) bottom left no-repeat; border: 1px solid #fff; border-bottom: none; }
#socialbookmarks p { margin-bottom: 2px;  }

/* Blog */
#blog { position: absolute; top: 164px; text-align:left;}


/* 	**********************************************************************
	LINKS
	**********************************************************************/
a, a:link, a:visited { text-decoration: none; color: #2b478c; font-weight:bold; }/* Link normal blau und fett */
a:hover, a:focus, a:active { text-decoration: underline; color: #2b478c; font-weight:bold; }/* Link normal blau und fett */

.kachel a, .kachel a:link, .kachel a:visited { color:#666666; font-weight:normal; line-height:1.2em; text-decoration:none; }/* Link Kachel P */
.kachel a:hover, .kachel a:active, .kachel a:focus, .kachel a.activated { text-decoration: underline; }

h3 a, h3 a:link, h3 a:visited { color:#666666; font-weight:bold; line-height:1.2em; text-decoration:none; }/* Link normal blau */
h3 a:hover, h3 a:active, h3 a:focus, h3 a.activated { text-decoration: underline; }

a.intern { background: transparent url(../img_style/pfeilrechts.gif) 0px 0px no-repeat; padding-left: 10px; text-decoration: none !important; }
a.intern:hover, a.intern:active, a.intern:focus { text-decoration:underline !important; }

.sitemap a, .sitemap a:link, .sitemap a:visited { color:#666666; font-weight:normal; line-height:1.2em; text-decoration:none; }
.sitemap a:hover, .sitemap a:active, .sitemap a:focus, .sitemap a.activated { text-decoration: underline; }

* html a.intern { background-position: 0px 3px; text-decoration: none; }
a.hash, a.news { background: none; }
h1 a, h2 a, h3 a, h4 a, h5 a , h6 a, a img { background: transparent; text-decoration: none; color: #666666 !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover , h6 a:hover { background: transparent; text-decoration: underline; color: #666666 !important; }
a.zoom { position: absolute; display: block; width: 26px; height: 24px; z-index: 3; bottom: 0px; left: 0px; background: transparent url(../img_style/btn_lupe.gif) -2px -2px no-repeat; }
a.zoom.rightpos {  bottom: 0px; left: auto; right: 0px; }
a.zoom span { display: none; }
a.referenzlink { font-weight: bold; line-height: 2em; color: #000; }


/* 	**********************************************************************
	HEADLINES
	**********************************************************************/
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #666666; line-height: 1.2em; }
h1 { font-size: 30px; margin-bottom: 20px; }

h2 { font-size: 16px; margin-bottom: 10px; color: #666666; line-height: 1.2em;}

.col45 h2, .col55 h2 { font-size: 16px; margin-top:8px; margin-bottom: 18px; margin-left:6px; color: #666666; line-height: 1.2em;}
.col55 h3 { font-size: 11px; font-weight:normal; margin-left:6px; color: #666666; }
.col45innen h2 { font-size: 16px; margin-top:8px; margin-bottom: 18px; margin-left:5px; color: #666666; line-height: 1.2em;}

.col45 h3, .col45innen h3, .col35 h3, .col35innen h3, .col25 h3, .col25innen h3 { color:#666666; font: bold 12px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:0px 6px 6px 6px;  }

.col15pic h3, .col15picende h3, .col25pic h3, .col35pic h3 { color:#666666; font: bold 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:4px 6px 0px 6px;  }

.col15pic p, .col15picende p, .col25pic p, .col25pichalb p {color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:4px 6px 0px 6px; }
.col15pic a, .col15pic a:link, .col15pic a:active, {color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em;}
.col15pic a:hover, .col15picende a:hover, .col25pic a:hover, .col35pic a:hover, .col25pichalb a:hover { color:#666666;}

.col15piclinks p { color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:4px 6px 0px 5px; }
.col15picrechts p { color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:4px 6px 0px 6px; }

.randgross p, .randklein h2 {color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding:4px 5px 6px 5px; }
.randkleinrahmen p {color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding: 5px; }
.randmittelrahmen p {color:#666666; font: normal 11px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; padding: 5px; }
.randkleinrahmen p a, .randkleinrahmen p a:link {color:#666666; text-decoration:none; }
.randkleinrahmen p a:hover {color:#666666; text-decoration:underline; }

h1.contentheader { margin-bottom: 10px; text-align: right; }
div.dotted h2 { background: transparent url(../img_style/bg_trenner_dotted_grey.gif) bottom left repeat-x; display: block; padding: 8px 0 8px 0; }
.format_spezial h2, h2.basic { color: #666666 !important; }
.headline { position: relative; width: 100%; height: 77px; margin-bottom: 50px;}
.imageheadline h2 { display: none; }
h2.idee { padding-top: 48px; background: transparent url(../img_style/icon_idee.gif) top left no-repeat; }

#home_3er h2 { margin-bottom: 1px; color: #5e5e5e; font-size: 14px; }
#home_referenzen h2 { display: inline; padding-right: 15px; }

.impressum { padding-left:6px; }

h2.news { color: #103978 !important;}
h2.design { color: #bfecff !important;}

/* 	**********************************************************************
	TEXTFORMATIERUNG
	**********************************************************************/
sub, sup { font-size: 60%; line-height:100% }	
sub { vertical-align: bottom; }
sup { vertical-align: top; }
address { font-style: normal; }
strong { font-weight: bold; }
b.spezi { color: #5e5e5e; }
blockquote { font-size: 15px; font-weight: bold; }
blockquote p { line-height: 1.3em !important; }
cite { display: block; width: 100%; padding-top: 5px; font-size: 10px; font-weight: bold; color: #5e5e5e; }
em { color: #5e5e5e; }


/* 	**********************************************************************
	FORMULARE
	**********************************************************************/
input.checkbox, input.radio { margin-right: 6px; margin-left: 6px;}
.f_row { padding-top: 6px; padding-bottom: 2px;}
.f_row span { display: block; width: 5%; float: left; }
.f_col0 { position: relative; width: 100%; margin-bottom: 4px; margin-left: 6px; }
.input { color:#993333; }
label { position: relative; font-weight: normal; color: #666666; line-height: 1.3em; width: 100px; display: block; float: left; }
.captcha { position:relative; padding-left:106px; padding-bottom:4px;}
p.fussnote { display: block; width: 320px; padding-left: 106px; margin-bottom: 8px; }
span.labelsubinfo { font-weight: normal; }
input, textarea, select { font: normal 100% Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; }
input.text, textarea { line-height: 1.0em; margin: 0px; padding: 2px 5px; color: #666666; background-color: #ffffff; border: 1px solid #e5e5e5;  }
iframe { padding: 20px 50px }
input.submit { background: #fff; border: 1px solid #fff; cursor: pointer; color: #21428c; padding: 0px 2px; margin-right: 4px; }
input.text { width: 230px; }
input.text.t14 { width: 55px; }
input.text.t34 { width: 160px; }
select.text { width: 242px; }
textarea { width: 300px; }


.f_col0.senden { position: relative; width: 324px; padding-left: 96px; margin-top: 14px; margin-bottom: 20px; }

p.cap{  position: relative; font-weight: normal;  line-height: 1.3em;  display: block; float: left; margin-top: 8px; margin-bottom: 4px; }


.f_row span.label { display: block; width: 90%; float: left; line-height: 1.3em; padding-top: 2px;}
.f_row br { clear: both; }

/* ALERT - Formular Warnung*/
.alert { position: relative; background: #ffffff; border: 1px solid #fb4230; padding: 6px; color: #fb4230; margin-bottom: 20px; }	
.alert ul { list-style: disc outside; }
.alert ul li { margin: 1px 0 0 15px; }

/* 	**********************************************************************
	ALLGEMEINES
	**********************************************************************/
.spacer15 { float: left; width: 186px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }
.spacer35 { float: left; width: 554px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }
.spacer45 { float: left; width: 738px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }
.spacer15end { float: left; width: 180px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }
.spacer15innen { float: left; width: 178px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }
.spacer45innen { float: left; width: 736px; height: 6px; z-index: 20; background: transparent url(../img_style/spacer.gif); }

.hide, .zu, .aus { display: none; }
.auf {display: block; }
.stopfloat { clear: both; }
.linksfluss { float: left; }
.rechtsfluss { float: right; }
.keinfluss { float: none; }
.aleft { text-align: left;}
.aright { text-align: right;}

.zelle1 { width:20px; font-weight:bold; padding:4px 0px;  }
.zelle2 { width:130px; padding:4px 0px; }

/* 	**********************************************************************
	PRESSEBEREICH
	**********************************************************************/

/*.wrappresse { width: auto; height: 150px; background-color: #f3f3f3;}*/
.wrappresse { width: auto; height: 148px; background-color: #FFFFFF; border: 1px solid #dddddd;}
.picpresse2 { width: 198px; height: 148px;}
.textpresse {margin-top: 5px;}

/* 	**********************************************************************
	FAQ
	**********************************************************************/
.col45 .thema {padding-left:6px; font-size:12px; color:#333333 }
.col45 .frage {padding-left:18px; padding-top:12px; padding-bottom:3px; cursor:pointer; font-size:12px; line-height: 1.4em; }
.col45 .antwort {padding-left:18px; padding-bottom:6px; font-size:12px; line-height: 1.4em;}
.frage h4 {font-size:12px; color:#666666;}
.frage h4:hover {font-size:12px; color:#333333;}

/* 	**********************************************************************
	GALERIE
	**********************************************************************/
table.galerie { width: 860px; }
table.galerie tr td { padding-top: 0; padding-right: 20px; padding-bottom: 20px; padding-left: 0; }
table.galerie tr td img { border:1px solid #d5d5d5; }

/* 	**********************************************************************
	KONTAKTBOX
	********************************************************************** */
.symbol { float: left; width:27px; height:24px; margin:6px; }
.textsymbol { float: left; width:133px; padding:4px 5px 5px 0px; }
.bildsymbol img { position: relative; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; border: 1px solid #e5e5e5; z-index: 5; }
.bildsymbol a:hover img { border: 1px solid #666666; }
.minisymbol { float: left; width:17px; height:17px; margin:0px 0px 6px 6px; }

/* 	**********************************************************************
	RELATED ITEMS
	********************************************************************** */
.textitem { float: left; width:166px; padding:6px 5px 4px 5px; }

.textitem a{ color: #666666;}
.textitem a span{ display: none; }
.textitem a:active span, .textitem a:focus span{ display: block; text-decoration:none; }

.textblog { float: left; width:166px; padding:6px 5px 4px 5px; }

.item { position: relative; margin: 6px 2px 5px 5px; z-index: 5; }
a.konfbutton { display: block; width: 166px; height: 112px; border: 1px solid #e5e5e5; background-image: url(../img_data/relateditems/buchkonfigurator_neu.jpg); background-position: 0px 0px; }
a:hover.konfbutton, a:active.konfbutton, a:focus.konfbutton { background-position: -166px 0px; }

.item img { position: relative; float: left; border: 1px solid #e5e5e5; margin-left:6px; }
.item a:hover img { border: 1px solid #666666; }
.note.spezi2 { color: #666666; font: normal 10px Arial, Verdana, Helvetica, sans-serif; padding-top:6px; padding-left:5px; padding-right:5px; padding-bottom:6px; line-height: 1.4em; }
.bilditem img { position: relative; margin-bottom: 6px; margin-left: 5px; border: 1px solid #e5e5e5; z-index: 5; }
.bilditem a:hover img  { border: 1px solid #666666; }

/* 	**********************************************************************
	NEWSLETTER ABO
	********************************************************************** */
#newsletter_alert { background: #fb4230; color: #fff; padding: 5px; width: 165px; margin: 5px 0px 2px 0px; display: none; }
input.newstext{ width:94px; float: left; padding: 5px 4px 2px 4px; margin-top:1px; color: #000; }
.newsimage{ width:63px; height:23px; float:left; padding-left:7px; padding-right:6px;}
.n_col0 { width: 100%; height:auto; float:left; padding-top:6px; }
}

/* 	**********************************************************************
	LEARNING CENTER
	********************************************************************** */
.col55learning { width: 922px; height:690px; float: left; border:1px solid #e5e5e5; background:transparent url(../img_style/learning.gif) top left repeat-x;}
.col55learning p {color:#666666; font: normal 12px Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; }
.col3learning { width: 650px; height:495px; float: left; }
.col2learning { width: 271px; height:567px; float: left; padding-top:9px; border-left:1px solid #aeaeae;}

.col2learning .frage1 {z-index:10000; }
.col2learning .frage1 h4 {padding-left:12px; padding-bottom:3px; cursor:pointer; font-size:12px; color:#666666; z-index:10000; }
.col2learning .frage1 h4:hover {font-size:12px; color:#333333; z-index:10000;}

.antwort1 {border-left:6px solid #fd4926; z-index:200; margin-top:-26px;}
.antwort1 p {padding:26px 5px 6px 12px; font-size:11px; line-height: 1.2em; z-index:200;}


/* SLIDER */

#slider {
	width:						925px;
	height:						200px;
	border:						0px none;
	margin:						0;
	margin-bottom:				20px;
	padding:					0;
	background-color:			transparent;
	overflow:					hidden;
}
#ue {
	line-height:				1.2em;
	font-size:					16px;
	font-weight:				bold;
}

#gallery {position:relative; font:11px verdana,arial,sans-serif; line-height:20px; width:705px; padding:50px 0 0 180px; background:url(pointer.jpg) no-repeat left top; height:450px;}
#gallery h3 {color:#222; font-size:13px;}
#gallery h3.color {color:#000; margin:10px 25px;}
#gallery .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
#gallery .switch .turn_off {display:none;}
#gallery .off {color:#c00;}
#gallery .off .turn_off {display:inline;}
#gallery .off .turn_on {display:none;}
#gallery .hide {display:none;}
#gallery .show {position:absolute; top:0; left:380px; display:block; width:370px; background:#fff; z-index:200;}
#gallery form {width:270px; height:200px; background:url(form.jpg); padding:50px;}
#gallery form fieldset {background:#fff;}
#gallery .table {background:url(tables.jpg) no-repeat left bottom; padding:0 25px 25px; width:320px;}
#gallery table, #gallery caption, #gallery table tr, #gallery table tr td {border:1px solid #000; padding:5px; background:#fff;}
#gallery a, #gallery a:visited {color:#00c; line-height:30px;}
#gallery textarea {width:350px; border-color:#0cc; color:#048; padding:10px;}
#gallery dl {width:370px;}