/*
Base CSS

@site       silhouette.at
-------------------------------------------------------------------*/
html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body { background-color: #fff; color: #7e7e7e; font-size: 12px; position: relative; text-align: center; /* background:url(../_img/main-bg/bg_TMAlead.jpg) no-repeat 50% 0;*/ }

/*body * { border:solid 1px green;}*/

/* @section =stan
dard Elemente
-------------------------------------------------------------------*/
body { behavior: url("/html/Content/_ext/csshover.htc"); }


/* ----- =anchors ----- */


a { color: #7e7e7e; outline: none; text-decoration: none; }
a:hover { }
/*
a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} 
a.nu:hover {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:hover {}
*/

/* ----- =headlines/ Überschriften/ Absätze ----- */
/* Zeilenhöhe 18px */
h2, h3, h4 { font-weight: normal; }
h1 { font-size: 1.7em; line-height: 1.09; margin: 1.09em 0 .27em; font-weight: normal; }
/*22px*/
h2 { font-size: 1.3em; line-height: 1; /*margin:1em 0 .33em;*/ margin: 0; }
/*20px*/
h3 { font-size: 1.2em; line-height: 1.13; margin: 1.13em 0 .38em; }
/*17px*/
h4 { font-size: 1.17em; line-height: 1.29; margin: 1.29em 0 .43em; }
/*14px*/
h5 { font-size: 1em; line-height: 1.5; margin: 1.5em 0 .5em; }
/*12px*/
h6 { font-size: 0.915em; line-height: 1.64; margin: 1.64em 0 .55em; }
/*11px*/
p { line-height: 1.5; margin: 0 0 1.5em; }

/* Erster Buchstabe des Absatzes Groß und hinterlegt
p:first-child:first-letter{float:left;font-size:1.6em;padding:5px;background:#000;color:#fff;margin-right:4px;font-weight:bold;}
p:first-child:first-line{font-variant:small-caps;}
*/

/* ----- =list ----- */
li { line-height: 1.5; }
ol { margin: 1.5em 0 1.5em 2.5em; }
/* position: relative; Verhindert das verschwinden von Hintergrundbilder bei Listen */
ul.tarn li ul, ul.tarn li ol, ul { margin: 1.5em 0 1.5em 1.67em; list-style-type: square; }
ul.tarn { list-style: none; margin: 0; padding: 0; }

/* ----- =image ----- */
img { border: 0; }
/* display:block; Verhindert whitespace unter bild */
.fright img, img.fright { margin: 0 0 .3em .8em; }
.fleft img, img.fleft { margin: 0 .8em .3em 0; }
.light { color: #fff; }
.light a { color: #fff; }

/* @section =base
-------------------------------------------------------------------*/
#c-parent { margin: 0 auto; position: relative; text-align: left; width: 989px; background-repeat: no-repeat; }
.repeat { background: url(../_img/main-bg/bg-verlauf-repeat.jpg) repeat-y 50% 0; }
#c-header { height: 100px; width: 100%; }
.c-logo { margin: 0 0 0 409px; }
.c-logo .light, .c-logo .dark { background: url(../_img/logoLight.png) no-repeat top left; height: 60px; width: 170px; display: block; }
.c-logo .dark { background: url(../_img/logoDark.png); }

#c-content { font-size: 1.1em; min-height: 390px; padding: 40px 10px 10px 10px; }
* html #c-content { height: 390px; }

.marke #c-content { padding-left: 0; padding-right: 0; }
/*kein padding auf brillenDetail.html*/


#c-footer { height: 61px; width: 100%; position: relative; }
.lang-link { text-transform: uppercase; }

.meta .arrow { background: url(../_img/arrow.png) no-repeat right 15%; padding-right: 10px; }
.meta .light .arrow { background: url(../_img/arrow_light.gif) no-repeat right 15%; padding-right: 10px; }

.meta li ul { display: none; height: 120px; position: absolute; left: -108px; top: 0; width: auto; z-index: 90; margin: 0; }
.meta li ul li { width: auto; }
.meta li ul li a { padding: 10px 0 10px 0px; }
.meta li:hover #lang-box { display: block; }

.meta #share:hover #share-box { display: block; }

.light #share-icon { background: url(../_img/icon_share_white.png) no-repeat scroll 0 2px; width: 15px; height: 15px; }
#share-icon { background: url(../_img/icon_share.png) no-repeat scroll 0 2px; width: 15px; height: 15px; }
#share-box { position: relative; background: url(../_img/bg_share.png) no-repeat 12px 18px; margin: -135px 0 0 88px; width: 131px; height: 135px; }
#share-box li { clear: both;  margin: 0 0 0 12px; }
#share-box li a { display: block; width: 90px; height: 7px; }
/* no-repeat scroll 0 -118px; */
#share-box li #youtube { background: url(../_img/share_list.png) no-repeat scroll 0 -5px; margin-top: 26px; }
#share-box li #facebook { background: url(../_img/share_list.png) no-repeat scroll 0 -35px; }
#share-box li #twitter { background: url(../_img/share_list.png) no-repeat scroll 0 -65px; }
#share-box li #youtube:hover { background: url(../_img/share_list.png) no-repeat scroll 0 -105px; margin-top: 26px; }
#share-box li #facebook:hover { background: url(../_img/share_list.png) no-repeat scroll 0 -135px; }
#share-box li #twitter:hover { background: url(../_img/share_list.png) no-repeat scroll 0 -165px; }


/* ----- =header navigation light ------------ */
#c-nav { float: left; margin-top: 12px; margin-left: 133px; position: relative; z-index: 90; }
#c-nav li, #navDetails li, #navRetailer li { margin: 0; float: left; margin: 0; padding: 0; }
#c-nav li a, #navDetails li a { display: block; text-decoration: none; color: #aba6a6; font-size: 1.2em; text-transform: uppercase; margin-left: 20px; }


#c-nav li a:hover, .area a:hover, #navDetails li a:hover, .area-press a:hover { color: #7e7e7e; }
#c-nav a.active, #navDetails a.active { color: #7e7e7e; }
.area-press a.active { color: #7e7e7e; }
.area a:hover { color: #7e7e7e; }
.area.light a:hover { color: #C9C3C3; }


/* ----- =header navigation light ----- */
#c-nav .light a { color: #fff; }
#c-nav .light a:hover { color: #dfd9d4; }

/* ----- =navigation brillen-details ----- */
#navDetails { margin-left: 200px; bottom: 20px; position: absolute; }
#navDetails li a { font-size: 1em; }
#navDetails.light li a { color: #fff; }

#switch, #switch-brand { float: left; width: 100%; }
#switch-brand { position: absolute; left: 0; bottom: 235px; }
.s-left { float: left; }
.s-right { float: right; }
.s-left a, .s-right a { height: 85px; width: 44px; display: block; }

.s-left a { background: url(../_img/pfeil_links.png) no-repeat top left; }
.s-right a { background: url(../_img/pfeil_rechts.png ) no-repeat top left; }
* html .s-left a { background: url(../_img/pfeil_links_ie.jpg) no-repeat top left; }
* html .s-right a { background: url(../_img/pfeil_rechts_ie.jpg ) no-repeat top left; }

.s-left a span, .s-right a span { display: none; }
/* ----- =meta navigation grau----- */
.meta { float: left; display: block; margin: 0 0 0 260px; position: absolute; bottom: 6px; }
.meta li { float: left; margin-right: 10px; list-style: none; }
.meta a { color: #7e7e7e; text-decoration: none; font-size: .9em; }
.meta .light a { color: #fff; text-decoration: none; font-size: .9em; }
.meta a:hover { text-decoration: underline; }




/* @section =module
-------------------------------------------------------------------*/
/* ----- =start ----- */
#countryBox, #formBox { margin: 0 auto; width: 736px; padding-top: 112px; font-weight: bold; float:right; }
#formBox { padding-top: 0; }
#retailerBox { width: 555px; float: right; }
.countrySelector, .countryList { float: left; width: auto; margin: 0 0 0 20px; }
.countryList { float: left; }
.countryList ul { margin-right: 20px; }
.countryList ul li a { overflow: hidden; }

#choiceBox { position: relative; top: 10px; left: 478px; }
#choiceBox input { width: 20px; border: 0;}

.choose { font-weight: normal; float: left; margin: 0; color: #bbbdbe; font-size: .9em; }

.countrySelector a, .countryList a { color: #bbbdbe; text-decoration: none; text-transform: uppercase; }
.countrySelector a:hover, .countryList a:hover { color: #707173; }
.countrySelector a.active, .cuntryList a.active { color: #707173; }

/* ----- =landingPage ----- */

#navLanding, #navAesthetic { position: absolute; bottom: 61px; left: 140px; z-index: 10; height: 149px; }
#navAesthetic { left: 320px; }
.landing-verlauf { background-color: #000; width: 989px; height: 149px; left: 0; bottom: 61px; position: absolute; z-index: 5; opacity: .2; filter: alpha(opacity=20); }
#navLanding li, #navAesthetic li { float: left; position: relative; width: 175px; }
#navLanding li span, #navAesthetic li span { color: #FFF; text-transform: uppercase; font-weight: bold; text-align: center; display: block; margin-top: -30px; }
#navLanding a:hover span, #navAesthetic a:hover span { color: #7E7E7E; }

/* ----- =content site ----- */
.col-left { width: 360px; }
.col-right { width: 360px; float: right; padding-right: 20px; }

/* ----- =eyewear glasses ----- */
/*.col-center{width:900px; border:solid 1px red; margin:0 auto;}
*/
.glasses { height: 160px; width: 240px; text-align: center; margin: 0; float: left; background: transparent none repeat-x 100% 70%; }
.glasses a { text-decoration: none; color: #666666; }
.glasses span { text-transform: uppercase; padding-top: 5px; display: block; font-size: 0.8em; }

.colors { display: none; padding: 5px; }
.colors span { float: left; width: 10px; height: 15px; margin: 0 4px 4px 0; }

.colors ul { padding-bottom: 20px; }

/* ----- =model details ----- */
.wrappDetails { margin: 0; width: 100%; height: auto; position: relative; }

.productDetails { width: 315px; position: absolute; top: 115px; right: 64px; z-index: 90; }

* html .productDetails { }

.productBig h2, .productDetails h2 { text-transform: uppercase; }

.productGlasses, .productBig { position: absolute; top: 50px; left: 90px; z-index: 1; }

.productDetails ul { margin: 0 0 0 17px; padding: 0; list-style-type: decimal; }
.productDetails ul li { margin: 0 0 0 7px; list-style-type: decimal; }
.productDetails p { margin-top: 5px; }

#nl-accordion, #accordion { margin-top: 5px; }
#nl-accordion div a, #accordion div a { display: block; font-weight: bold; margin-top: 8px; }
#nl-accordion div a .arrow, #accordion div a .arrow { background: url(../_img/arrow.png) no-repeat right 26%; padding-right: 8px; }
#nl-accordion div .selected .arrow, #accordion div .selected .arrow { background-image: none; }
#nl-accordion div div { margin: 10px 0 0 8px; }


.modelColors, .modelForms, .aestheticNav { height: 100px; width: 100%; float: left; /*opacity:0.1;*/ position: absolute; bottom: 73px; left: 0; padding-top: 40px; background: url(../_img/bg-details.png) repeat-y top left; /*opacity:0.2;*/ }
.aestheticNav { height: 24px; }
.aestheticNav #navDetails { margin-left: 400px; }

* html .modelColors, * html .modelForms { background-image: none; background-color: #dfdbda; }

#download-container { position: absolute; top: 140px; left: 145px; width: 700px; }

#download { font-size: 0.9em; }
#download li { float: left; width: 135px; margin-top: 30px; }
#download a:hover { text-decoration: underline; }


.colorSelector, .formSelector { height: 45px; margin: 0 auto; }
.colorSelector span { height: 40px; width: 20px; margin: 0 8px 0 0; float: left; }
.modelForms .forms { display: inline; }

.colorSelector .color-info { position: relative; }
.colorSelector .color-info span { height: auto; width: auto; background-color: #666666; color: #FFFFFF; position: absolute; top: -100%; left: -50%; display: none; padding: 2px; text-align: center; }


/* ----- =marke ----- */
.area, .area-press { height: 50px; width: 989px; background: transparent url(../_img/balken.png) no-repeat top left; position: absolute; bottom: 57px; text-align: center; left: 0; }
.area.special { background: transparent url(../_img/bar_special-trans.png) no-repeat top left; height: 65px; }

.area-press { bottom: 40px; }

.area a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 1em; font-weight: bold;  
          height: 32px; display: block; float: left; margin-top: 18px; margin-right: 20px; }
.area.special a { padding-top: 25px; }
#makingof { width: 169px; padding-right: 20px; }

.area-press a { color: #ABA6A6; display: block; text-transform: uppercase; font-size: 1em; margin: 0 10px 0 10px; float: left; padding-top: 18px; height: 32px; }
.area .firstChild { height: 40px; margin-left: 245px; }
.area.special .firstChild { height: 40px; margin-left: 133px; }
.area.special .lastChild { float: right; }
.area-press .firstChild { padding-top: 18px; margin-left: 200px; }

* html .area, * html .area-press { background: url(../_img/balken.jpg) no-repeat top left; position: absolute; }
* html .area .firstChild { margin-left: 135px; }
* html .area-press .firstChild { margin-left: 100px; padding-top: 18px; }


#dialogContent p { font-weight: bold; font-weight: bold; font-size: 1.2em; }
#dialogContent { margin-top: 80px; }


/* ----- =presse ----- */
.wrapp-overview { width: 700px; margin: 0 auto; }
.wrapp-overview-scroll { width: 700px; margin: 0 auto; height: 350px; overflow: auto; overflow-x: hidden; padding-right: 20px; position: relative; }
.overviewBox { width: 100%; border-bottom: solid 1px #a0a8b5; padding: 10px 0 5px 0; min-height: 109px; position: relative; }
.overviewBox p { margin: 0 0 0.5em; }
.overviewBox span { position: absolute; top: 15px; right: 0; font-weight: bold; }
.overviewBox .more { float: right; color: #717576; text-transform: uppercase; text-decoration: none; position: absolute; right: 0; bottom: 10px; }
.overviewBox a:hover { text-decoration: none; }



.txtBox { width: 500px; height: auto; float: left; margin: 0 0 0 20px; }
.txtBox span { padding: 3px 0 0 0; display: block; }
.imgBox { width: 109px; height: auto; float: left; margin: 5px 0 0 0; }

.detailBox { width: 800px; margin: 0 auto; }
* html .detailBox { width: 820px; }
.detailBox .imgBox { width: 215px; margin: 0; height: auto; }
.detailBox .imgBox img { margin: 0 0 10px 0; }
.detailBox .imgBox span { display: block; padding-bottom: 5px; }
.detailBox .txtBox { width: 550px; }
.backTo a { color: #717576; padding-right: 25px; }

#media-box { height: auto; float: left; width: 100%; }
#media-box h3 span { font-size: .75em; }
#media-box .imgBox { width: 100px; }
#media-box .txtBox { width: 675px; }


#media-box ul li { float: left; padding: 0 2px 0 2px; color: #7e7e7e; }
#media-box p { }
#media-box ul li a, #media-box a { text-decoration: none; color: #7e7e7e; text-transform: uppercase; }
#media-box a:hover { text-decoration: underline; }
.wrapp-media { float: left; height: auto; border-bottom: solid 1px #7e7e7e; padding-top: 15px; width: 100%; }
.wrapp-media:hover { background-color: #eeedee; }

/* ----- =journal ----- */
.wrapp-journal { width: 570px; margin: 0 auto; margin-top: -40px; }
.download-journal { margin: 0; padding-top: 60px; }
.download-journal a { float: left; margin: 0 0 0 50px; }

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
ul#c-sitenav, .v { height: 0; left: -1000px; display: inline; overflow: hidden; position: absolute; top: -1000px; width: 0; }
.ir { text-indent: -1000em; outline: 0; }
.none { display: none; visibility: hidden; }
.block { display: block; visibility: visible; }
.cfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cfix { display: block; }
.ofix { overflow: hidden; }

/* ----- =standard ----- */
.auto { width: auto; }
.brd img { border: 1px solid; display: block; }
.c { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.fright { float: right; }
.fleft { float: left; }
.fnone { float: none; }
.p0 { padding: 0; }
.m0 { margin: 0; }
.mtd { margin-top: 2em; }
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.pad { padding: .5em 1em; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.vcenter { vertical-align: middle; }
.vcenter img { vertical-align: middle; }
.versal { text-transform: uppercase; }
.none { display: none; }
/* ----- =ie debug ----- */
/**html #c-parent {height:580px;}*/
* html #c-nav { margin-left: 66px; }
* html .modelColors, * html .modelForms { width: 989px; }


* html .iefix { zoom: 1; }

/* ----- =retailer search ----- */
#navRetailer { float: left; margin: 12px 0 20px 133px; font-size: 1.3em; text-transform: uppercase; }
* html #navRetailer { margin: 12px 0 20px 67px; }
#navRetailer li { height: 40px; }
#navRetailer li a { display: block; text-decoration: none; margin-right: 35px; color: #7E7E7E; position: relative; background: url(../_img/arrow.png) no-repeat right 26%; padding-right: 10px; }
#navRetailer span { font-size: 0.6em; display: none; position: absolute; bottom: -15px; left: 0; width: 120px; }

#retailers th a span, #appointments th a span { background: url(../_img/arrow-mid.png) no-repeat right 26%; padding-right: 15px; }
#retailers th a span.sort, #appointments th a span.sort { background: url(../_img/arrow.png) no-repeat right 26%; padding-right: 15px; }


#resultRetailer { margin-left: 133px; }
#resultRetailer h1 { font-size: 1.3em; font-weight: normal; font-style: italic; margin-bottom: 20px; }
#resultRetailer a { text-decoration: none; color: #7E7E7E; padding: 4px 0; display: block; }

#resultRetailer #retailers { width: 600px; }
#resultRetailer #appointments { width: 670px; }
#resultRetailer th { font-size: 1.3em; font-weight: normal; font-style: italic; height: 50px; }
#resultRetailer td, th { padding: 0; }

#resultRetailer div.resultBlock { float: left; min-width: 200px; margin: 5px 0; }
* html #resultRetailer div.resultBlock { width: 200px; }

#appointment { width: 260px; height: 104px; float: right; text-align: left; font-size: 0.9em; border-bottom: 1px solid #fff; cursor: pointer; }
#appointment a { width: 260px; height: 104px; } 
#appointment .app-icon { background: url(../_img/beratungstermin.png) no-repeat; width: 110px; height: 100px; float:right; cursor: pointer; }
#appointment h1, #appointment p { float: left; width: 150px; cursor: pointer; }



#resultRetailer #address { float: left; margin-bottom: 10px; }

/* ----- +form layout retailer ----- */
#contactForm ul { width: 550px; }
#contactForm li.w1 { width: 117px; margin-right: 20px; }
#contactForm li.w1 input { width: 117px; }

* html #contactForm li.w1 { width: 117px; margin-right: 5px; }


#contactForm li.w2 { width: 270px; }
#contactForm li.w2 input { width: 270px; }

#contactForm li.w3 { width: 407px; }
#contactForm li.w3 input { width: 407px; }


#contactForm li.radio { width: 80px; }
#contactForm li.radio input { width: auto; margin: 0 5px 0 0; }

#contactForm .checkBox { width: 350px; }
#contactForm .checkBox label { width: 100%; }
#contactForm .checkBox input { width: 20px; }

#contactForm .checkBox input.transparent { background: transparent; border: none; }

/* ----- +form layout contact ----- */
.form { width: 425px; margin: 0 auto; }
.form ul { width: 500px; }
.form li.w1 { width: 200px; margin-right: 13px; }
.form li.w1 input, .form li.w2 input { width: 193px; }

.form li.w5 { width: 85px; margin-right: 20px; }
*html .form li.w5 { margin-right: 5px; }

.form li.w5 input, #contact li.w5 input { width: 100%; }
.form #country-select { width: 210px; }


*html .form li.w1 { width: 117px; margin-right: 5px; }

.form li.w2 { width: 200px; }


.form li.w3 { width: 407px; }
.form li.w3 input { width: 407px; }

.form li.w4 { width: 200px; }


.form li.radio { width: 80px; }
.form li.radio input { width: auto; margin: 0 5px 0 0; }

.form .checkBox { width: 350px; }
.form .checkBox label { width: 100%; }
.form .checkBox input { width: 20px; }

.form .checkBox input.transparent { background: transparent; border: none; }


form { clear: both; margin: 1em 0; padding: 0; width: 100%; }
form.bg { padding: 2%; width: 96%; }
fieldset { border: 0 none; margin: 0; padding: 0; text-align: left; }
legend { font-weight: bold; font-size: 1.1em; margin-bottom: .5em; }
form h2 { margin-top: 0; }
form p { margin: .5em 0; }
form ul { list-style-type: none; margin: 0; overflow: hidden; padding: 0; }
form ul li { background-image: none; float: left; list-style-image: none; padding: 4px 0; width: 100%; }
form ul label { display: block; float: left; /*margin:0;*/ width: 8em; }
form li.req { background-color: #ccc; }

/* ----- +form label ----- */
form small { clear: both; }
label { float: left; margin: .2em .5em 0 0; width: 7em; }
form .checktxt, form .radioktxt { margin-top: .15em; vertical-align: top; width: 13.5em; }
label span { color: #e8e4e1; }
/* ----- +form elements ----- */
input, select, textarea { background-color: #fff; border: 1px solid #e8e4e1; color: #636363; font-size: 1em; padding: .2em .4em; /*width:20em;*/ }
select { margin-right: .3em; padding: 0; width: auto; }
option { padding-left: 0.4em; }
/* resets rendering error */
textarea { vertical-align: top; }
input.button { padding: .2em .4em; text-align: center; width: 15.8em; }
input.nobutton { border: 0 none; font-weight: bold; padding: .2em .4em; width: auto; }
input.noborder { background-color: transparent; border: 0 none; margin-bottom: .7em; margin-right: .2em; padding: 0; width: auto; }
input.check { background-color: transparent; border: 0 none; margin: .3em .3em 0 0; padding: 0; width: auto; }
input.radio { background-color: transparent; border: 0 none; margin: .3em .3em 0 0; padding: 0; width: auto; }
/*input:focus, select:focus, textarea:focus {border-color:#9ab830;}
*/
label, input[type=checkbox], input[type=radio], input[type=submit] { cursor: pointer; }

/* ----- +form standard----- */
form .auto { width: auto; }
form .info { background-color: #ccc; color: #333; font-size: 0.85em; margin: 0 0 1em; padding: .5em; }
form .inline { display: inline; }
form .long { width: 20em; }
form .right { margin-left: 7.5em; text-align: left; }
form .short { width: 7em; }
form .top { margin-top: .2em; vertical-align: top; }

/*-----+vcard------*/
.adress-box { float: left; width: 340px; min-height: 170px; }
.adress-box address { font-style: normal; }
*html .adress-box { height: 170px; }
a.email:hover { text-decoration: underline; }


/*-----+brand------*/
#brand { width: 430px; }
#brand h1 { text-transform: uppercase; }

#brand .nav-lifestyle { margin: 40px 0 0 50px; }
.nav-lifestyle li { float: left; margin: 0 10px 0 0; }
.nav-lifestyle a { display: block; height: 91px; width: 91px; background-repeat: no-repeat; background-position: top right; cursor: pointer; }

.nav-lifestyle .n1 a { background: url(../_img/lifestyle/essential_small.png); }
.nav-lifestyle .n2 a { background: url(../_img/lifestyle/extravagant_small.png); }
.nav-lifestyle .n3 a { background: url(../_img/lifestyle/luxury_small.png); }

.nav-lifestyle .n1 a:hover { background: url(../_img/lifestyle/essential_small_over.png); }
.nav-lifestyle .n2 a:hover { background: url(../_img/lifestyle/extravagant_small_over.png); }
.nav-lifestyle .n3 a:hover { background: url(../_img/lifestyle/luxury_small_over.png); }


.image-row li { float: left; }

#global-warning, .error { color: red; }

#tma-special { position: absolute; left: 275px; bottom: 338px; }
#tma-special a { display: block; background: url(../_img/10Jahre_TMA.png); height: 100px; width: 224px; background-repeat: no-repeat; background-position: top right; cursor: pointer; }
#tma-special a:hover { background: url(../_img/10Jahre_TMA.png) no-repeat scroll 0 -118px; }

#news-teaser { position: absolute; left: 123px; bottom: 120px; }
#news-teaser .news-entry { min-height: 87px; }
#news-teaser .news-text h2 { text-transform: uppercase; font-size: 1.1em; line-height: 18px; }
#news-teaser .news-text { float: left; font-size: 0.9em; width: 200px; padding: 2px; line-height: 1.3; }
#news-teaser .news-img { float: left; width: 110px; text-align: center; }
#news-teaser a:hover { color: #fff; }

#tma-special2 { position: absolute; left: 80px; }
#tma-special2 a { display: block; background: url(../_img/icon/icon_pdf.png); height: 166px; width: 181px; background-repeat: no-repeat; background-position: top right; cursor: pointer; }
#tma-special2 a:hover { background: url(../_img/icon/icon_pdf.png) no-repeat scroll 0 -185px; }

#tma-link { position: absolute; left: 200px; bottom: -215px; }
#tma-link a { display: block; background: url(../_img/icon/to_tma.png); height: 29px; width: 304px; background-repeat: no-repeat; background-position: top right; cursor: pointer; }
#tma-link a:hover { background: url(../_img/icon/to_tma.png) no-repeat scroll 0 -34px; }

a.title { text-transform: uppercase; }