html{
overflow:hidden;
}

body{
background-color: #333;
font-family: verdana;
color:#443b38;
padding:0px;
margin:0px;
background: url(../images/hg/bg.jpg) 0px 0px;
font-size: 100.01%;
overflow:hidden;
}


/*///////////////layout///////////////*/
#container{
width: 780px;
padding:0px;
margin: 0px;
margin-top:30px;
margin-left: auto;
margin-right: auto;
border: solid 10px #fff;
background:#e3d6c2;
height:500px;
} 

#vali{
width: 780px;
padding:0px;
margin: 0px;
margin-top:10px;
margin-left: auto;
margin-right: auto;
height:20px;
} 

span.right{float:right;}


#main{margin:0; width:100%;}


#menu{
 width:260px; 
 position:relative;
 float:left;
 height:500px;
 background: url(../images/hg/msrHome.jpg) no-repeat 0px 0px;
 text-align:right;
}
 
#menuwrap{
margin-top:135px;
padding-right:0px;
}

#menu img{
padding:2px 0px;
}

 
#inhaltspalte{ 
 width:520px;
 float:left;
 padding:0px;
 margin:0px;
 height:500px;
 overflow:auto;
} 



#inhalt{
/*width:360px;*/ 
padding:10px 20px 10px 10px;
min-height:451px;
}




#footer{
width:100%;
float:left;
padding:0px;
padding-top:5px;
margin:0px;
height:23px;
text-align: center;
border-top: dashed 1px #fff;
background-color: #e0bb82;
} 

#footer img{
padding:0px;
margin:0px;
}

.clearer{
clear:both;
visibility:hidden;
padding:0px;
margin:0px;
height:0px;
}

#balken{
position:absolute;
left:-100px; top:0px; width:0px; height:0px;
width:175px;
background: url(../images/menschnerechtelogo.png) no-repeat 0px 0px;
height:240px;
padding:15px 0px;
margin:0px 0px;
}
#balken2_1{
position:absolute;
left:-60px; top:270px; width:0px; height:0px;
width:107px;
background: url(../images/jazuasylinsalzburglogo.png) no-repeat 0px 0px;
height:125px;
padding:15px 0px;
margin:0px 0px;
cursor:pointer;
}
#balken2{
position:absolute;
left:-50px; top:400px; width:0px; height:0px;
width:95px;
background: url(../images/Europaeische-Charta_klein.png) no-repeat 0px 0px;
height:95px;
padding:15px 0px;
margin:0px 0px;
cursor:pointer;
}

/*///////////////schriften und dergleichen (zum teil ergänzungen zu obrigen divs)///////////////*/

#inhalt a, #inhalt a:visited{
color: #443b38;
background-color: #ffffff;
text-decoration : none;
}

#inhalt a:hover, #inhalt a:active{
color: #fff;
background-color: #443b38;
text-decoration : none;
}

#vali a{
color: #443b38;
text-decoration : none;
font-weight:bold;
}

#inhalt a.print{
background-color:#e3d6c2;
}

h1 {
padding:0px 10px 10px 0px;
margin:0px; 
font-size: 150%;

}

h2 {
padding:0px 0px;
margin:0px; 
font-size: 80%;
font-weight:bold;
}

h3 {
padding:0px 0px;
margin:0px; 
font-size: 80%;
font-weight:bold;
}

h4 {
padding:0px 0px;
margin:0px; 
font-size: 70%;
font-weight:normal;
}

p {
padding: 0px 0px;
margin:0px; 
line-height:130%;
font-size: 80%;
}

p.adress{
padding: 5px 0px;
margin:0px; 
line-height:130%;
font-size: 70%;

}
/*////////////////von 0 0 5 15 geändert auf*/
#inhalt .csc-textpic-imagewrap{
margin: 0px 0px 5px 0px;
padding:0px; 
line-height:130%;
font-size: 80%;
}

/*////////////////NEWS*/

.news-list-container{
border-bottom: dashed 1px #fff;
padding-bottom: 5px;
}

.news-list-item{
border-top: dashed 1px #fff;
padding-top: 5px;
}
.news-single-img{
float:right;
}


/*////////////////EVENT*/

.tx-noevents-pi1{
border-bottom: dashed 1px #fff;
padding-bottom: 5px;
}

.event-list-item{
border-top: dashed 1px #fff;
padding-top: 5px;
}
.singleprogrammimg{
float:right;
}

/*////////////////Monitoring-NEWS*/

.news-catmenu{
margin:0px 0px 20px 0px;
}

.news-catmenu .level1{
width:50%;
float:left;
padding:0px 0px 3px 0px;
}

#inhalt .news-catmenu-ACT a, #inhalt .news-catmenu-ACT a:visited{
color: #fff;
background-color: #443b38;
text-decoration : none;
}

#inhalt .news-catmenu-ACT a:hover, #inhalt .news-catmenu-ACT a:active{
color: #443b38;
background-color: #ffffff;
text-decoration : none;
}

/*/////////////table*/




#inhalt table{
margin:5px 15px; 
border-collapse:collapse;
border-spacing:5px;
font-size: 80%;
line-height: 150%;
width:80%;
}

.bquali td{
border-style: solid; 
border-width: 1px;  
border-color: #000;
}
.bquali .td-1,.bquali .td-2,.bquali .td-3{
text-align:center;
}

.bcenter .td-0,.bcenter .td-1,.bcenter .td-2,.bcenter .td-3{
text-align:center;
}

.bcenter td{
border-style: solid; 
border-width: 1px;  
border-color: #000;
}

.bleft td{
border-style: solid; 
border-width: 1px;  
border-color: #000;
}

table ul{
font-size: 100%;
}

/*/////////////table-ende*/

p.csc-linkToTop{
text-align:right;
}

ul,ol {
padding: 5px 45px;
margin:0px; 
line-height:130%;
font-size: 80%;
}

dd{padding:0px 0px 10px 0px;}

pre{
font-family: Arial, SunSans-Regular, Sans-Serif;
padding: 5px 15px;
margin:0px; 
line-height:130%;
font-size: 70%;
}

.jsquickmenu{
padding: 0px 15px;
margin:0px; 
}
#spalterechts .csc-header csc-header-n1,
#spalterechts .csc-header csc-header-n2{
padding:0px;
margin:0px;
}


/* mailform*/
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float            : left;
    text-align        : right;
    background: #ffed97;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 11em;
    margin-right    : .3em;
    margin-bottom: .3em 
}

label.leftw
{
    float            : left;
    text-align        : right;
    background: #ccc;
    width            : 11em;
    margin-right    : .3em;
    margin-bottom: .3em 
}

label.ges
{
    float            : left;
    text-align        : right;
    background: #ffed97;
    width            : 8.5em;
    margin-right    : .3em;
}

label.gesw
{
    float            : left;
    text-align        : right;
    background: #ccc;
    width            : 8.5em;
    margin-right    : .3em;
}

label.geshead
{
    float            : left;
    text-align        : right;
    background: #ffed97;
    width            : 8.5em;
    margin-right    : .3em;
    margin-top: .3em;
    margin-bottom: .3em;
}

label.head 
{
    float            : left;
    text-align        : right;
    background: #ffed97;
    width            : 11em;
    margin-right    : .3em;
    margin-top: .3em;
    margin-bottom: .3em;
}

label.langrot 
{
color:#cc0000;
font-weight:bold;
}


/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}
input[type=text]
{
    width            : 9.2em;
    margin-right    : .2em;
}
/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.ver
{
    margin-left                :    3.3em;
    margin-right            :    .3em;
}

input.right
{
    margin-left                :    0.5em;
    margin-right            :    0em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].ver
{
    margin-left                :    3.8em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    0em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

/*label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}*/

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    180%;
    padding:2px;
    font-size:72%;
}
fieldset
{
padding:10px;
}

legend{
padding-bottom:5px;
}
/* mailform-ende */



/*auchtung diesen teil aufräumen bei menüumstellung*/

#menuwrap ul{
padding:0px;
margin:0px;
list-style: none;
}

#menuwrap li{
font-family: "trebuchet ms";
color: #000;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
line-height: 1em;
font-size: 1.4em;
margin:10px 0px;
display:block;
}

#menuwrap li a{
text-decoration:none;
color:#000;
background-color:#fff;
padding:0px 5px;
font-weight:bold;
}

#menuwrap li a:hover{
background-color:#e3d6c2;
}

#menuwrap li.active span.active{
padding:0px 5px;
font-weight:bold;
background-color:#e3d6c2;
}



/* menü nummerierung und trenn punkte verschieben */
li dfn, .usb{
display:block;
position:absolute;
left: -3000px;
height:0px;
width:0px;
}

img{
border:0px;
}