﻿@page  { margin-left: 2cm; margin-right: 2cm; margin-top: 2cm; margin-bottom: 2cm; }

/* all media design */

/* basic classes */

@font-face {
	font-family: 'BertholdAkzidenzGroteskBERegu';
	src: url('/fonts/bertholdakzidenzgrotesk-webfont.eot');
	src: url('/fonts/bertholdakzidenzgrotesk-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fonts/bertholdakzidenzgrotesk-webfont.woff') format('woff'),
	url('/fonts/bertholdakzidenzgrotesk-webfont.ttf') format('truetype'),
	url('/fonts/bertholdakzidenzgrotesk-webfont.svg#BertholdAkzidenzGroteskBERegu') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin:0;
	padding:0;
}

html, body {
    margin:0;
    padding:0;
}

body {
	color:#000;
	font-size:1.01em;
	font-family: Times New Roman, Serif;
	font-style:normal;
	margin:0;
	padding:0;
	width:100%;
	background:#e3e3e4;
	/*text-align:center;   center for IE */
}

a {
	text-decoration: none;
	color: #369;
}

a:hover, a:visited {

}

form {
	margin:0;
	padding:0;
	clear:both;
}

img {
	font-family:Times New Roman, Serif;
	margin:0;
	padding:0;
	border:0px;
}

.page {
	clear:both;
	margin:0px auto 0px auto;				/* horizontal align */
	padding:0;
    border:0px solid #000;
    overflow:hidden;
    width:1050px;   /* define absolute page width */
}

.topshadow {

	padding:0;
    overflow:hidden;
    height:10px; 
    width:1010px;
    margin:0px 20px 0px 20px;
    background:transparent url('/images/bg_shadowtop.gif') no-repeat right top; 
}

.leftheadshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px; 
    height:90px; 
    background:transparent url('/images/bg_shadowleft.gif') repeat-y right top;  
    float:left;
}

.rightheadshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px;  
    height:90px;
    background:transparent url('/images/bg_shadowright.gif') repeat-y left top;  
    float:right;
}

.headshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:10px;  
    height:90px;
    background:transparent url('/images/bg_shadowheader.gif') no-repeat left top;  
    float:right;
}

.head {
   width:990px;   
   height: 90px;

   float:left;
}

.topnavshadow {
    margin:0px 20px 0px 25px;
	padding:0;
    overflow:hidden;
    width:1005px;
    height:10px;
    background:transparent url('/images/bg_contentshadowbottomnew.gif') no-repeat right top;
    clear:both;
}

.pfeil_left 
{
    border: 0px solid #000;
    background:transparent url('/images/PfeilHeader_left.gif') no-repeat right top;
    width:30px;
    height:90px;
    margin-left:-30px;
    z-index:100;
}

.pfeil_top 
{
    border: 0px solid #000;
    background:transparent url('/images/PfeilHeader_top.gif') no-repeat right top;
    width:45px;
    height:10px;
    margin-left:-20px;
    margin-top:0px;
    z-index:100;
}

.pfeil_bottom 
{
    border: 0px solid #000;
    background:transparent url('/images/PfeilHeader_bottom.gif') no-repeat right top;
    width: 145px;
    height: 10px;
    margin-left: 7px;
    margin-top: 0px;
    z-index: 100;
}

.headwrapper {
    width:865px;
    height:90px;
    background-color:#fff;
}

.headwrapper_right {
float:right;
    width: 115px;
    height:120px;
    background-color:#fff;
}

.head_arrow {
    padding:2px 15px 3px 15px;
}

.head_image {
    padding:0px;
}

.navigation {
    height:20px;16:48 11.06.2013
    margin:0px;
    width:875px;
    float:left;
}

.leftnavshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px; 
    height:20px; 
    background:transparent url('/images/bg_shadowleft.gif') repeat-y right top;  
    float:left;
}

.rightnavshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px;  
    height:20px;
    background:transparent url('/images/bg_shadowright.gif') repeat-y left top;  
    float:right;
}

.head_navigation {
    padding:0px 15px;
    margin:0px;
    font-size:14px;
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px;
    overflow:hidden;
    float:left;
    height:20px;
}

.head_navigation_arrow {
    padding:4px 15px;
    font-size:14px;
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
}

.navwrapper {
    height:20px;
    width:86516:48 11.06.2013px;
    background:#fff url('/images/bg_navigation.gif') no-repeat left top;
    overflow: hidden;
}

.navshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:10px;  
    height:20px;
    background:transparent url('/images/bg_shadowheader.gif') no-repeat left top;  
    float:right;
}

ul.head_navigation_main {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
}

ul.head_navigation_main li {
    float:left;
    margin:0 15px 0 0;
}

.head_navigation_main li a {
    color:#000;
    margin:6px 0px 4px;
    height:11px;
    line-height:11px;
    display:block;
    font-weight:normal;
}

.head_navigation_main li a:hover {
    color:#e3001b;
}

ul.head_navigation_additional {
    float:right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
}

ul.head_navigation_additional li {
    float:right;
    margin:0px;
    text-align:center;
}

.head_navigation_additional li a {
    color:#000;
}

.head_navigation_additional li a:hover {
    color:#e3001b;
}

.topcontentshadow {
    margin:0px 20px 0px 25px;
	padding:0;
    overflow:hidden;
    width:1005px;
    height:10px;
    background:transparent url('/images/bg_contentshadowbottom.gif') no-repeat right top;
    clear:both;
}

.contentshadowwrapper {
     float:left;
     overflow:hidden;
}

.leftcontentshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px; 
    height:100px; 
    background:transparent url('/images/bg_shadowleft.gif') repeat-y right top;  
    float:left;
    margin-bottom: -1711px;
    padding-bottom: 1711px;
}

.rightcontentshadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px;  
    height:100px; 
    background:transparent url('/images/bg_shadowright.gif') repeat-y left top;  
    float:right;
    margin-bottom: -1711px;
    padding-bottom: 1711px;
}

.contentwrapper {
    border:0px solid #000;
    width:990px;
    height:425px;
    float:left;
    background-color:#fff;
}

.content_skip 
{
    float:right;
    border:0px solid #000;
    margin:403px 0px 0px;
    padding:0px 9px 0px 9px;
    font-size:14px;
    line-height:14px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.04em;
    color:#000;
}

.content_skip span 
{
    margin-right:7px;
}

.img_skip 
{
    width:9px;
    height:10px;
}

.content {
    margin:0px;
    padding:25px 25px 0px 25px;
    float:left;
}

.content_text {
    margin:0px;
    padding:8px 25px 0px 25px;
    float:left;
}

.content_info 
{
    margin:0px;
    padding:22px 25px 9px 25px;
    float:left;
}

.content_rheumapfeil {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_rheumatoidearthritis {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_kampagne {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_werbemittel {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_rheumatruck {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_ausstellung {
    padding:11px 15px 16px 13px;
    margin-top:280px;
    float:left;
    position:relative; 
    background:#fff;
}

.content_directions 
{
    border:0px solid #000;
    float:right;
    margin:0px;
    padding-top:3px;
    text-align:left;
    width:390px;
}

.content_contact 
{
    border:0px solid #f00;
    float:left;
    margin-right:40px;
    text-align:left;
    width:510px;
}

.content_contact a, .content_contact a:hover, .content_contact a:visited, .content_contact a:active 
{
    color:#E3001B;
}

.content_legalinforight 
{
    border:0px solid #f00;
    float:right;
    text-align:left;
    width:440px;
}

.content_legalinfoleft 
{
    border:0px solid #f00;
    float:left;
    margin-right:30px;
    text-align:left;
    width:470px;
}

.imagetext {
    font-size:12px;
    margin:7px 10px 12px 0;
}

h1 {
    font-size:40px;
    line-height:40px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.05em;
    margin-bottom:5px;
    color:#000;
}

h2 {
    font-size:20px;
    line-height:20px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.03em;
    color:#000;
}

h3 {
    padding:0px;
    font-size:20px;
    line-height:20px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    margin-bottom:16px;
}

h4 {
    padding:0px;
    font-size:15px;
    line-height:15px;	
    letter-spacing:0px; 
    font-weight:bold;
}

h5 {
    font-size:36px;
    line-height:50px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.05em;
    margin:0px 0px;
    color:#000;
}

.bigparagraph 
{
    margin:5px 0px 30px;
}

.toplink 
{
    margin:5px 0px 12px;
    font-size:36px;
    line-height:50px;	
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px; 
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.05em;
    color:#000;
}

.toplink span 
{
    margin-left:18px;
}

.toplink a 
{
    color:#000;
    text-decoration:none;
}

.bigparagraph ul 
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px 0px;
}

.bigparagraph li 
{

}

.higlighted 
{
    color:#E3001B;
}

.content p {
    padding:5px 0px 11px 0px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing:0.03em;
}

.content_info p {
    padding:5px 0px 11px 0px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing:0.03em;
}

.bigparagraph a, .bigparagraph a:hover, .bigparagraph a:visited, .bigparagraph a:active 
{
    color:#E3001B;
    text-decoration:underline;
}

.defaultmenu {
    width:135px;
    margin:4px 15px 0px 0px;
    float:left;
    border:0px solid #000;
}

ul.default_navigation  {
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    font-size:10px;
    list-style:none outside none;
    margin:0;
    text-transform:uppercase;
}

ul.default_navigation li {
    margin:0px 0px 10px;
}

ul.default_navigation li a {
    color:#000;
    text-decoration:none;
}

ul.default_navigation li a:hover {
    color:#e3001b;
}

.center {
    text-align:center
}

.hidden {
    display:none;
}

.multiline 
{
    width:500px;
}

.textbox_single 
{
    width:500px;
}

li a.selected {
    color:#e3001b !important;
}

li.selected a {
    color:#e3001b !important;
}

.topfootershadow {
    margin:0px 20px 0px 25px;
	padding:0;
    overflow:hidden;
    width:1005px;
    height:10px;
    background:transparent url('/images/bg_contentshadowbottom.gif') no-repeat right top;
    clear:both;
}

.leftfootershadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px; 
    height:20px; 
    background:#E3E3E4 url('/images/bg_shadowleft.gif') repeat-y right top;  
    float:left;
}

.rightfootershadow {
	margin:0;
	padding:0;
    overflow:hidden;
    width:30px;  
    height:20px;
    background:#E3E3E4 url('/images/bg_shadowright.gif') repeat-y left top;  
    float:right;
}

.footer {
    height:20px;
    margin:0px;
    background-color:#fff;
    overflow: hidden;
    float:left;
    width:990px;
}

.bottomfootershadow {
    margin:0px 20px 0px 25px;
	padding:0;
    overflow:hidden;
    width:1005px;
    height:10px;
    background:transparent url('/images/bg_footershadowbottom.gif') no-repeat right top;  
    clear:both;
}

.footer_navigation {
    padding:0px 15px;
    margin:0px;
    font-size:14px;
    font-family:'BertholdAkzidenzGroteskBERegu', Arial;
    text-transform:uppercase;
    letter-spacing:0px;
    float:left;
    height:20px;
}

ul.footer_navigation_main {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px 0px;
}

ul.footer_navigation_main li {
    float:left;
    margin:0 15px 0 0;
}

.footer_navigation_main li a {
    color:#000;
    margin:6px 0px 4px;
    height:11px;
    line-height:11px;
    display:block;
}

.footer_navigation_main li a:hover {
    color:#e3001b;
}