/* CSS Document */

/* alles auf null */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, b, i, br, sup { margin: 0; padding: 0; border-width:0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal}

@font-face {
    font-family: 'unispikRegular';
    src: url('../fonts/unipsik-webfont.eot');
    src: url('../fonts/unipsik-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/unipsik-webfont.woff') format('woff'),
         url('../fonts/unipsik-webfont.ttf') format('truetype'),
         url('../fonts/unipsik-webfont.svg#unispikRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'unitrspItalic';
    src: url('../fonts/unitrsp-webfont.eot');
    src: url('../fonts/unitrsp-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/unitrsp-webfont.woff') format('woff'),
         url('../fonts/unitrsp-webfont.ttf') format('truetype'),
         url('../fonts/unitrsp-webfont.svg#unitrspRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Allgemein g�ltige Formatierungen */

body {background-color: #cce7d3;} 
a:focus {outline:none;}
a, #nav a {text-decoration: none;}
ul, li {list-style-type: none;}

h1, h2, h2 a, h3, #nav li a, #nav li, #header, h1 span { font-family: 'unispikRegular'; color: #000;}
h1 i, h2 i, h2 i a, #header i, h1 em, h2 em, h2 em a, #header em { font-family: 'unitrspItalic'; color: #000; font-style:normal; word-spacing:-0.2em;}

h1 {font-size: 25px; line-height: 27px; padding: 0 0 16px 423px; border-bottom: 1px solid #999; }
h2 {font-size: 21px; line-height: 21px; padding: 16px 0px 12px 0; border-bottom: 1px solid #999; } 
h3 {font-size: 21px; line-height: 21px; color: #000; margin: 10px 0 10px 0;}

p a, h2 a, li a, #publication_data a {text-decoration: underline; color:#000;}
#item a, .ranges a, .listnav a {text-decoration: underline; color:#777;}

strong, strong a {color:#777; line-height: 18px;}
strong a:visited {color:#888;}

#bg_wrapper {max-width:1400px; min-width:960px; overflow:visible; background: url(../images/frontend/fade_bg.png) repeat-x #fff; margin-left:auto; margin-right:auto;  }
#bg_logo_wrapper {width:100%; min-width:960px; overflow:visible; background: url(../images/frontend/bg_logo.png) center 25px no-repeat;}
#main_wrapper {width:930px; margin-left:auto; margin-right:auto; padding: 0 15px 65px 15px; min-height:1040px; overflow: hidden;}

#header {width:100%; height:100px; font-size: 21px; line-height: 23px; margin-top: 20px; padding-left: 45.5%; padding-top: 74px; background: url(../images/frontend/header.png) no-repeat; }
 
#nav {margin-bottom: 47px; white-space: nowrap; }
#nav li {font-size: 19px; display: inline; border-top: 1px solid #999; margin-right: 9px; padding: 8px 20px 10px 20px; background-image: url(../images/frontend/line.png); background-repeat: repeat-x; background-position: left bottom; white-space: nowrap;}
#nav li:hover, #nav .active {background: url(../images/frontend/line.png) bottom repeat-x #f4f4f4;}
#en {background-color: #c7e1f5 !important; padding: 8px 10px 10px 10px !important; margin-left: -1px; margin-right:0px !important }

#content_right {width: 508px; border-top: 4px solid #ddd; background: url(../images/frontend/line.png) bottom repeat-x; float:right}
#content_left {width:382px; padding: 5px 0 43px 0; text-align: right; background: url(../images/frontend/line.png) bottom repeat-x; float: left;}
#content_right p {font-size:16px; line-height:21px; margin: 13px 0 16px 0; }

/* GLM Portal */

#wrapper { width: 523px; position:relative; left:-17px; margin: 19px 0 22px 0;  border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #777;}
.ranges {border-top: 1px solid #ccc; position:relative; padding-bottom: 1px; }
.range {margin: 17px;}
.range h1 {line-height: 40px; padding: 0px 0px 2px 0;}
#item h1 {padding: 0px 0 12px 0;}
.ranges a, .inarbeit {font-size:13px; display: block; text-align:right; width:95%; height:100%; position: absolute; top:0; right:0; padding:15px; z-index:400;}
.enter:hover {background-color: #f4f4f4;}

.range, #item {padding-left: 19px; background: url(../images/frontend/glm_line.png) repeat-y; position:relative;}
.publication_row_1 #item {background: url(../images/frontend/vertical_line_green.png) repeat-y !important; }
.publication_row_2 #item {background: url(../images/frontend/vertical_line_orange.png) repeat-y !important; }
.publication_row_3 #item {background: url(../images/frontend/vertical_line_blue.png) repeat-y !important; }
.publication_row_4 #item {background: url(../images/frontend/vertical_line_pink.png) repeat-y !important; }

h1 span {font-size:25px; color:#fff; padding: 3px 7px 2px 5px; margin-left: 1px; border-bottom: 1px solid #333;}
.or span {background-color: #ff9933;}
.gr span {background-color: #00cc99;}
.bl span {background-color: #4aacee;}
.pi span {background-color: #ec008c;}

.l_or {background-position: -600px !important;} 
.l_bl {background-position: -1200px !important;}
.l_pi {background-position: -1800px !important;}

#welcome {margin-top: 50px;}
#welcome p, #kontakt {font-size: 14px; line-height:19px; padding: 16px 0 16px 0; border-bottom: 1px solid #ccc;}

.fb_link { font-size: 13px !important; text-align: right; border-top: 1px solid #ccc; padding-top: 7px;}

.item_link {position: absolute; right: 0px; top: 0px; border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
.item_link.last {margin-right: 39px;}


/* GLM Details */

.claim {border-bottom: 1px solid #ccc; padding-bottom: 13px; }
#item {position: relative;}
#item h2, #kontakt p {padding: 0px 0px 12px 0;}
#item p {margin: 10px 0 13px 0; }
#item strong {font-size: 14px;}

.sub_de {background-color: #d1e7d7;} .sub_en {background-color: #d1dde7;} 
.download {padding: 21px 15px 22px 0; position: relative;}
.download a {color: #000000;}
.download .filename {width: 285px;}
.download .filename a {text-decoration: none !important;}
.downbutt {height: 26px !important; padding-top: 6px; position: absolute; right: 20px; top: 14px; font-size: 16px !important;}

.gloss {font-size: 14px !important; line-height:18px !important;}

#listheader { padding-top: 33px; }
.listnav {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.listnav a, .listnav span {font-size:13px; line-height: 30px; color:#777; font-weight: bold; text-decoration:none !important; padding: 7px 15px 7px 15px; border-left: 1px solid #ccc;}
.listnav a:hover, .listnav span, .listnav .list_navigation_item_current {background-color:#eee;}
.listnav .list_navigation_item_current {cursor: default;}

.list a {font-size:14px; color:#777; line-height:19px; text-decoration: underline; display:block; padding: 11px 13px 11px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.list a:visited {text-decoration: none;}
.list a:hover {background-color: #eee;}
.list .publication_list {display: none; visibility: hidden;}
.list .publication_list_current {display: block !important; visibility: visible !important;}
#active {/*display: none !important;*/background-color: #eee;}

/* GLM Kontakt */
#sendheader {margin-bottom: 16px;}

/* ENGLISH VERISON */
.body_en {background-color: #d3dde4;} 
.body_en #header {background: url(../images/frontend/header_en.png) no-repeat !important;}
#bg_wrapper_en {max-width:1400px; min-width:960px; overflow:visible; background: url(../images/frontend/fade_bg_en.png) repeat-x #fff; margin-left:auto; margin-right:auto;  }
#bg_logo_wrapper_en {width:100%; min-width:960px; overflow:visible; background: url(../images/frontend/bg_logo_en.png) center 25px no-repeat;}
#de {background-color: #cce7d3 !important; padding: 8px 10px 10px 10px !important; margin-left: -1px; margin-right:0px !important }

#credits_hidden {display:none; visibility:hidden;}
#logo_print {display:none; visibility:hidden;}

/* Forms */
.glm_form {border: 1px solid #ccc; border-bottom: 1px solid #666; background-color: #f4f4f4; padding-left: 18px; margin-top: 22px;}
.glm_form h2 {margin-right: 18px;}
.glm_form p, .getitem label, .getitem input {font-size: 14px !important;}
.glm_form label {display:block; width: 80px; line-height: 25px; padding-top: 0px; float:left;}
.glm_form input, .glm_form textarea {float: left; width: 382px; margin-bottom: 5px; padding: 3px; font-size: 14px; border: solid 1px #ccc;}
.glm_form input.error, .glm_form textarea.error {margin-bottom: 2px;}
#quantity {width: 30px;}
#message { width: 382px; height: 75px; overflow: hidden; resize: none;}
#submit {float: none; width: 172px; height: 32px; text-align: center; font-size: 11px; border: 0px solid #ccc !important; border-top: 1px solid #fff !important; cursor:pointer; outline: solid 1px #bbb;}
#submit:hover {outline: solid 1px #999;} 
.senden {position: relative; clear:both; line-height: 18px !important; padding-top: 12px; padding-right: 20px; margin-bottom: 16px; text-align: right; }
.ssl {background: url(../images/frontend/ssl.png) no-repeat 0px 13px;} .ssl_en {background: url(../images/frontend/ssl_en.png) no-repeat 0px 13px;}

.glm_form input.error, .glm_form textarea.error {border: 1px solid #ff0000;}
.glm_form div.error {clear: both; display: none; visibility: hidden; font-size: 12px; color: #ff0000; padding-top: 2px; padding-right: 18px; padding-bottom: 8px; text-align: right;}
.glm_form div.error.display-error {display: block; visibility: visible;}
.glm_form div.error.quantity {padding-left: 80px; text-align: left !important;}
.glm_form .response {display: none; margin-top: 12px; font-size: 14px; font-weight: bold; text-align: left;}
.glm_form #failure {color: #ff0000;}

#out_of_stock {padding: 20px;}


#publication_param {display: none; visibility: hidden;}

.nav_item_pub {padding-right: 0 !important; padding-left: 0 !important;}
.nav_item_pub a, .nav_item_pub.active {padding-right: 65px !important; padding-left: 65px !important;}