@charset "UTF-8";
body,td,th {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #646464;
}
body {
    background-color: #c1c1c1;
    background-image: url(../img/bg-trans.png);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}
img {
    border: 0;
}
/*
-- ÃœBERSCHRIFTEN --
*/
h1 {
    color: #42505d; 
    font-size: 22px; 
    line-height: 30px; 
    font-family: Helvetica, Tahoma, Arial, Helvetica, sans-serif; 
    font-weight: bold;
}
h2 {
    color: #4d5d6c; 
    font-size: 16px; 
    font-family: Helvetica, Tahoma, Arial, Helvetica, sans-serif; 
    font-weight: bold;
}
h3 {
    color: #ffa100; 
    font-size: 13px; 
    font-family: Helvetica, Tahoma, Arial, Helvetica, sans-serif; 
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
}
/*
-- LINKSTYLE --
*/
a:link {
    color: #485866;
    text-decoration: none;
    font-weight: normal;
    background-image: none;
}

a:visited {
    color: #485866;
    text-decoration: none;
    font-weight: normal;
    background-image: none;
}

a:active {
    color: #dd8800;
    text-decoration: underline;
    font-weight: normal;
    background-image: none;
}

a:hover {
    color: #dd8800;
    text-decoration: none;
    font-weight: normal;
    background-image: none;
}
/*
-- MAIN NAVIGATION --
*/
#left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#left li {
    height: 15px;
    margin-top: 8px;
    padding-left: 15px;
    border-bottom: #ececec 1px solid;
    padding-bottom: 10px;
}
.navmainStandardLevel_2 {
    padding-left: 15px;
}
.navmainStandardLevel_1 a {
    font-size: 11px;
    font-weight: bold;
}
.navmainStandardLevel_2 a {
    font-size: 11px;
    font-weight: bold;
}
/*
-- LAYOUT --
*/
#container {
    width: 896px; 
    left: 0;
    right: 0;
    margin: auto;
}
#top {
    height: 50px;
    margin-top: 10px;
    margin-left: 6px;
    margin-right: 6px;
}
#title {
    float: left;
    margin-top: 18px;
}
#logo {
    float: right
}
#head {
    clear: both;
    width: 896px;
    height: 333px;
    margin-top: 10px;
    background-image: url(../img/shadow_head-trans.png);
}
#header {
    display: inline; /* Internet Explorer 6 Doubled-Margin-Bugfix */
    float: left;
    width: 684px;
    height: 317px;
    margin-top: 6px;
    margin-left: 6px;
    background-image: url(../img/header-trans.png);
}
#links {
    display: inline; /* Internet Explorer 6 Doubled-Margin-Bugfix */
    float: right;
    width: 190px;
    margin-top: 6px;
    margin-right: 6px;
}
#content_top {
    clear: both;
    margin-top: 4px;
    width: 896px;
    height: 5px;
    background-image: url(../img/content_top-trans.png);
}
#content {
    background-image: url(../img/content_middle-trans.png);
    background-repeat: repeat-y;
}
.navigation {
    display: inline; /* Internet Explorer 6 Doubled-Margin-Bugfix */
    float: left;
    width: 190px;
    margin-left: 15px;
    margin-right: 15px;
}
#center {
    float: left;
    width: 434px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: #ececec 1px solid;
    border-right: #ececec 1px solid;
    margin-bottom: 20px;
}
#right {
    float: left;
    text-align: center;
}
#right img {
    margin-bottom: 20px;
}
#content_bottom {
    clear: both;
    width: 896px;
    height: 11px;
    background-image: url(../img/content_bottom-trans.png);
}
.hidden{
    visibility:hidden;    
    text-decoration:none;
}
/*
-- LINKS IM HEADER --
*/
#links div a {
    display:block;
    width:190px;
    height:99px;
    text-decoration:none;    
    margin-bottom: 10px;
    color:#ffffff;
}
#ju {
    background:url(../img/links/link_ju.png) no-repeat;
}
#ju:hover {
    background:url(../img/links/link_ju.png) no-repeat;
    background-position: -190px;
}
#cdu {
    background:url(../img/links/link_cdu.png) no-repeat;
}
#cdu:hover {
    background:url(../img/links/link_cdu.png) no-repeat;
    background-position: -190px;
}
#teamjupp {
    background:url(../img/links/link_tj.png) no-repeat;
}
#teamjupp:hover {
    background:url(../img/links/link_tj.png) no-repeat;
    background-position: -190px;
}
/*
-- TOP NAVIGATION --
*/
#navigation_top {
    width: 896px;
    height: 137px;
    background-image: url(../img/shadow_navigation-trans.png);
}
#navigation_top div {
    float: left;
}
#navigation_top div a {
    display:block;
    width:221px;
    height:131px;
    text-decoration:none;
    color:#ffffff;
}
#top_josefheyes {
    background:url(../img/nav_top/nav_01.png) no-repeat;
}
#top_josefheyes:hover {
    background:url(../img/nav_top/nav_01.png) no-repeat;
    background-position: -221px;
}
#top_themen {
    background:url(../img/nav_top/nav_02.png) no-repeat;
}
#top_themen:hover {
    background:url(../img/nav_top/nav_02.png) no-repeat;
    background-position: -221px;
}
#top_teamjupp {
    background:url(../img/nav_top/nav_03.png) no-repeat;
}
#top_teamjupp:hover {
    background:url(../img/nav_top/nav_03.png) no-repeat;
    background-position: -221px;
}
#top_kontakt {
    background:url(../img/nav_top/nav_04.png) no-repeat;
}
#top_kontakt:hover {
    background:url(../img/nav_top/nav_04.png) no-repeat;
    background-position: -221px;
}
/*
-- DOWNLOAD --
*/
#download {
    width:265px;
    height:74px;
    text-decoration:none;    
    margin-bottom: 10px;
    color:#ffffff;
}
#download div a {
    display:block;
    height: 74px;
}
#rahmenplan {
    height:74px;
    background:url(../upload/download_kpr2009_trans.png) no-repeat;
}
#rahmenplan:hover {
    background:url(../upload/download_kpr2009_trans.png) no-repeat;
    background-position: -265px;
}
#bilanzen {
    height:74px;
    background:url(../upload/download_bilanzen2009_trans.png) no-repeat;
}
#bilanzen:hover {
    background:url(../upload/download_bilanzen2009_trans.png) no-repeat;
    background-position: -265px;
}
/*
-- SOCIAL NETWORKING --
*/
#right div {
    left:0;
    right:0;
    margin:auto;
    margin-bottom: 15px;
}
#right div a {
    display:block;
    text-decoration:none;    
    margin-bottom: 25px;
    color:#ffffff;
}
#social_meinvz {
    width: 120px;
    height: 48px;
    background:url(../img/socialnetworking/meinvz_inaktiv-trans.png) no-repeat;
}
#social_meinvz:hover {
    background:url(../img/socialnetworking/meinvz_aktiv-trans.png) no-repeat;
}
#social_facebook {
    width: 120px;
    height: 24px;
    background:url(../img/socialnetworking/facebook_inaktiv-trans.png) no-repeat;
}
#social_facebook:hover {
    background:url(../img/socialnetworking/facebook_aktiv-trans.png) no-repeat;
}
#social_flickr {
    width: 120px;
    height: 33px;
    background:url(../img/socialnetworking/flickr_inaktiv-trans.png) no-repeat;
}
#social_flickr:hover {
    background:url(../img/socialnetworking/flickr_aktiv-trans.png) no-repeat;
}
#social_twitter {
    width: 120px;
    height: 24px;
    background:url(../img/socialnetworking/twitter_inaktiv-trans.png) no-repeat;
}
#social_twitter:hover {
    background:url(../img/socialnetworking/twitter_aktiv-trans.png) no-repeat;
}
#social_youtube {
    width: 120px;
    height: 47px;
    background:url(../img/socialnetworking/youtube_inaktiv-trans.png) no-repeat;
}
#social_youtube:hover {
    background:url(../img/socialnetworking/youtube_aktiv-trans.png) no-repeat;
}
/*
-- KONTAKTFORMULAR --
*/
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    display: inline; /* Internet Explorer 6 Doubled-Margin-Bugfix */
    float:right;
    background: url(../img/senden.gif);
    margin-right: 6px;
    width: 70px;
    height: 20px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image: url(../img/loeschen.gif);
    width: 70px;
    height: 20px;
    border: 0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
/*
-- SUCHE --
*/
#searchterm {
    float: left;
    height: 18px;
    width: 105px;
    font-size: 10px;
    border:1px solid #ccc;
    margin: 0;
}
#search_send {
    float: right;
    margin: 0;
    border: 0;
}
/*
-- TWITTER --
*/
#twitter_update_list {
    font-size: 11px;
    line-height: 14px;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}
#twitter_update_list a:link {
    color: #ffa100;
}
/*
-- UNTERSTÜTZER ANZAHL --
*/
.u1 {
    background:url(../img/unterstuetzer/1_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u2 {
    background:url(../img/unterstuetzer/2_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u3 {
    background:url(../img/unterstuetzer/3_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u4 {
    background:url(../img/unterstuetzer/4_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u5 {
    background:url(../img/unterstuetzer/5_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u6 {
    background:url(../img/unterstuetzer/6_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u7 {
    background:url(../img/unterstuetzer/7_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u8 {
    background:url(../img/unterstuetzer/8_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u9 {
    background:url(../img/unterstuetzer/9_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}
.u0 {
    background:url(../img/unterstuetzer/0_trans.png) no-repeat;
    width: 41px;
    height: 53px;
    float: left;
    margin-right: 2px;
}


.tjupp {
    width: 101px;
    height: 101px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

#tju01 {
    background:url(../upload/unterstuetzer/u_01.jpg) no-repeat;
}
#tju01:hover {
    background:url(../upload/unterstuetzer/u_01.jpg) no-repeat;
    background-position: -101px;
}
#tju02 {
    background:url(../upload/unterstuetzer/u_02.jpg) no-repeat;
}
#tju02:hover {
    background:url(../upload/unterstuetzer/u_02.jpg) no-repeat;
    background-position: -101px;
}
#tju03 {
    background:url(../upload/unterstuetzer/u_03.jpg) no-repeat;
}
#tju03:hover {
    background:url(../upload/unterstuetzer/u_03.jpg) no-repeat;
    background-position: -101px;
}#tju04 {
    background:url(../upload/unterstuetzer/u_04.jpg) no-repeat;
}
#tju04:hover {
    background:url(../upload/unterstuetzer/u_04.jpg) no-repeat;
    background-position: -101px;
}

#tjuupp div a {
    display:block;
    width:101px;
    height:101px;
    text-decoration:none;    
    color:#ffffff;
}