html {
		    height: 100%;
		    min-height: 100%;	
}

body {
	      height: 100%;
		    min-height: 100%;	
        margin: 0 auto 0 auto;
        font-family: Tahoma, Verdana, Arial;
        background-image: url(/design/images/bg_overflow_wide_repeat.jpg);
        background-repeat: repeat-y;
        background-color: #A9A9A9;
}
/*

#mainbackground {
        margin: 0;
        padding: 0;
        background-image: url(../../design/images/bg_overflow2.jpg);
        width: 1024px;
        height: auto;
}

*/

h1, h2, h3, h4, h5 {
        margin: 0;
        padding: 0;
}

a {
        color: #007048;
        text-decoration: none;
        border-bottom: 1px;
}

#leftcontent {
        float: left;
        width: 320px;
		position: relative;
}

#leftcontent .logo {
        width: 320px;
        height: 270px;
        background-image: url(/wipig/design/images/logo.jpg);
}

/*
 * classes for left modules
 */


#leftcontent .network h1, .projektarbeiten_login h1 {
        padding-left: 20px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 14px;
        color: #666666;
}

.projektarbeiten_login .login_data {
		background-color: #ECECEC;
		padding: 5px 15px 15px 20px;
}

.projektarbeiten_login .login_data div {
		font-size: 10px;
}

.projektarbeiten_login .login_data h1 {
		text-transform: uppercase;
		padding: 0;
		margin-bottom: 10px;
		font-size: 12px;
}

#leftcontent .inner_network {
        padding-left: 20px;
        font-size: 11px;
        background-color: #ECECEC;
        padding-bottom: 15px;
}

#leftcontent .inner_network_image {
        float: right;
}

#leftcontent .wipig_tipp {
        clear: both;
        margin-top: 25px;
}

#leftcontent .wipig_tipp h1 {
        padding-left: 20px;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 14px;
        color: #666666;
}

#leftcontent .inner_wipig_tipp {
        padding-left: 20px;
        font-size: 11px;
        background-color: #ECECEC;
        padding-bottom: 15px;
}

#leftcontent .inner_wipig_tipp_image {
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 4px;
        margin-bottom: 5px;
        width: 112px;
}

#leftcontent .inner_wipig_tipp_date {
        font-size: 10px;
        padding-bottom: 4px;
}

#leftcontent .inner_wipig_tipp_headline {
        font-weight: bold;
        padding: 0px;
        margin: 0;
        color: #666666;
}

#leftcontent .submenucontainer {
        clear: both;
        height: 130px;
        z-index: 10;
}

#leftcontent .submenu {
        float: right;
        height: 130px;
}

#leftcontent .submenu img {
        margin: 0;
        padding: 0;
}


#leftcontent .submenu ul {
        margin: 0; 
        padding: 0; 
        padding-bottom: 0px;
        list-style: none;
        background-color: #ECECEC;
}





#leftcontent .submenu li {
}

#leftcontent .submenu a {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 11px;
        border: 0;
        display: block;
}

#leftcontent .submenu a:hover {
        padding-left: 10px;
        font-weight: bold;
        border: 0;
        background-color: #B6B6B6;
        display: block;
}

/*
 * right content
 */


#rightcontent {
        margin-left: 320px;
        width: 480px;
        background-color: white;
}

#outercontent {
        background-image: url(../../design/images/bg_overflow_wide.jpg);
        background-repeat: no-repeat;
        height: auto !important;
        min-height: 100%;
		position: relative; 
}

#footer {
        font-size: 10px;
        font-weight: bold;
        color: #666666;
        text-align: left;
        bottom: 0 !important;
        margin: 0;
				position: absolute;
				left: 339px;
				height: 20px;
				clear: both;
}

#minibar {
        padding-left: 20px;
        padding-top: 20px;
        font-size: 0.6em;
        font-weight: bold;
}

#mainmenu {
        height: 270px;
        width: 480px;
}

#mainmenuentries {
        font-size: 12px;
        font-weight: bold;
        color: white;
}

#mainmenuentries ul{
        margin: 201px 0 0 5px;
        padding-top: 20px;
        padding-bottom: 2px;
        padding-left: 0;
        padding-right: 0;
}

#mainmenuentries li {
        display: inline;
}

#mainmenuentries a {
        text-decoration: none;
        color: white;
        padding-left: 14px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-top: 0;
        border: 0;
}

#mainmenuentries a:hover {
        background-repeat: no-repeat;
        padding-top: 5px;
        color: black;
}

#mainmenuentries a.praevention:hover {
       // background-image: url(../../design/images/mainmenu/praevention.png);
        background-image: url(../../design/images/mainmenu/praeventionsmanager.png);
        color: #01ACD8;
}

#mainmenuentries a.projekte:hover {
        background-image: url(../../design/images/mainmenu/projekte.png);
        color: #00A9BE;
}

#mainmenuentries a.praeventionsmanager:hover {
        background-image: url(../../design/images/mainmenu/praeventionsmanager.png);
        color: #01A58D;
}

#mainmenuentries a.presse:hover {
        background-image: url(../../design/images/mainmenu/presse.png);
        color: #01A05E;
}

#mainmenuentries a.institut:hover {
        background-image: url(../../design/images/mainmenu/institut.png);
        color: #009E47;
}

#mainmenuentries a.praevention_selected {
        //background-image: url(../../design/images/mainmenu/praevention.png);
        background-image: url(../../design/images/mainmenu/praeventionsmanager.png);
        color: #01ACD8;
        background-repeat: no-repeat;
        padding-top: 5px;
}

#mainmenuentries a.projekte_selected {
        background-image: url(../../design/images/mainmenu/projekte.png);
        color: #00A9BE;
        background-repeat: no-repeat;
        padding-top: 5px;
}

#mainmenuentries a.praeventionsmanager_selected {
        background-image: url(../../design/images/mainmenu/praeventionsmanager.png);
        color: #01A58D;
        background-repeat: no-repeat;
        padding-top: 5px;
}

#mainmenuentries a.presse_selected {
        background-image: url(../../design/images/mainmenu/presse.png);
        color: #01A05E;
        background-repeat: no-repeat;
        padding-top: 5px;
}

#mainmenuentries a.institut_selected {
        background-image: url(../../design/images/mainmenu/institut.png);
        color: #009E47;
        background-repeat: no-repeat;
        padding-top: 5px;
}

#smallmenu {
        margin-top: 20px;
    color: #666666;
        font-size: 11px;
        text-align: right;
    margin-left: 20px;
    padding-right: 20px;
}

#maincontent {
        margin-top: 5px;
        margin-left: 20px;
        padding-right: 20px;
}

#maincontent h1 {
        margin: 0;
        font-size: 14px;
        color: #007048;
}

#maincontent h2 {
        margin: 0;
        margin-top: 15px;
        font-size: 11px;
        color: #666666;
        line-height: 15px;
}

#maincontent p {
        margin: 0;
        font-size: 11px;
/*        color: #666666; */
        line-height: 15px;
        border: 0;
}

#maincontent .paragraph {
        margin: 0;
        font-size: 11px;
        color: #666666;
        line-height: 15px;
        border: 0;

}

#maincontent .pressimage {
        float: right;
        margin-right: 10px;
}

#maincontent .presstextWithImage {
        height: 170px;
}

#maincontent .listentry {
        font-size: 11px;
        margin-bottom: 8px;
        color: #666666;
}

#maincontent .listdate {
        float: left;
}

#maincontent .listtext {
        margin-left: 100px;
}

#maincontent .listhead {
        font-weight: bold;
        line-height: 15px;
}

#maincontent .listteaser {
        line-height: 15px;
}

#maincontent .listselector {
        float: right;
        background-color: #ECECEC;
        color: #666666;
}

#maincontent .entry {
        margin-top: 20px;
        font-size: 11px;
        margin-bottom: 8px;
        color: #666666;
}

#maincontent .entryhead {
        font-size: 14px;
        font-weight: bold;
}

#maincontent .entrytext {
        margin-top: 10px;
        line-height: 15px;
}

#maincontent .imagebutton {
        border: 0;
}

#maincontent .linkbutton {
        border: 1px solid #007048;
        color: #007048;
        background-color: #BBDFBB;
        margin: 5px 0;
        padding: 3px;
        font-size: 11px;
        cursor: pointer;
}

#maincontent .entryattachments {
        margin: 30px 0px;
        width: 500px;
}

#maincontent .entrylinks {
        margin-bottom: 20px;
}

#maincontent .entrylinksheadline {
        font-weight: bold;
}

#maincontent .entrydownloads {
        margin-bottom: 20px;
}

#maincontent .entrydownloadsheadline {
        font-weight: bold;
}

#maincontent .photoimage {
        margin-right: 5px;
        width: 135px;
        height: 100px;
        border: 2px solid #ECECEC;
        padding: 2px;
}

#maincontent .entryphotos {
        margin: 30px 0px;
        width: 460px;
}

#maincontent .inline {
        display: inline;
}

#maincontent .add15pxbelow {
        margin-bottom: 15px;
}

#maincontent .coop {
        margin-top: 18px;
        clear: both;
        margin-bottom: 10px;
}

#maincontent .coopleft {
        float: left;
        width: 215px;
}

#maincontent .coopright {
        margin-left: 220px;
}

#maincontent .coopcleaner {
        clear: both;
}

#maincontent .directorate {
        margin-top: 20px;
        font-size: 11px;
        margin-bottom: 10px;
        color: #666666;
        width: 440px;
}

#maincontent .directorateentry {
        width: 440px;
        margin-bottom: 15px;
}

#maincontent .directorateimage {
        float: left;
        width: 112px;
        margin-bottom: 10px;
}

#maincontent .directoratetext {
        margin-left: 125px;
        margin-bottom: 10px;
}

#maincontent a:visited {
        color: #007048;
        text-decoration: none;
        border-bottom: 1px dotted #007048;
}

.previewimage {
        height: 100px;
        border: 1px solid black;
}

#wipig_tipp_strip_p p {
        margin: 0;
        padding: 0;
}

.submitbutton {
        font-size: 11px;
        text-align: left;
        background-image: url('../../design/images/contactbutton.png');
        background-repeat: no-repeat;
        border: 0;
        width: 100%;
        background-color: #ECECEC;
        padding: 0 30px;
        margin: 0;
        cursor: pointer;
        color: #007048;
}

#smallmenu .printlink {
        border: 0;
}

#smallmenu .printlink img {
        margin-right: 5px;
        border: 0;
}

/* MODAL */

#modal_container {
        padding:5px;
        background-color:#fff;
        border:1px solid #666;
        overflow:auto;
        font-family: Tahoma, Verdana, Arial;
        font-size:11px;
        color:#333;
        text-align:left;
}

#modal_container .linkbutton {
        border: 1px solid #007048;
        color: #007048;
        background-color: #BBDFBB;
        margin: 5px 0;
        padding: 3px;
        font-size: 11px;
        cursor: pointer;
}

#modal_container.container {
        background-color:#fff;
        color:#000;
        padding:15px;
        text-align:left;
}

#modal_overlay {
        background-color:#00f;
}

#modal_overlay.container {
        background-color:#336;
}
