/*
body {
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;
    font-family: Times,serif;
    font-size:100%;
    color: #000000;
    width:100%;
    height:100%;
}
*/
body {
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:82%;
    line-height:130%;
    color: #000000;
    width:100%;
    height:100%;
}

* html body{
    font-size:76%;
}


#main{
    position:relative;
    margin:0px;
    top:100px;
    z-index:1;
    height:inherit;
}

#linke_seite{
    position:fixed;
    top:0;
    left:0;
    width:200px;
    height:100%;
    background-color:#e7eaea;
}

* html #linke_seite{
    position:absolute;
}

#background_links{
    position:absolute;
    left:0;
    top:0;
    width:200px;
    height:378px;
    background-image:url('../bilder/balken_links.jpg');
    background-repeat:no-repeat;
    background-position:top;
}

#background_bild{
    width:800px;
    height:277px;
    overflow:visible;
    z-index:0;
    background-repeat:no-repeat;
    background-position:top;
}

#logo_block{
    position:fixed;
    left:0;
    top:570px;
    width:200px;
    height:114px;
    background-image:url('../bilder/logo_rio.jpg');
    background-repeat:no-repeat;
    background-position:top;
}

* html #logo_block{
    position:absolute;
    margin-top:20px;
}

#background_rechts{
    position:absolute;
    left:0;
    top:0;
    width:200px;
    height:378px;
    background-image:url('../bilder/balken_rechts.jpg');
    background-repeat:no-repeat;
    background-position:top;
}

#rechte_seite{
    position:fixed;
    top:0;
    left:1000px;
    right:0px;
    width:auto;
    height:100%;
    background-color:#e7eaea;
}

* html #rechte_seite{
    position:relative;
    height:inherit;
}

#mitte{
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    height:100%;
}

* html #mitte{
    height:inherit;
}

#header{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    height:100px;
    width:100%;
    z-index:2;
}

* html #header{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    z-index:2;
}

#header_bild_oben{
    position:absolute;
    left:200px;
    top:0;
    width:inherit;
    w\idth:800px;
    height:101px;
    background-image:url("../bilder/rio_titelbild.jpg");
    background-repeat:no-repeat;
    background-position:top;
}

#adressblock{
    position:fixed;
    top:400px;
    left:0px;
    padding-left:26px;
    z-index:2;
}

* html #adressblock{
    position:absolute;
    top:400px;
    left:0px;
    padding-left:26px;
    z-index:2;
}

#menu{
    position:fixed;
    top:76px;
    left:0px;
    width:174px;
    padding-left:26px;
    height:auto;
}

* html #menu{
   position:relative;
   left:26px;
   display:inline;
   z-index:10;
}

#main1{
    position:relative;
    margin:0;
    padding:0;
    top:0px;
    left:200px;
    width:auto;
    min-height:535px;
    display:block;
    z-index:2;
}

* html #main1{
    padding-bottom:0px;
    height:inherit;
}

#footer{
    position:fixed;
    bottom:0px;
    margin-top:600px;
    height:26px;
    font-size:82%;
    text-align:left;
    width:100%;
    z-index:4;
    padding-left:24px;
    padding-top:4px;
    border-top:solid 1px #0086cb;
    background-color:#dddddd;
}

* html #footer{
    position:absolute;
    margin-bottom:0px;
    left:0px;
    right:0px;
    width:174px;
    z-index:4;
    font-size:76%;
}

.footer_text{
    position:relative;
    margin-top:4px;
}

#inhalt{
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
    padding-left:20px;
    padding-top:0px;
}

#seiteninhalt_text{
    position:absolute;
    margin-top:20px;
    margin:0;
    padding:0;
}

* html #seiteninhalt_text{
    top:20px;
}

.cleaner{
    clear:both;
    height:26px;
}

/********************/
/* Start: BILDER    */
/********************/
.bild_in_text_top{
    display:block;
    margin:12px;
    margin-top:0px;
    border:solid #ffffff 3px;
}

.bild_in_text_left{
    display:block;
    margin:12px;
    margin-left:0px;
    border:solid #ffffff 3px;
}

.bild_in_text_right{
    display:block;
    margin:12px;
    margin-right:0px;
    border:solid #ffffff 3px;
}

/********************/
/* Start: TEXTSEITE */
/********************/
.textbild_pos1{
    display:block;
    margin-top:4px;
    margin-right:12px;
    margin-bottom:5px;
}

.textbild_pos2{
    display:block;
    float:left;
    margin-top:0.3em;
    margin-bottom:5px;
    padding-right:1em;
}

.textbild_pos3{
    display:block;
    float:right;
    margin-left:12px;
    margin-bottom:5px;
}

ul{
    position:relative;
    left:1em;
    padding:0;
    margin:0;
    list-style-type:square;
    list-style-position:outside;
}

li{
    padding:0;
    margin:0;
    font-weight:normal;
    line-height:140%;
}

h1{
    font-size:180%;
    line-height:118%;
    font-weight:normal;
    color:#11426b;
}

h1.titel_inhalt{
    top:15px;
}

h2{
    font-size:148%;
    line-height:118%;
    font-weight:normal;
    color:#11426b;
}

h3{
    font-size:114%;
    line-height:118%;
    font-weight:normal;
    color:#11426b;
}

.weiss{
    color:#ffffff;
}

.intro{
    font-size:114%;
    color:#2275bc;
    margin-top:252px;
    margin-left:0px;
}

a:link{
    color:#2275bc;
}

a:visited{
    color:#2275bc;
}

a:hover{
    color:#11426b;
}
a:active{
    color:#11426b;
}
/********************/
/* Start: SPALTEN    */
/********************/

#spalte1{
    position:relative;
    margin-left:12px;
    top:0px;
    width:370px;
    float:left;
    padding:8px;
    display:block;
}
#centerspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:750px;
    float:left;
    padding:8px;
    display:block;
}

#menuspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:220px;
    float:left;
    padding:0;
    display:block;
}

* html #menuspalte{
    position:relative;
    margin-left:12px;
    top:0px;
    width:220px;
    float:left;
    padding:0;
    display:block;
}

#spalte1d{
    position:relative;
    margin-left:12px;
    top:0px;
    width:370px;
    float:left;
    padding:8px;
    display:block;
}

#einspaltig{
    margin:0;
    padding:0;
    position:relative;
    top:0px;
    bottom:0px;
    width:520px;
    float:left;
    padding-right:30px;
    margin-top:15px;
    display:block;
}

#textspalte{
    position:relative;
    margin:0;
    padding:0;
    top:0px;
    bottom:0px;
    width:520px;
    height:auto;
    float:left;
    padding-right:20px;
    margin-top:15px;
    display:block;
}

#spalte2{
    position:relative;
    margin-left:0;
    top:0;
    width:240px;
    padding:0;
    float:left;
    display:block;
}

#spalte3{
    position:relative;
    margin:0;
    padding:0;
    top:0;
    width:200px;
    margin-left:4px;
    padding:4px;
    float:right;
    display:block;
    vertical-align:top;
    min-height:400px;
    background-color:#7fbcf1;
    color:#ffffff;
}

/*****************/
/* Start GALERIE */
/*****************/

#main_galerie
{
    position:relative;
    margin:0;
    top:0px;
    left:0px;
    padding:0;
}

#galerierahmen
{
    position:relative;
    margin:0;
    padding:0;
}

.galerietitel
{
    height:32px;
}

.galeriethumbs
{
    position:relative;
    margin-top:0px;
    top:0px;
}

.galerieminis
{
    position:relative;
    margin:0;
    display:block;
    height:inherit;
    clear:both;
}

.galeriedummy_rahmen
{
    position:relative;
    margin-top:28px;
    height:auto;
    width:auto;
    text-align:center;
    background-color:#000000;
    border:solid #ffffff 3px;
    padding:0;
    clear:both;
    display:block;
}

.galeriedummy_rahmen_projekt
{
    position:relative;
    height:362px;
    width:362px;
    text-align:center;
    background-color:#000000;
    border:solid #ffffff 3px;
    padding:0;
    clear:both;
    display:block;
}

.galerie_dummy
{
    position:relative;
    top:0px;
    vertical-align:middle;
    height:auto;
    padding:6px;
    overflow:hidden;
}

.galerie_dummy_projekt
{
    position:relative;
    top:0px;
    vertical-align:middle;
    height:auto;
    padding:6px;
    overflow:hidden;
}

.galerie_dummytitel
{
    position:relative;
    min-height:20px;
    width:inherit;
    text-align:left;
}

.galeriedummy_text
{
    position:relative;
    margin-top:6px;
    min-height:40px;
    width:inherit;
}

.galeriedummy_text p
{
    font-weight:normal;
    text-align:left;
    line-height:100%;
    border-bottom:solid 1px #ffffff;
}

.galerie_thumbtext
{
    left:0px;
    right:0px;
    top:0px;
    margin-bottom:10px;
    height:10px;
    width:100px;
    text-align:center;
}

.galerie_thumbnail_hoch,.galerie_thumbnail_quer,.galerie_thumbnail_quadrat
{
    padding-top:5px;
}

.galerie_medium_hoch,.galerie_medium_quer,.galerie_medium_quadrat
{
    padding-top:0px;
}

.galerie_mini_hoch,.galerie_mini_quer,.galerie_mini_quadrat
{
    padding-top:2px;
}


.galeriebild_rahmen
{
    width:100px;
    height:100px;
    border:solid #ffffff 3px;
    margin:6px;
    text-align:center;
    vertical-align:middle;
    background-color:#000000;
    float:left;
}

.galeriebild_rahmen_mini
{
    width:45px;
    height:45px;
    border:solid #ffffff 3px;
    margin:2px;
    text-align:center;
    vertical-align:middle;
    background-color:#000000;
    float:left;
}

.galeriebild_rahmen_medium
{
    width:300px;
    height:300px;
    margin:0px;
    text-align:center;
    vertical-align:middle;
    background-color:#000000;
    float:left;
}

.nav_galerie
{
    position:relative;
    width:228px;
    margin-top:4px;
    height:52px;
    font-size:76%;
    color:#999999;
    text-align:center;
}

.navbutton_galerie_l1
{
    margin:0;
    padding:0;
    top:0px;
    position:relative;
    width:24px;
    height:24px;
    float:left;
}

.navbutton_galerie_r1
{
    margin:0;
    padding:0;
    top:0px;
    position:relative;
    width:24px;
    height:24px;
    float:right;
}

.navbutton_galerie_l2
{
    margin:0;
    padding:0;
    top:0px;
    position:relative;
    width:24px;
    height:24px;
    float:left;
}

.navbutton_galerie_r2
{
    margin:0;
    padding:0;
    top:0px;
    position:relative;
    width:24px;
    height:24px;
    float:right;
}

.seitenzahl_galerie
{
    text-align:center;
    margin-top:0px;
    margin-left:6px;
    height:16px;
    display:block;
}

/**********************/
/* Ende: Galeriestile */
/**********************/


/*****************/
/* Start EVENTS */
/*****************/

.event_liste{
    position:relative;
    padding:0;
    margin:0;
    top:0px;
    left:0px;
    margin-bottom:20px;
    border:solid 1px #e7eaea;
}

.event_listentitel{
    position:relative;
    padding-left:8px;
    padding-right:8px;
    border-bottom:solid 1px #e7eaea;
}

.event_listenzeile1{
    position:relative;
    background-color: #ffffff;
}
.event_listenzeile2{
    position:relative;
    background-color: #e7eaea;
}

.event_liste ul{
    padding:0;
    margin:0;
    left:0;
    top:0;
    list-style-type:none;
}

.event_liste li{
    display:block;
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    padding-bottom:8px;
    margin:0;
}

.event_liste li a{
    display:block;
    text-decoration:none;
}

.event_listenzeile1:hover{
    background-color: #d3d9d6;
}

.event_listenzeile2:hover{
    background-color: #d3d9d6;
}

.event_liste h3{
    padding:0px;
    padding:0px;
    margin:0;
}

.event_datum{
    margin-bottom:4px;
    line-height:160%;
    color:#2275bc;
    border-bottom:solid 1px #d3d9d6;
}

/*****************/
/* Start ZUSATZ */
/*****************/


#spalte3 .zusatz_absatz{
	margin-top:0;
	margin-bottom:0;
}

#spalte3 li{
	margin-bottom:6px;
}

.thementitel h2{
	color:#ffffff;
        font-size:148%;
}

#spalte3 p{
	color:#999999;
}

ul.zusatz_medien{
	list-style:none;
	left:10px;
	padding-left:0px;
}

ul.zusatz_medien li{
	height:24px;
}

ul.zusatz_galerie{
	list-style:none;
	left:10px;
	padding-left:0px;
}

.zusatz_galerielink{
	line-height:20px;
}

.zusatz_galeriebild{
	margin-top:6px;
}

#spalte3 ul.zusatz_medien img{
	vertical-align:middle;
}

.zusatz_medienlink{
	margin-top:4px;
	margin-left:4px;
}

.zusatz_medienbild{
	vertical-align:middle;
}

#spalte3 .zusatz_block h2{
	margin-bottom:4px;
	line-height:140%;
	font-size:100%;
        font-weight:bold;
}

* html #spalte3 .zusatz_block h2{
	line-height:130%;
	font-size:90%;
}

#spalte3 .zusatz_block a{
	vertical-align:middle;
}

#spalte3 .zusatz_block a:link{
	color:#1f6bac;
}

#spalte3 .zusatz_block a:visited{
	color:#1f6bac;
}

#spalte3 .zusatz_block a:hover{
	color:#ffffff;
}

#spalte3 .zusatz_block a:active{
	color:#ffffff;
}

.dl_icon{
    float:right;
}

:invalid{
    color:#df2d2d;
}

label{
    font-size:inherit;
    line-height:118%;
    font-weight:normal;
    color:#666666;
    padding-left:3px;
}

.form_break{
    margin-top:5px;
}
.form_titel{
    font-size:148%;
    line-height:118%;
    font-weight:normal;
    color:#11426b;
}

.form_titel_error{
    color:#93cbff;
    font-size:128%;
}

.form_radio{
    display:block;
    float:left;
    clear:both;
    margin-top:6px;
}

.form_multicheck_text{
    padding-left:5px;
    margin-top:4px;
    display:block;
    width:180px;
    float:left;
}

.form_eingabe_radioblock{
    padding-bottom:20px;
}

.forum_eintrag p{
    margin:0;
    padding:0;
}

.form_zwt_suffix{
    color:#93cbff;
    font-size:88%;
}

.forum_neuer_eintrag{
    margin-top:32px;
}

.forum_neuer_eintrag a{
    font-size:128%;
    text-decoration:none;
}

.forumliste_neuer_eintrag{
    text-align:right;
}

.forumliste_neuer_eintrag a{
    font-size:88%;
    text-decoration:none;
    padding:3px;
    color:#93cbff;
}

.forumliste_neuer_eintrag a:hover{
    color:#ffffff;
    background-color:#1290fc
}

.captcha{
    margin:3px;
}

.feld_titel_l{
    margin-top:4px;
    margin-left:2px;
    font-size:88%;
}

.feld_titel_l_error{
    font-weight:bold;
    color:#df2d2d;
}

.forum_antwort{
    margin-top:0px;
}

* html .forum_antwort{
    background-color:#555555;
    margin-top:0px;
}