/******************************************************************************/
/*** Stile fuer den Bereich eMagazine *****************************************/
/******************************************************************************/

body.contentPage {
    background-image: url(../bilder/layout/bg_grey_content_2.gif);
}

#contentSection {
    position: absolute;
    height:100%;
    width: 470px;
    left: 220px;
    top: 366px;
    padding: 0 !important;
    margin: 0 !important;
    font-size:12px;
}


#contentSection p {clear:none;}

#teaserCol{
    position: absolute;
    left: 710px;
    top: 366px;
}



/*** neuer Kopfbereich im eMagazin Bereich ************************************/

#contentHeader {
    position: absolute;
    width: 690px;
    /* height: 185px; */
    overflow:hide;
    left: 230px;
    top: 144px;
    padding: 0;
    margin:0;
    border:0;
    line-height:0;
    background-color:#cbd6dd;
}

#contentHeaderStartarea {
    position: absolute;
    width: 690px;
    /* height: 185px; */
    overflow:hide;
    left: 230px;
    top: 144px;
    padding: 0;
    margin:0;
    border:0;
    line-height:0;
    background-color:#ffffff;
}

#contentHeader h1 {
	margin-top:7px;
	padding:10px 0 11px 12px;
	font-size:16px;
	color:#003565;
}

#contentHeader > img{
    width:480px;
    padding:0;
    margin:0;
    border:0;
}

#contentHeader_headline{
	height:15px;
	padding:0 0 0 10px;
	margin:0;
	line-height:15px;
	color:#fff;
	font-size:10px;
	background:#89a2b3 url('../bilder/layout/corner89A2B3.gif') no-repeat top left;
}

#contentHeader img{
        padding: 0;
        margin: 0;
}

#contentHeader_headline span a{
	color:#fff;
	font-size:10px; !important
        line-height:15px;
}

#contentHeader_boxRight {
	position:absolute;
	top:15px;
	left:480px;
	height:185px;
	width:210px;
	padding:0;
    margin:0;
    font-size:11px;
    line-height:1em;
    border:0;
	background-color:#cbd6dd;
}

* html #contentHeader_boxRight {
	left:478px;
	width:212px;
}

#contentHeader_boxRight.darkBlue {
	background-color:#003565;
	padding:0;
        margin:0;
}

#contentHeader_boxRight .boxRight_margins {
	margin:22px 12px;
}

#contentHeader_boxRight .alignBottom {
	position:absolute;
	bottom:24px;
	line-height:14px;
}

#contentHeader_boxRight.darkBlue .titelthema {
	color:#89a2b3;
	margin-bottom:12px;
}

#contentHeader_boxRight .boxRight_margins h1 {
	margin:0 0 15px 0;
	padding:0;
	font-size:24px;
	line-height:1em;
	color:#003565;
}

#contentHeader_boxRight.darkBlue .boxRight_margins h1 {
	color:#fff;
	font-weight:normal;
	line-height:1em;
}

#contentHeader_boxRight p {
	margin:0;
	padding:0;
	color:#000;
       line-height:1.2em;

}

#contentHeader_boxRight.darkBlue p {
	color:#fff;
}

#contentHeader_boxRight.darkBlue a {
	color:#89a2b3;
        padding-left:6px;
        background:transparent url('../bilder/layout/link_arrow_blue_blue.gif') no-repeat left center;
}

#contentHeader_headline span {padding-right:11px;}

.kat_anekdoten { background:transparent url('../bilder/icons/farbicons7x7_anekdoten.gif') no-repeat left center; }
.kat_global { background:transparent url('../bilder/icons/farbicons7x7_global.gif') no-repeat left center; }
.kat_kunden { background:transparent url('../bilder/icons/farbicons7x7_kunden.gif') no-repeat left center; }
.kat_produkte { background:transparent url('../bilder/icons/farbicons7x7_produkte.gif') no-repeat left center; }
.kat_reportagen { background:transparent url('../bilder/icons/farbicons7x7_reportagen.gif') no-repeat left center; }
.kat_technik { background:transparent url('../bilder/icons/farbicons7x7_technik.gif') no-repeat left center; }
.kat_titel { background:transparent url('../bilder/icons/farbicons7x7_titel.gif') no-repeat left center; }

.kat_anekdoten, .kat_global, .kat_kunden, .kat_produkte, .kat_reportagen, .kat_technik, .kat_titel { padding:3px 0px 2px 10px; }


/*** eMagazine Hauptbereich ***************************************************/

#contentBody .imgContainer {
	width:210px;
	float:left;
	position:relative;
	margin-right: 1em; 
	margin-bottom: 0.15em; 
	border:0;
	background-color:#cbd6dd;
       font-size:11px;
}

#contentBody .imgContainer p {
	padding:7px 17px 7px 12px;
       font-size:11px;
}

#contentBody .imgContainer a.lens{
	position:absolute;
	right:5px;
	bottom:5px;
}

#bewertenBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding-bottom: 12px;
}

#bewertenBox div.bewertenBoxTitle { 
    background-color: #CBD6DD; 
    background-image: url('../bilder/layout/cornerCBD6DD.gif'); 
    background-position: 0px 0px; 
    background-repeat:no-repeat; 
    font-weight: bold; 
    text-align: left; 
    text-transform:uppercase;
    color: #003565;
    margin: 0;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#bewertenBox div.bewertenBoxContent {
    border-left: 1px solid #CBD6DD;
    border-right: 1px solid #CBD6DD;
	border-bottom: 1px solid #CBD6DD;
    margin:0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
    color: #000000;
}

div.contentTeaserBoxBody .teaserBoxContent {
    padding-bottom: 7px;
}

#teaserRow {
    padding:0px;
}

#teaserRow .contentTeaserImage{
       padding-top:0;
	color:#89a2b3;
       font-size:10px;
}

#teaserRow div.teaserBoxContent{
	padding-top:3px;

}

#teaserRow div.contentTeaserBoxBody{
	padding-top:0px;

}

.teaserList {
	margin:0;
	padding:0;
}

.teaserList h3, #artikelList h3 {
	color:#003565;
	font-size:11px;
	margin:0;
	padding:0;
	margin-bottom:6px;
}

.teaserList table {
	width:100%;
	table-layout:fixed;
	border-spacing:0;
    border-collapse:collapse;
    border:0;
	border-top:1px solid #cbd6dd;
}

.teaserList td {
	font-size:10px;
	line-height:16px;
	margin:0;
	padding:0;
	border-bottom:1px solid #cbd6dd;
       vertical-align:top;
}

.teaserList td.kat {
	width:135px;
	color:#89a2b3;
}

.teaserList span.artikel {
font-size:11px;
	font-weight:bold;
	color:#003565;
        padding-right:7px;
}

#vorschauBox {
	width:690px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding-bottom: 6px;
}

#vorschauBox div.boxTitle { 
    background:#003565 url('../bilder/layout/corner003565.gif') no-repeat; 
    font-weight: bold; 
    text-align: left; 
    color: #fff;
    padding: 5px 0px 5px 12px;
}

#vorschauBox div.boxContent {
    border: 1px solid #CBD6DD;
    border-top:0;
    margin:0;
    padding:11px 9px;
    text-align: left;
    color: #000000;
    display:inline-block;
}

#vorschauBox div.col1 {
	float:left;
	width:120px;
	color:#89a2b3;
}

#vorschauBox div.col2 {
	float:left;
	width:130px;
	margin:0 6px;
}
#vorschauBox div.col3 {
        float:right; 
	width:405px;
}


#vorschauBox .col2 h3 {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    color: #003565;
}

.lightBlue {
	color:#89a2b3;
       font-size:10px;
	padding:0;
	margin:0;
}

.darkBlue i.video {
    background-image: url(../bilder/icons/icons9x9_video_weiss.gif);
}

.darkBlue i.panorama {
    background-image: url(../bilder/icons/icons9x9_360panorama_weiss.gif);
}

.darkBlue i.audio {
    background-image: url(../bilder/icons/icons9x9_audio_weiss.gif);
}

.darkBlue i.pdf {
    background-image: url(../bilder/icons/icons9x9_pdf_weiss.gif);
}

.darkBlue i.diagramm {
    background-image: url(../bilder/icons/icons9x9_diagramm_weiss.gif);
}

.darkBlue i.tabelle {
    background-image: url(../bilder/icons/icons9x9_tabelle_weiss.gif);
} 

.darkBlue i.bilder {
    background-image: url(../bilder/icons/icons9x9_bilder_weiss.gif);
}

.darkBlue i.show3d {
    background-image: url(../bilder/icons/icons9x9_3D_weiss.gif);
}

.darkBlue i.daten {
    background-image: url(../bilder/icons/icons9x9_daten_info_weiss.gif);
}

h2.blueBG {
	width:454px;
	margin:0 0 12px 0;
	padding:10px 0 11px 12px;
	font-size:12px;
	background:#cbd6dd url('../bilder/layout/cornercbd6dd.gif') no-repeat; 
}

#artikelList table {
	width:454px;
	table-layout:fixed;
	margin-bottom:24px;
	border-spacing:0;
    border-collapse:collapse;
	border-top:1px solid #cbd6dd;
	font-size:11px;
}

#artikelList td {
	padding:8px 0;
	border-bottom:1px solid #cbd6dd;
}

#artikelList td.tcol1 {
	width:320px;
	padding-left:12px;
}

#artikelList td.tcol2 {
	width:120px;
	text-align:right;
}

#artikelList td b {
	color:#003565;
}

td.kat_anekdoten { background:transparent url('../bilder/icons/farbicons7x7_anekdoten.gif') no-repeat 0 11px; }
td.kat_global { background:transparent url('../bilder/icons/farbicons7x7_global.gif') no-repeat 0 11px; }
td.kat_kunden { background:transparent url('../bilder/icons/farbicons7x7_kunden.gif') no-repeat 0 11px; }
td.kat_produkte { background:transparent url('../bilder/icons/farbicons7x7_produkte.gif') no-repeat 0 11px; }
td.kat_reportagen { background:transparent url('../bilder/icons/farbicons7x7_reportagen.gif') no-repeat 0 11px; }
td.kat_technik { background:transparent url('../bilder/icons/farbicons7x7_technik.gif') no-repeat 0 11px; }
td.kat_titel { background:transparent url('../bilder/icons/farbicons7x7_titel.gif') no-repeat 0 11px; }

#bottomNav {
	width:454px;
	text-align:center;
        font-size: 9;
	border-top:1px solid #cbd6dd;
	margin-top:10px;
	padding-top:5px;
}

#bottomNav ul, div#contentSection ul{
	display:inline;
	list-style-type:none;
	padding:0;
	margin:35px;
}

#bottomNav li, div#contentSection li{
	display:inline;
	background-image:none;
	margin:0 3px 0 0;
	padding:0 0 0 3px;
	line-height:10px;
	border-left:1px solid #003565;
}

#bottomNav li.firstElement {
	border:0;
        font-size: 11px;
        color: #B6B6B6;
        margin: 0 3px 0 0;
}

#bottomNav a.vor {
	padding:0;
	margin:0 3px 0 0;
}

#bottomNav .bottomNavText {
        font-size:11px;
        color: #B6B6B6;
}

i.video, 
i.panorama,
i.audio,
i.pdf,
i.diagramm,
i.tabelle,
i.bilder,
i.show3d,
i.daten {
    padding-left:7px;
}

/*** PopUps *******************************************************************/

#popup
{
	width:440px; 
	margin:12px;
	padding:0;
}

#popup h1 {font-size:12px;margin:0;padding:0;}

#popup p
{
	margin:0;
	padding:0;
}


#popup img
{
	margin:0;
	padding:0;
	border:0;
}

#popup_content
{
	margin-bottom:8px;
}

#popup_content_footer
{
	height:69px;
	margin:0 0 8px 0;
	padding:14px 15px 0 15px;
	color:#000;
	background-color:#cbd6dd;
}

* html #popup_content_footer
{
	margin-top:-4px;
}

#popup_content_footer_text
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:0;
}

#popup_content_footer_links
{
	float:right;
	margin:0;
	padding:0;
}

#popup_content_footer_links ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#popup_content_footer_links li
{
	padding-left:14px;
	background: url('../bilder/icons/icon_diskette.gif') no-repeat 0 2px;
}

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

div.clear {clear:both}


span.pointer_back {
    background-image: url(../bilder/layout/pointer_back.gif);
    background-position: 0 4px;
    background-repeat: no-repeat; 
    padding-left:3px;
} 

span.pointer_back_inactive {
    background-image: url(../bilder/layout/pointer_backB6B6B6.gif);
    background-position: 0 4px;
    background-repeat: no-repeat; 
    padding-left:3px;
} 

span.pointer_forward_inactive {
    background-image: url(../bilder/layout/pointerB6B6B6.gif);
    background-position: 0 5px;
    background-repeat: no-repeat; 
    padding-left:9px;
} 

span.pointer_forward {
    background-image: url(../bilder/layout/pointer.gif);
    background-position: 0 5px;
    background-repeat: no-repeat; 
    padding-left:9px;
} 

.uppercase {
    text-transform:uppercase;
    font-weight: bold; 
}