/* Stylesheet by Matthias Müller-Götz             */
/* Please contact me, if you use my code:         */
/* contact via:  http:// www.mamg.de/kontakt.php  */



/*----------------Allgemein--------------*/


* {                  /*Für alle */
margin: 0;
padding: 0;
border: 0;
}

body
{
background: #2d2d2d url(layout/orgbackground.gif);
text-align: center;
/*font-family:  'TW Cen MT', verdana, helvetica, arial, sans-serif; /* 'DIN-Medium',tahoma, */
font-family: 'Tw Cen MT', 'Didact Gothic', verdana, helvetica, arial, sans-serif;
font-size: 1.3em;
line-height:1.5em;  /*1,33*/
}

h1
{
/* font-family: verdana, helvetica, arial, sans-serif; */
Font-size: 1.8em;
margin-bottom:1em;
}

small
{
font-size: 0.75em;
}

medium
{
font-size: 0.8em;
}
td
{
vertical-align: top;
padding:0px;
}

a:link,
a:hover,
a:active,
a:focus
{color: #000066;
text-decoration: underline;}

a:visited
{color: #440044;
text-decoration: underline;}




/*----------------------IDs und CLASSes-------------*/

#background          /* Blauer STreifen mit blurring zur Mitte*/
{
background: #000066 url(layout/bg_blur.gif) center repeat-y;   /*000066*/
position: absolute;
left: 0px;
top: 160px;
height:54px;
width: 100%;
z-index:0;
}

#backgroundbreit          /* Roter Streifen mit blurring zur Mitte*/
{
background: #990000 url(rot1246_900.gif) center repeat-y;   /*990000*/
position: absolute;
left: 0px;
top: 160px;
height:54px;
width: 100%;
z-index:0;
}


#top                 /* Topbanner */
{
position: relative;
margin: 0 auto;
top: 0px;
width: 770px;
height: 90px;
background: #2d2d2d url(../layout/topgrau.jpg) center no-repeat;
color: #000066;
z-index:100;
margin-bottom:0em;
}

#topkin                 /* Topbanner Kinners */
{
position: relative;
margin: 0 auto;
top: 0px;
width: 1170px;
height: 90px;
background: #2d2d2d url(topkin.jpg) center no-repeat;
color: #000066;
z-index:100;
margin-bottom:0em;
}

#toptext
{
text-align: right;
margin-left: 90px;
margin-top:  10px;
line-height: 0px;
font-size: 16px;
font-weight: normal;
color: #7c7c7c;
}

#toptext h1
{
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-bottom: 24px;
}


#toptext a
{
line-height: 16px;
font-size: 16px;
font-weight: normal;
color: #7c7c7c;
}

#toptext a:link,
#toptext a:hover,
#toptext a:active,
#toptext a:focus
{color: #7c7c7c;
text-decoration: underline;}

#toptext a:visited
{color: #506070;
text-decoration: underline;}

#topuhr
{
position: relative;
margin: 0 auto;
top: 0px;
width: 770px;
height: 90px;
background: #ffffff url(uhr-18.swf) center no-repeat;
color: #000066;
z-index:100;
margin-bottom:0em;
}





#menu, #menu2, #menu3
{
color: #ffffff;
line-height: 21px;
font-size: 34px;
}



#inhalt              /* Inhaltsfenster (unter dem Topbanner */
{
border: 100px solid #000060;       /* Rahmenstärke und Rahmenfarbe um das Bild */
position: relative;
top: 0px;                /*Abstand zum Topbanner */
width: 770px;
min-height: 530px;
margin: 0 auto;
text-align: left;
z-index:50;
}

#inhaltkin              /* Inhaltsfenster (unter Kinner, Kinners */
{
border: 3px solid #7c7c7c;       /* Rahmenstärke und Rahmenfarbe */
position: relative;
top: 0px;                /*Abstand zum ? */
width: 1170px;
min-height: 210px;
margin: 0 auto;

z-index:50;
}

#inhalt_2             /* Inhaltsfenster (unter dem Streifenbild groß 1170 x 1152*/
{
border: 3px solid #7c7c7c;       /* Rahmenstärke und Rahmenfarbe um das Bild */
position: absolut;
top: 200px;                /*Abstand zum Topbanner */
width: 1000px;
min-height: 800px;
margin: 100 auto;
text-align: left;
z-index:50;
}

#linkerBereich
{
   position:absolute;
   top:300px;
   left:75px;
   width:350px;
   min-height:650px;
   margin:0px;
   border:0px solid #000000;
}
#rechterBereich
{
   position:absolute;
   top:300px;
   left:730px;
   width:350px;
   min-height:650px;
   margin:0px;
   border:0px solid #000000;
}
/* ------------------------- Definitionen für das Album ------------------*/

.album
{
table-layout: fixed;
}

.album th
{
vertical-align: middle;
text-align: center;
border:0px;
padding:0px;
height:0px;
width:115px;
}


.album img
{
border:0px;
}




.album td
{
vertical-align: middle;
text-align: center;
/*padding:5px;*/
height:115px;
}

.album td.keinrahmen
{
border:0px;
}

.album td.rahmen
{
border:1px solid blue;
}


* ------------------------- Definitionen für die Uebersicht ------------------*/

.Uebersicht
{
table-layout: fixed;
border: 0px;
}


.Uebersicht img
{
border: 0px;
}


.Uebersicht td.image
{
vertical-align: top;
padding:0px;
width:120px;
}

.Uebersicht td.left
{
text-align: left;
padding:5px;
}

.Uebersicht td.right
{
text-align: right;
padding:5px;
}



/* ------------------------- Definitionen für die Karten ------------------*/

.karte_stehend_bild
{
margin: 15px;
width: 335px;
float: left;
}

.karte_stehend_text
{
position: relative;
bottom: 0px;
margin: 15px 15px 15px 450px;
}

.karte_uhr_bild
{
margin: 97px 53px;
width: 350px;
float: left;
}

.karte_uhr_text
{
position: relative;
bottom: 0px;
margin: 30px 15px 15px 200px;
}

.karte_liegend_bild
{
margin: 15px;
width: 500px;
float:left;
}

.karte_liegend_text
{
position: relative;
bottom: 0px;
margin: 15px 15px 15px 255px;
}

.karte_vollbild
{
margin: 15px;
width: 1140px;
}

.karte_inhalt_2
{
text-align: center;
top: 400px;
width: 1000px;
min-height: 800px;
margin: 15px;
padding: 50 auto;
}

.Sign_uhr
{
margin: 0px 0px 0px;
}

/* ------------bottom-------------*/
.bottom
{
Font-Size: 0.7em;
}