@charset "utf-8";
body { font: 12px Arial, Helvetica, sans-serif; background: #f2f3f7; margin: 0; padding: 0; text-align: center; color: #000000; }


/* Page-Container Definition
----------------------------------------------------------------------------------------------------*/
#basic_container { width: 970px; margin: 0 auto 0 auto; text-align: left; }
#page_container { padding: 0; }
#brand_container { margin: 20px 0 0 0; padding: 0; text-align: center; width: 972px; height: 30px; }
#breadcrumb { margin: 10px 0 6px 0; padding: 0; width: 972px; }
#nav_container { margin: 0; padding: 0; width: 970px; height: 30px; background-color: #ffffff; border: 1px solid #ffffff; }
#content_container { margin: 0; padding: 0; width: 970px; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; background-color: #ffffff; }
#stage_container { margin: 0; padding: 0; width: 780px; background-image: url(../images/present.jpg); background-repeat: repeat-y; background-position: top left; }
#magazin_container { margin: 0 0 0 1px; padding: 0; width: 970px; background-image: url(../images/artic-mirror.png); background-repeat: repeat-x; background-position: top left; }
/* #magazin_container { margin: 0 0 0 1px; padding: 0; width: 968px; border: 1px #959595 solid; background-color: #ffffff; } */
#footer_container { margin: 4px 0 0 0; padding: 0; display: block; width: 972px; }


/* Different Category-Positioning for Cross-Browser
----------------------------------------------------------------------------------------------------*/
#category { float: right; position: relative; padding: 0; margin: 0; width: 50px; z-index: 10; }
#category_full { float: right; position: absolute; padding: 0 0 0 920px; margin: 0; width: 50px; } 
* html #category_full { float: right; position: absolute; padding: 0; margin: 0 0 0 -50px; width: 50px; } 
*+html #category_full { float: right; position: absolute; padding: 0; margin: 0 0 0 -50px; width: 50px; } 


/* Vertical Dimensions for Content Image-Container
----------------------------------------------------------------------------------------------------*/
.h480 { height: 480px; }
.h320 { height: 324px; }
.h250 { height: 250px; }


/* Content-Image calling 
----------------------------------------------------------------------------------------------------*/
.home { background-image: url(../images/still_01.jpg); background-repeat: no-repeat; background-position: top left; }
.news { background-image: url(../images/still_02.jpg); background-repeat: no-repeat; background-position: top left; } /* 06 */
.agency { background-image: url(../images/still_03.jpg); background-repeat: no-repeat; background-position: top left; }
.references { background-image: url(../images/still_04.jpg); background-repeat: no-repeat; background-position: top left; } /* 05 / texture_10.jpg */
.studies { background-image: url(../images/still_06.jpg); background-repeat: no-repeat; background-position: top left; } /* 07 */
.contact { background-image: url(../images/still_05.jpg); background-repeat: no-repeat; background-position: top left; }
.normal { background-image: url(../images/present.jpg); background-repeat: repeat-y; background-position: top left; }


/* Desire Styling
----------------------------------------------------------------------------------------------------*/
.wunsch { position: relative; margin: 0; padding: 0 0 0 20px; width: 579px; z-index: 20; }
div.wunsch h1  { margin: 0px; font-size: 26pt; text-transform: uppercase; letter-spacing: 0.1ex; color:#ffffff; }
div.wunsch p { margin: 0px 0px 4px 0px; font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; 
	text-transform: none; letter-spacing: 0.1ex; color:#ffffff; }
div.wunsch span { font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; 
	text-transform: none; letter-spacing: 0.1ex; color:#ffffff; }


/* Teaserbox-Declarations 
----------------------------------------------------------------------------------------------------*/
.box_0 { margin: 0; padding: 0; position: relative; z-index: 2; }
.box_1 { margin: 0; padding: 8px; background-color: #3e8eac; position: relative; z-index: 10; }
.box_2 { margin: 0; padding: 8px; background-color: #0096cb; position: relative; z-index: 10; }
.box_3 { margin: 0; padding: 8px; background-color: #0080bd; position: relative; z-index: 10; }
.box_4 { margin: 0; padding: 8px; background-color: #0065a0; position: relative; z-index: 10; }
.box_5 { margin: 0; padding: 8px; background-color: #004b96; position: relative; z-index: 10; }

.box_flash { position: absolute; margin: 0; padding: 0; z-index: 0; }
/* *+html .box_flash { margin: 0 0 0 -386px; } */

.boxpict { height: 130px; }

.message { height: 130px; overflow: hidden; }
.people { height: 146px; overflow: hidden; }
.sample { height: 200px; overflow: hidden; }
.row { margin: 6px 0 0 0; }

/* .message h3, .sample h3 { margin: 0 0 4px 0; padding: 0; font-size: 18px; color: #f0f0f0;  }
.message a, .sample a, p.product { margin: 14px 0 0 0; padding: 0; display: block;  font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; color: #ffffff; text-decoration: none; }
.message a:hover, .sample a:hover { text-decoration: underline; } */

.message a, .sample a { margin: 0; padding: 0; display: block; color: #ffffff; text-decoration: none; }
.message a:hover, .sample a:hover { text-decoration: underline; }
.message h3, .sample h3 { margin: 0 0 4px 0; padding: 0; font-size: 18px; color: #f0f0f0;  }
.message p, .sample p, p.product { margin: 14px 0 0 0; padding: 0; display: block;  font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; color: #ffffff; text-decoration: none; }


/* Shop-Declarations 
----------------------------------------------------------------------------------------------------*/
.shop { margin: 4px 0 0 0; width: 100%; height: 48px; background-color: #ffffff; }
p.opener { margin: 0 0 20px 0; padding: 0 0 0 12px; width:374px; font: 14px Georgia, Times New Roman, Times, serif; font-style: italic; color: #ffffff; }
p.price { margin: 4px 0 0 0; padding: 0; font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; color: #237db0; }
a.order { margin: 0; padding: 0 0 0 4px; text-decoration: none; font-size: 10px; color: #b9b3ae; }


/* Nerd-Declarations and effects
----------------------------------------------------------------------------------------------------*/
.person_pass a { display: block; width: 191px; height: 146px; margin: 0; padding: 8px; font-size: 16px; color: #0096cb; font-weight: 600; text-decoration: none; cursor: pointer; }
a.person_01 { margin: 0; background-position: 0 0; background:url(../agentur/images/guenter-neumann.jpg) no-repeat; }
a.person_01:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_02 { margin:0; background-position: 0 0; background:url(../agentur/images/angela-schneider.jpg) no-repeat; }
a.person_02:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_03 { margin: 0; background-position: 0 0; background:url(../agentur/images/gitta-munske.jpg) no-repeat; }
a.person_03:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_04 { margin: 0; background-position: 0 0; background:url(../agentur/images/bernd-sautter.jpg) no-repeat; }
a.person_04:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_05 { margin: 0; background-position: 0 0; background:url(../agentur/images/martin-krieg.jpg) no-repeat; }
a.person_05:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_06 { margin: 0; background-position: 0 0; background:url(../agentur/images/martin-lesch.jpg) no-repeat; }
a.person_06:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_07 { margin:0; background-position: 0 0; background:url(../agentur/images/karlheinz-karius.jpg) no-repeat; }
a.person_07:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_08 { margin: 0; background-position: 0 0; background:url(../agentur/images/ruediger-vogt.jpg) no-repeat; }
a.person_08:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_09 { margin: 0; background-position: 0 0; background:url(../agentur/images/michael-kuehnle.jpg) no-repeat; }
a.person_09:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_10 { margin: 0; background-position: 0 0; background:url(../agentur/images/peter-tognotti.jpg) no-repeat; }
a.person_10:hover { margin: 0; background-position: -191px 0; text-decoration:none; }
a.person_11 { margin: 0; background-position: 0 0; background:url(../agentur/images/valentin-karius.jpg) no-repeat; }
a.person_11:hover { margin: 0; background-position: -191px 0; text-decoration:none; }


.descript { margin: 0; padding: 0; }
ul#unit { list-style-type: none; margin: 0; padding: 0; }
ul#unit li { float: left; display: inline; margin: 5px 0 0 0; padding: 4px 8px 4px 8px; width: 178px; color: #237db0; background-color: #fff; }
ul#unit li.last { float: left; display: inline; margin: 5px 0 0 0; padding: 4px 0 4px 8px; width: 184px; color: #237db0; background-color: #fff; }
#unit li strong { font: 13px Georgia, Times New Roman, Times, serif; font-style: italic; font-weight: bold; color: #237db0; }


/* Wishlist- / Desire-Declaration
----------------------------------------------------------------------------------------------------*/
.wishlist { display: block; padding: 20px; text-align: right; position: relative; z-index: 10; }
.wishintro { width: 368px; margin: 0; padding: 10px 8px 0 40px; }
.wishintro h4 { padding: 0; margin: 0; font-size: 20px; font-weight: normal; text-transform: none; letter-spacing: normal; color: #000000; } 

.note { margin: 40px auto 0 auto; width: 290px; height: 332px; background:url(../images/slip.png) no-repeat; }

.desire { padding: 86px 10px 0 13px; }
input, textarea { width: 252px; }
input { margin: 0; padding:2px 4px 2px 4px; border: none; background-color: #fdfdfd; }
textarea { margin: 0; padding:4px; border: none; font: 13px Arial, Helvetica, sans-serif; background-color: #fdfdfd; overflow: hidden;}
.formline { clear: both; padding: 1px 0 1px 0; } /* Zeilenschalter */
.formlabel { height: 14px; display:block; font-size: 11px; color: #00357c; font-weight: bold; text-align: left; padding: 4px 5px 3px 0; }
.defform_breite { width: 40px; }
.disable { background-color: #a3bdd4; }
.formline table { padding: 0; margin: 0; width: 100%; }
.count { height: 38px; text-align: right; padding: 10px 6px 0 0; font: 24px Arial, Helvetica, sans-serif; font-weight: bold; color: #a4a4a6;  }
input#button { width: 48px; height: 38px; background:url(../images/ok-32.png); background-position: 8px 7px; background-repeat: no-repeat; cursor: pointer; }
.sendto { width: 260px; height: 40px; padding: 4px 0 0 0; font-weight: normal; font-size: 10px; color: #808080; }
#diahint { float: left; margin: 0; padding: 4px 6px 4px 6px; display: block; position: absolute; background-color: #f00; color: #fff; font-weight: bold; }
.formlabel p { color: #00357c; font-weight: bold; }


/* Desire-Archiv Styling
----------------------------------------------------------------------------------------------------*/
p.archtro { margin: 0 0 20px 0; padding: 0 0 0 12px; width:570px; font-size: 13px; color: #00376e; }
#docket { margin: 0 0 0 12px; padding: 0; width: 646px; height: 30px; background-image: url(../images/docket30.png); background-repeat: repeat-x; }
#backupbox { position: relative; display: block; margin: 0 0 0 12px; padding: 0 8px 0 8px; width: 630px; height: 250px; background-image: url(../images/listing.jpg); background-repeat: repeat-y; overflow-y: auto; overflow-x: hidden; background-color: #d2d1d2; border-top: 1px #959595 solid; border-bottom: 1px #959595 solid; }
#backupbox ul { padding: 0; margin: 0; width: auto; list-style-type: none; }
#backupbox li { display: block; margin: 0; padding: 6px 0 5px 0; border-bottom: 1px #959595 solid; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #00376e;  }
#backupbox li span { font-size: 11px; font-weight: normal; text-transform: none; color: #00376e; }


/* Article-Listings 
----------------------------------------------------------------------------------------------------*/
.articlelist { margin: 30px 0 0 0; padding: 0; display: block; width: 100%; }
.articlelist h3 { margin: 0 0 4px 0; padding: 0; font-size: 18px; color: #6c6c6c; }
.articlelist a { margin: 0; padding: 0; font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; color: #6c6c6c; text-decoration: none; }
.articlelist a:hover { text-decoration: underline; }
.articlelist hr { margin: 8px 0 8px 0; padding: 0; border: none; border-bottom: 1px #959595 dotted; height: 1px; }
* html .articlelist hr { margin: 0; }


/* Agency-Listing
----------------------------------------------------------------------------------------------------*/
.agency_intro { margin: 20px 0 0 0; font: 12px Georgia, Times New Roman, Times, serif; font-style: italic; color: #ffffff; }
.agency_list { margin: 0; padding: 6px 2px 2px 2px;  width: 100%; height: 250px; overflow: auto; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; background-image:url('../agentur/images/backdrop.png'); background-repeat:repeat-x; }
.agency_list p { margin: 0; padding: 6px 0 6px 0; }
.agency_list a { margin: 0; padding: 0 6px 0 6px; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase; }
.agency_list a:hover { text-decoration: underline; }


/* Agency-Article 
----------------------------------------------------------------------------------------------------*/
.agency_lead { margin: 16px 0 0 0; padding: 0; }

.agency_lead h2 { margin: 34px 0 4px 0; padding: 0 0 0 20px; font-size: 16px; line-height: 22px; color: #6c6c6c; }
.agency_lead h1 { margin: 10px 0 20px 0; padding: 0 0 0 20px; font-size: 19pt; font-weight: bold; color: #0065a0; }

.agency_bild { margin:4px 0 4px 0; padding: 0; border: 4px #fff solid; }

.agency_story { margin: 0 0 0 20px; padding: 0; }
.artborder { border-left: 1px #0065a0 solid; }
.agency_story h1 { margin: 30px 0 0 0; font-size: 19pt; font-weight: bold; color: #0065a0; }
.agency_story h2 { font-size: 12pt; color: #6c6c6c /* 0065a0 */; }
.agCat { margin: 65px 0 0 20px; } /* Rubrik-Kategorie */
.agency_story ul { list-style-type: upper-roman; line-height: 14pt; padding-left: 0; margin-left: 16px; width: auto; }
.agency_story ul ul { list-style-type: square; }
.agency_story ul li { margin-bottom: 10px; }

.agency_down { width: 550px; height: 32px; margin: 8px 0 8px 0; padding: 8px; background-color: #fff; border-top: 1px #c0bebe solid; border-bottom: 1px #c0bebe solid; } 
.agency_down a { float: left; height: 32px; width: 130px; padding: 8px 16px 0 34px; color: #6c6c6c; text-decoration: none; display: inline-block; background-image: url(../images/b_pdf.png); background-repeat: no-repeat; background-position: 0 2px; }
.agency_down a:hover { text-decoration: underline; color: #0065a0; }
.agency_down strong { color: #0065a0; display: block; }



/* Contact-Styling
----------------------------------------------------------------------------------------------------*/
.agComm { margin: 100px 0 0 20px; position: relative; z-index: 10; } /* Rubrik-Kategorie */


/* Magazin-Article 
----------------------------------------------------------------------------------------------------*/
.intro { margin: 16px 0 0 0; padding: 0; }
.intro p { padding: 0 0 0 20px; font: 16px Georgia, Times New Roman, Times, serif; font-style: italic; text-transform: none; line-height: 20px; color:#757575; } 
.intro h1 { margin: 30px 0 0 0; padding: 0 0 0 20px; font-size: 19pt; font-weight: bold; color: #0065a0; }
img.intro { margin: 0 0 0 20px; padding: 0; border: 1px #c0bebe /*#a2a2a2*/ solid; } /* 16px */
.story { margin: 16px 0 0 20px; padding: 0; }
.story img { border: 1px #c0bebe solid; }
.date { margin: 0 6px 0 0; padding: 0 6px 0 0; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #6c6c6c; border-right:1px #6c6c6c dotted; }



/* Sample-Styling 
----------------------------------------------------------------------------------------------------*/
.presenter { margin: 10px 0 14px 12px; display: block; font-size: 14px; color: #ffffff; }


/* Global Font-Styling 
----------------------------------------------------------------------------------------------------*/
h1 { font-size: 20pt; color: #6c6c6c; }
h2 { font-size: 14pt; color: #6c6c6c; }
h4 { font-size: 18pt; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
h5 { font-size: 20pt; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
p { font-size: 10pt; line-height: 14pt; color: #000000; }


/* Imprint-Style
----------------------------------------------------------------------------------------------------*/
table { border-collapse: collapse;  border-spacing: 1px; margin: 2px 0 10px 12px; }
table colgroup.impdaten { margin: 0; padding: 0; line-height: normal; }
table col.bezeichn { width: 140px; }
.bezeichn { color: #ccc; }
th { margin: 0; padding: 2px 0 10px 0; line-height: 16px; font-weight: normal; color: #fff; }
td { margin: 0; padding: 2px 4px 2px 4px; vertical-align: top; }
p.imprint { display: block; width: 354px; font-size: 12px; margin: 2px 0 10px 12px; }
p.imprint strong { color: #000; /* #00376e; */ }


/* Footer-Styling 
----------------------------------------------------------------------------------------------------*/
.copy { margin: 4px 0 0 4px; padding: 0; font-size: 11px; color: #959595; }