/*
Theme Name: TH-Reichstag
Theme URI: 
Description: Entdecken Sie mit mir und meinen Kollegen Berlins Vielfalt in zahlreichen Facetten: individuell, anspruchsvoll und auch verspielt
Author: NDesign
*/

/* begin Page */

body {
	margin: 0 auto;
	background-image: url('images/Page-BgTexture.jpg');
	background-repeat: repeat;
	background-attachment: scroll;
}

#art-main {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

#art-page-background-gradient {
	position: absolute;
	background-image: url('images/Page-BgGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width:100%;
	height: 700px;        /* !!!!!Höhe des Hintergundverlaufes - bis 900 px (660) */
}

#art-page-background-gradient {
	background-position: top left;
}

#footer1 {
	font-weight: normal;
	position: absolute;
        text-align: left;
       	left: 250px;
	top: 630px;
        letter-spacing: 0.5px; 
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: xx-small;
        color: #424B55;
}

#footer2 {
	font-weight: normal;
	position: absolute;
        text-align: right;
        right: 40px;
	top: 630px;
        letter-spacing: 0.5px; 
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: xx-small;
        color: #424B55;
}

*+html #footer {
	position: absolute;
        right: 45px;
        font-size: 0.9em;
padding-top: 10px;
}

#footer1 a {
        font-weight: normal;
        letter-spacing: 0.5px;
        color: #424B55;
}
#footer2 a {
        font-weight: normal;
        letter-spacing: 0.5px;
        color: #424B55;
}

#footer1 a:hover {
        font-weight: bold;
        color: #284664;
        letter-spacing: 0.5px;
}
#footer2 a:hover {
        font-weight: bold;
        color: #284664;
        letter-spacing: 0.5px;
}

form {
	padding:0 !important;
	margin:0 !important;
}

table.position {
	position: relative;
	width: 100%;
	table-layout: fixed;
}

/* end Page */

/* begin Box, Sheet */

.art-Sheet {
        background-color: #A1B7CE;
        top: 20px;                            /*!!!!!!!!Höhe im Fenster!!!!!*********/
	position:relative;
	z-index:0;
	width: 864px;
	margin:0 auto;
}

#art-page-background-gradient, #art-page-background-glare
{
	min-width:864px;
}

/* end Box, Sheet */

/* begin Header */

div.art-Header {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	width: 605px;
	height: 365px;
}

div.art-Header-1 {
	margin: 0 auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 605px;
	height: 365px;
        border-right: 3px solid #6E181A;                        /* !!! senkrechte Linie */
	background-image: url('images/Reichstag-Header.jpg');
}

div.art-Header-2 {
	margin: 0 auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 605px;
	height: 365px;
        border-right: 3px solid #6E181A;                        /* !!! senkrechte Linie */
	background-image: url('images/Museum-Header.jpg');
}

div.art-Header-3 {
	margin: 0 auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 605px;
	height: 365px;
        border-right: 3px solid #6E181A;                        /* !!! senkrechte Linie */
	background-image: url('images/Charite-Header.jpg');
}

div.art-Header-4 {
	margin: 0 auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 605px;
	height: 365px;
        border-right: 3px solid #6E181A;                        /* !!! senkrechte Linie */
	background-image: url('images/Extratouren-Header.jpg');
}

div.art-Header-5, .art-Header-6, .art-Header-7, .art-Header-8, .art-Header-9, .art-Header-10  {
        margin: 0 auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 605px;
	height: 365px;
        border-right: 3px solid #6E181A;                        /* !!! senkrechte Linie */ 
}

/* end Header */

/* begin Logo */

.art-Logo {
	background-image: url('images/Logo.jpg');
        background-color: #A1B7CE;	
        display : block;
	position: absolute;
	left: 612px;
	top: 5px;
	width: 247px;
        height: 55px;
}

#tablefoot {   
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: xx-small;   /*!!! für den IE*/
        font-weight: normal;          
	color: #6E181A;
	text-align: center;
        position: absolute;
	left: 630px;
	top: 305px;
	line-height: 110%;
}

#tablefoot a {   
  font-weight: normal;          
	color: #6E181A;}

#tablefoot a:hover {   
  font-weight: normal;          
	color: #284664;}

div.skyline-gif {
        display : block;
	position: absolute;
	left: 605px;
	top: 276px;
	width: 256px;
        height: 90px;
z-index: -5;	
	background-image: url('images/Skyline.gif');
	background-repeat: no-repeat;
	background-position: center center;
        /*border-left: 3px solid #6E181A;                         !!! senkrechte Linie */
}

/* end Logo */
/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {
	text-align:center;
	text-decoration:none;
	outline:none;
	letter-spacing: normal;                   /* !!!!!!!!Letter Abstand im Untermenü*/
}

.art-menu, .art-menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	/*display: block;*/
}

.art-menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover {
	z-index: 10000;
	white-space: normal;      /* Zeilenumbrüche/Leerzeichen durch Browser*/
}

.art-menu li li {
	float: none;
}

.art-menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul {
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul {
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	z-index: 1;
}
/*!.art-menu, .art-menu ul {
	min-height: 0;
}

.art-menu ul {
	background-image: url(images/spacer.gif);
	padding: 10px 60px 60px 30px;
	margin: -10px 0 0 -30px;
}

.art-menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
*/
/* menu structure */

.art-menu {
	padding: 0px;                    /* !!!!! MenüTextposition auf Linie */
}

.art-nav {
	position: relative;
	height: 27px;
	z-index: 100;
}

.art-nav .l, .art-nav .r {
	position: absolute;
	z-index: 0;
	height: 27px;
	background-image: url('images/nav.png');
}
.art-nav .l {
	left: 0;
	right:0; 
}

.art-nav .r {
	right: 0;
	width: 890px;
	clip: rect(auto, auto, auto, 890px);
}

/* end Menu */

/* begin MenuItem */

.art-menu ul li {
	clear: both;
}

.art-menu a {
	position:relative;
	display: block;
	overflow: hidden;
	height: 27px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;                          
	margin-left: 0px;
}

.art-menu a .r, .art-menu a .l {
	position: absolute;
	display: block;
	top:0;
	z-index: -1;
	height: 81px;
}

.art-menu a .l {
	left:0;
	right:0;
}

.art-menu a .r {
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t {
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2.1px;                          /* !!!!!!!!!!Letter Abstand im Menü*/
	color: #DDE8F3;
	padding: 2px 28px 5px 27px;                     /* !!!!!Breite der farbigen Karteilaschen*/
	margin: 0;
	line-height: 27px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r {
	top:-27px;
}

/*!.art-menu li:hover>a .l, .art-menu li:hover>a .r {
	top:-27px;
	background-color: #A1B7CE;
	margin: 0 0 0 0;
	padding: 2px 24px 5px 24px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r {
	top:-27px;
	background-color: #A1B7CE;
        margin: 0;
	padding: 2px 24px 5px 24px;
}
*/
.art-menu a:hover .t, .art-menu li:hover a .t, .art-menu li:hover>a .t  {
	color: #6D2628;
	background-color: #A1B7CE;
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2.1px;                          /* !!!!!!!!!!Letter Abstand im Menü*/
	padding: 2px 28px 5px 27px;                  /* !!!!!Breite der farbigen Karteilaschen*/
	margin: 0px;                     /*!!! roter Strich bei hover*/
	line-height: 27px;
	text-align: center;
}

.art-menu a.active .l, .art-menu a.active .r {
	top: -54px;
}

.art-menu a.active .t {
	color: #6E181A;
	background-color: #A1B7CE;
	margin: 0;
	padding: 2px 28px 5px 27px;                              /*!!!Breite der Laschen*/
}

/* end MenuItem */

/* begin MenuSubItem */

.art-menu ul a {
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-weight: normal;	
	display:block;
	width: 120px;                                       /* !!!!!!!! Breite des Untermenüs */
	height: 20px;
	background-color: #6E181A;
	border-width: 1px;
	border-style: solid;
	border-color: #6F3435;
	color: #DDE8F3;
        /*!!!top: -25px;                  Untermenü über dem Servicepunkt*/
	left: 7px;
}

.art-menu ul li a:hover {
 	font-weight: bold;
	color: #6E181A;
	background-color: #A1B7CE;
}

/* end MenuSubItem */

/* begin Box, Post */

.art-Post {                                          
	position: relative;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Post-body {
	position: relative;
	padding: 10px;            /* !!! Abstand des Textes im Contentfeld */
	top: 0;
	z-index: 1;
}

.art-Post {
	margin: 0px;} 

.art-Post2 {                                          
	position:absolute;
	z-index:-20;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Post-body2 {
	position: absolute;
	padding: 0;            /* !!! Abstand des Textes im Contentfeld */
	top: 30px;
}

.art-Post2 {
	margin: 0px;} 

/* Start images */

a img {
	border: 0;
}

.art-article img, img.art-article, .art-article img2, img.art-article2 {   /*!!!!Bild im Text!!*/
	border: none;
	margin: 1em;
	/*float: left;*/
float: none;
}

.art-metadata-icons img {
	border: none;
	vertical-align: middle;
	margin: 2px;
}

/* Finish images */

pre {
	overflow: auto;
	padding: 0.1em;
}

/* end Box, Post */

/* begin PostContent */

/* Content Text Font & Color (Default) */

body                                                      /* !!!!!!!!! Contentformatierung */
{
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        text-align: left;
        position: top;
}

.art-PostContent p, .art-PostContent p2                   /* !!!!! Abstand der Absätze*/
{
	margin: 0 0 6px 0;}

.spacer_                  /* !!!!! Abstand der Absätze*/
{
	height: 2px;}

/* Start Content link style */

a {
       font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
       color: #6E181A;
       text-decoration: none;
       font-weight: bold;
}


a:visited, a.visited {
       font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
       color: #6E181A;
       text-decoration: none;
       font-weight: bold;
}

a:hover, a.hover {
      font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      font-weight: bold;
      color: #284664;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/

p {
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: 0.5em;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 1px;
        color: #6E181A;
	margin: 0;
	line-height: 130%;
        }

h1, h2, h3
h1 a, h2 a, h3 a
h1 a:hover, h2 a:hover, h3 a:hover
h1 a:visited, h2 a:visited, h3 a:visited
{
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-style: normal;
        font-weight: bold;
	color: #284664;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
	font-size: 15px;
	text-align: left;
	letter-spacing: 1px;
	float: left;
	margin: 0 5px 0 0;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
	font-size: 18px;
	text-align: left;
	margin: 0 0 5px 0;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
	font-size: 15px;
	text-align: right;
        float: right;
	margin: 0 5px 0 0;
	color: #284664;
}

h5 {
	font-size: 15px;
	text-align: left;
	letter-spacing: 1px;
	color: #284664;
	margin: 0;
       }

h6 {
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 1px;
        text-align: left;
        color: #6E181A;
	margin: 0;
	line-height: 130%;  
        }

/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ol, ul {
	color: #080A0D;
	margin:1em 0 1em 2em;
	padding:0;
        font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

li ol, li ul {
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li {
	margin:0.2em 0;
	padding:0;
}

ul {	list-style-type: none;}

ol {	list-style-position:inside;}

/* Finish Content list */
/* end PostBullets */

/* begin LayoutCell */

.art-contentLayout .art-content {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 600px;                             /* !!!!!!!!!!!!!!!!!!Breite des Contents */
        height: 230px;	                         /* !!!!!!!!!! feste Höhe des Contentbereiches */ 
}

.art-contentLayout-2 .art-content-2 {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 605px;                             /* !!!!!!!!!!!!!!!!!!Breite des Contents */
        height: 592px;	                  /* !!!!!!!!!! feste Höhe des Contentbereiches */       
	z-index: 0;
	top: 0;
}

.art-contentLayout3 .art-content3 {
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	padding: 0;
	border: 0;
	width: 590px;                             /* !!!!!!!!!!!!!!!!!!Breite des Contents */
        height: 580px;	                         /* !!!!!!!!!! feste Höhe des Contentbereiches */
        z-index:-20;        
}

/* end LayoutCell */

/* begin LayoutCell-Sidebar */

.art-contentLayout .art-sidebar1 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;	
	background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
        background-image: url('images/Reichstag-Sidebar.jpg');
}

.art-contentLayout .art-sidebar2 {
	position: relative;
	bottom: 0;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;	
	background-image: url('images/Museum-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar3 {
        position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;	
	background-image: url('images/Charite-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar4 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Extratouren-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar5 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Monika-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar6 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Quadriga-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar7 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Adler-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar8 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Kugeln-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar9 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Monika2-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

.art-contentLayout .art-sidebar10 {
	position: relative;
        left: 605px;                                 /* !!!!!!!!!Foto in sidebar */
	width: 135px;
        height: 230px;
	background-image: url('images/Monika-Sidebar.jpg');
        background-repeat: no-repeat;
        border-left: 3px solid #6E181A;
}

klingel, a.klingel {
        position: absolute;
	left: 135px;
	bottom: 40px;
	width: 121px;
        height: 134px;	
	background-image: url('images/Klingel.jpg');
	background-repeat: no-repeat;
}

a.klingel:hover {
        position: absolute;
	left: 135px;
	bottom: 40px;
	width: 121px;
        height: 134px;	
	background-image: url('images/Klingel-Link.jpg');
	background-repeat: no-repeat;
}

/* end LayoutCell-Sidebar */

.navigation
{
	display: block;
	text-align: center;
}

/* Begin */

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

/*.alignleft {	float: left;}*/

.alignright {	float: right;}

.alignright img, img.alignright {
	margin: 1em;
	margin-right: 0;
}

/*.alignleft img, img.alignleft {
	margin: 1em;
	margin-left: 0;
}*/


/* End */