@charset "UTF-8";


html, body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 0px 0px 1px 0px;
        height: 99%;
        background: #d2e6fe;
        color: black;
        text-align: center;

}

p.bodytext, p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 0px;
        padding-top: 10px;
        padding-left: 10px;
        margin: 0px;
        line-height: 1.5;

}

.csc-mailform {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-left: 10px;
        border: 0px;
}

.csc-uploads-icon {
	padding-top: 15px;
        	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	vertical-align: top;
}
.csc-uploads-fileName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 12px;
	vertical-align: top;
}
.csc-uploads-fileSize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	vertical-align: top;
}
.input {
margin-bottom: 10px;
}

.textarea {
margin-bottom: 10px;
}

label {
display:block;
float:left;
width: 130px;
}

DIV.leftboxlogolink
{
	position: relative;
	top: 0;
	left: 0;
	height: 204px;
	width: 200px;
	cursor: pointer;
}



/*
hr {
        color: #65BACF;
        margin: 5px 0px 0px 0px;
        padding: 0px;
        border: 1px solid #65BACF;
}
*/
a {
        color: #65BACF;
}


ol {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        padding-top: 10px;
        padding-left: 40px;
        margin: 0px;
}

li {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        padding-top: 10px;
        padding-left: 40px;
        margin: 0px;
}

ul {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        padding-top: 5px;
        padding-left: 40px;
        margin: 0px;
}


h1 {
        font-size: 12px;
        color: #000000;
        diplay: block;
        padding-left: 10px;
        line-height: 1.5;
        margin: 0px;
        margin-top: 10px;
}

h1.csc-firstHeader{
        font-size: 12px;
}

h1.contentheader {
        font-size: 12px;
        color: #FFFFFF;
        diplay: block;
        background-color: #97C6FC;
        padding-left: 10px;
        line-height: 20px;
        margin: 0px;
        margin-top: 20px;
}

h1.contentheader1 {
        font-size: 12px;
        color: #FFFFFF;
        diplay: block;
        border-left: 30px solid #C1DDFE;
        background-color: #97C6FE;
        padding-left: 10px;
        line-height: 20px;
        margin: 0px;
        margin-top: 20px;
}

h2 {
        font-size: 160%;
}
h3 {
        font-size: 100%;
}

h4 {
        font-size: 120%;
}
.main {
        position: relative;
        height: 100%;
        background: url('../images/bg_main.gif') repeat-y;
        width: 770px;
        margin: 0px auto 0px auto;
        padding: 0px;
}
html > body .main {
        height: auto;
        min-height: 100%;
}
.empty {
        clear: both;
        height: 65px;
        width: 770px;
        background: transparent;
}
.footer {
        position: absolute;
        height: 64px;
        left: 0px;
        bottom: 0px;
        width: 770px;
        background: url('../images/bg_footer.gif') no-repeat;
}
.leftbox {
        float: left;
        padding: 5px 5px 0px 13px;
}
.leftboxcontent {
        width: 200px;
        font-size: 8pt;
        background: url('../images/logo_eu.gif') no-repeat;
}
.rightbox {
        float: left;
        padding: 5px 15px 0px 15px;
}
.rightboxcontent {
        width: 515px;
        text-align: left;
}
.rightboxcontent h2 {
        font-size: 10pt;
        font-weight: bold;
}
.rightboxcontent p {
        font-size: 10pt;
}
.topimage {
        background-image:url(../images/top_image.gif);
        widht: 513px;
        height: 200px;
}
.topblock {
        width: 515px;
        height: 200px;
        position: absolute;
        top: 5px;
}
.topmenu {
        float: right;
        background-color: #FFFFFF;
        color: #000000;
        height: 20px;
        width: auto;
        font-size: 10px;
}
.topmenucontent {
        margin: 3px 10px 0px 10px;
}
.topmenu a.toplink {
        margin: 0px 6px 0px 2px;
        text-decoration: none;
        color: #000000;
        background-color: #FFFFFF;
}
.topmenu a.toplink2 {
        margin: 0px 6px 0px 6px;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
}
.topspacer {
        height: 130px;
}
.topfooter {
        float: right;
        height: 50px;
        width: 485px;
        background-color: #97C6FE;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 18px;
}
.topfootercontent {
        margin: 15px 0px 0px 20px;
}
.menuitems * {
        margin: 1px 0px 1px 0px;
}
.menuitembox {
        width: 13px;
        height: 30px;
        float: left;
}

.menuitembox1 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #008CAC;
}

.menuitembox2 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #009999;
}

.menuitembox3 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #00AA91;
}

.menuitembox4 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #00B87E;
}

.menuitembox5 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #0CBD69;
}

.menuitembox6 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #2FBD4F;
}

.menuitembox7 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #5ABD33;
}

.menuitembox8 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #77BD21;
}

.menuitembox9 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #92c015;
}

.menuitembox10 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #a7d125;
}

.menuitembox11 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #77BD21;
}

.menuitembox12 {
        width: 13px;
        height: 30px;
        float: left;
        background-color: #77BD21;
}

a.navlink1 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink1:hover {
        color: #FFFFFF;
        background-color: #008CAC;
}

a.navlink2 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink2:hover {
        color: #FFFFFF;
        background-color: #009999;
}

a.navlink3 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink3:hover {
        color: #FFFFFF;
        background-color: #00AA91;
}

a.navlink4 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink4:hover {
        color: #FFFFFF;
        background-color: #00B87E;
}

a.navlink5 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink5:hover {
        color: #FFFFFF;
        background-color: #0CBD69;
}

a.navlink6 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink6:hover {
        color: #FFFFFF;
        background-color: #2FBD4F;
}

a.navlink7 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink7:hover {
        color: #FFFFFF;
        background-color: #5ABD33;
}

a.navlink8 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink8:hover {
        color: #FFFFFF;
        background-color: #77BD21;
}

a.navlink9 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink9:hover {
        color: #FFFFFF;
        background-color: #F7E266;
}

a.navlink10 {
        width: 185px;
        height: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: -1px;
        padding-top: 8px;
        padding-left: 10px;
        display: block;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #97C6FE;
        text-decoration: none;
}

a.navlink10:hover {
        color: #FFFFFF;
        background-color: #FFCB66;
}

/*-----------MENU-Start-------------*/

.menuitemelement {
        float: left;
        width: 185px;
        height: 30px;
        margin-left: 2px;
        color: #000000;
        background-color: #99D1DE;
        text-align: left;
        overflow: hidden;
}

.menuitemelement_act {
        float: left;
        width: 185px;
        height: 30px;
        margin-left: 2px;
        color: #000000;
        background-color: #66BACD;
        text-align: left;
        overflow: hidden;
}


/*-----------MENU-Ende-------------*/

/*-----------SUBMENU-Start-------------*/

.submenuitembox {
        width: 13px;
        height: 20px;
        float: left;
        background-color: #99D1DE;
}

.submenuitembox_act {
        width: 13px;
        height: 20px;
        float: left;
        background-color: #66BACD;
}

.submenuitemelement {
        float: left;
        width: 185px;
        height: 20px;
        margin-left: 2px;
        color: #000000;
        background-color: #B2DCE6;
        text-align: left;
}

.submenuitemelement_act {
        float: left;
        width: 185px;
        height: 20px;
        margin-left: 2px;
        color: #000000;
        background-color: #99D1DE;
        text-align: left;
}

.submenuitemelementcontent {
        margin: 3px 0px 0px 20px;
}

.submenuitemelementcontent a {
        font-size: 12px;
        color: #000000;
        background-color: #B2DCE6;
        text-decoration: none;
}

.submenuitemelementcontent_act {
        margin: 3px 0px 0px 20px;
}

.submenuitemelementcontent_act a {
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #99D1DE;
        text-decoration: none;
}
/*------------SUBMENU-Ende------------*/

/*-----------SUB1MENU-Start-------------*/
.sub1menuitembox {
        width: 13px;
        height: 20px;
        float: left;
        background-color: #B2DCE6;
}

.sub1menuitembox_act {
        width: 13px;
        height: 20px;
        float: left;
        background-color: #99D1DE;
}

.sub1menuitemelement {
        float: left;
        width: 185px;
        height: 20px;
        margin-left: 2px;
        color: #000000;
        background-color: #CCE8EE;
        text-align: left;
}

.sub1menuitemelement_act {
        float: left;
        width: 185px;
        height: 20px;
        margin-left: 2px;
        color: #000000;
        background-color: #B2DCE6;
        text-align: left;
}

.sub1menuitemelementcontent {
        margin: 3px 0px 0px 30px;
}
.sub1menuitemelementcontent a {
        font-size: 12px;
        color: #000000;
        background-color: #CCE8EE;
        text-decoration: none;
}

.sub1menuitemelementcontent_act {
        margin: 3px 0px 0px 30px;
}

.sub1menuitemelementcontent_act a {
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        background-color: #B2DCE6;
        text-decoration: none;
}
/*-----------SUB1MENU-Ende-------------*/

div.navimage {
        
        width: 200px;
        height: 129px;
        margin: 4px 0px 4px 0px;
        float: left;
}

.footercontent {
        margin: 10px 0px 0px 236px;
        text-align: center;
        font-size: 10px;
        color: #0077BD;
        background-color: inherit;
        width: auto;
}
.footercontent a {
        margin: 0px 4px 0px 1px;
        text-decoration: none;
        color: #0077BD;
        background-color: inherit;
}


/*---------- NEWSEINSTELLUNGEN ----------------*/

.news-list-item {
        font-size: 12px;
        margin: 0px;
}

h3.h3-news-list-item {

}

.news-list-content {
        margin-left: 140px;
        padding-left: 0px;
        width: 350px;
        margin-bottom: 13px;
}

.news-list-subhead {
      
}

.news-list-date {
        margin-bottom: 0px;
        margin-left: 20px;
        margin-top: 13px;
        float: left;
        font-weight: bold;
}

.news-list-date-veranstaltung {
        margin-bottom: 0px;
        margin-left: 20px;
        margin-top: 0px;
        float: left;
        font-weight: bold;
        width: 120px;
        
}

hr.clearer {
        margin-left: 10px;
        padding-left: 0px;

}

.news-details-content {
        padding: 0px;
        padding-top: 5px;
        padding-left: 0px;
        margin: 0px;
        line-height: 1.5;

}

.news-list-browse {
        margin: 13px 0px 0px 10px;

}

.new-date-highlight {
        color: #CC3333;
        margin-right: 20px;
        font-weight: bold;
        text-align: right;
}

.news-details-head {
        margin-left: 10px;     
}

.tx-indexedsearch td {
        font-size: 11px;
}

.tx-indexedsearch-whatis {
        font-size: 11px;
}