﻿/*
###################################################
Standards
###################################################
*/


body
{
   font-family:"Helvetica-Condensed-Light", Helvetica-Condensed-Light, "Arial Narrow", Arial Narrow, "Arial", Arsans-serif;
   color:#58585a;
   font-size: 11px;
   background-image:url(../images/body_background.gif);
   background-repeat:repeat-y;
   background-position:right;
   margin:100px 0 0 0;
   padding:0;
}


h1,h2,h3
{
   font-size:20px;
   margin:0 0 10px 0;
   font-weight:normal;
}

h2
{
   font-size:16px;
}

h3
{
   font-size:14px;
}


img,li,div {border:0;padding:0;margin:0;}
ul {list-style-type:none;}

hr
{
   margin:10px 0 0 0;
   height:2px;
   border-top:1px solid #fff; 
   border-right:1px solid #fff; 
   border-left:1px solid #fff; 
   border-bottom:1px solid #1C4B6D;
}


p
{
   margin:10px 0 10px 0;
}

a
{
    
     text-decoration:none;
     color:#58585a;
}

        
/*
###################################################
Container
###################################################
*/


#container-aussen
{
    margin:0 auto;
    width:937px;
    background:url(../images/aussen_background.png) no-repeat;
    background-position:-2px 75px;
    position:relative;  
}


#container
{
    margin:0 auto;
    width:867px;
}


#content
{
    height:585px;
    width:867px;
    text-align:left;
    margin-top:5px;
    background:url(../images/content_bild.jpg) no-repeat 0 5px;
    position:relative;
    z-index:50;
    border-bottom:2px solid #ff9c00;
    border-top:2px solid #ff9c00;
    padding:5px 0 5px 0;
}


#content #txt
{
    background:url(../images/background_content.png) no-repeat;
    position:absolute;
    width:402px;
    height:484px;
    right:81px;
    top:-25px;
    padding:177px 0 0 50px;
    font-size:13px; 
}





#content .scroll-pane
{
    top:20px;
    padding:0 25px 0 34px;
    overflow:hidden;
    position:relative;
    width:309px;
    height:384px;
   
}


#search
{
    position:absolute;
    top:22px;
    right:0;
    text-align:right;
    padding:0 28px 12px 0;
    border-bottom: 2px solid #9c9d9f;
    width:421px;
    height:25px;
    z-index:250;
    text-transform:uppercase;
}


#top-navigation
{
    width:867px;
    z-index:650;
    position:relative;
    text-transform:uppercase;   
}


#bottom-navigation
{
    position:absolute;
    right:33px;
    bottom:-69px;
    font-size:11px;
    z-index:400;
    text-transform:uppercase;
}

#right-navigation
{
    position:absolute;
    right:28px;
    top:94px;
    text-transform:uppercase;
}


#sub-navigation
{
    position:absolute;
    right:118px;
    top:65px;
    width:330px;
    overflow:hidden;
    z-index:500;
}


#logo
{
    position:absolute;
    top:212px;
    left:-114px;
    z-index:100;
}


#footer
{
    margin:0 auto;
    width:777px;
    padding:11px 0 0 0;
    height:50px;
    font-size:13px; 
}


#trudent
{
    position:absolute;
    right:33px;
    bottom:-44px;
    z-index:150;
}




/*
###################################################
Navigation
###################################################
*/


#top-navigation ul
{
    padding:0;
    margin:0 0 0 -7px;
}


#top-navigation li
{
    float:left;
}



#top-navigation a
{
    padding:0 7px 0 7px;
    background:url(../images/trenner.gif) no-repeat right;
    float:left;
}


#top-navigation li.nav10 a
{
    background:none;
}

#top-navigation li.active a,
#top-navigation a:hover
{
    padding:0 7px 0 7px;
    color:#ff9c00;
}



#top-navigation ul.subNavigation
{
    position:absolute;
    top:85px;
    left:425px;
    text-transform:none;
}

#top-navigation ul.subNavigation li
{
    position:relative;
}



#top-navigation ul.subNavigation a
{
    font-size:11px;
    color:#58585a;
    background:none;
    padding:0 10px 0 0;
}

#top-navigation ul.subNavigation li.active a,
#top-navigation ul.subNavigation a:hover
{
    color:#ff9c00;
}


/*
###################################################
Bottom Navigation
###################################################
*/


#bottom-navigation ul
{
    padding:0;
    margin:0;
}


#bottom-navigation li
{
    float:left;
}


#bottom-navigation a
{
    padding:0 4px 0 4px;
    background:url(../images/trenner.gif) no-repeat right;
    float:left;

}

#bottom-navigation a.active,
#bottom-navigation a:hover
{
    padding:0 4px 0 4px;
    color:#ff9c00;
}


/*
###################################################
Right Navigation
###################################################
*/


#right-navigation ul
{
    padding:0;
    margin:0;
}


#right-navigation li
{
    margin-bottom:12px; 
}

#right-navigation a
{
    width:80px;
    height:40px;
    line-height:40px;
    background:url(../images/background_navigation.png) no-repeat;
    display:block;
    text-align:right;
    text-align:left;
    padding-left:130px;
    font-size:12px;
}


#right-navigation ul.content a
{
    width:80px;
    height:40px;
    line-height:40px;
    background:url(../images/background_navigation.png) no-repeat top right;
    display:block;
    text-align:right;
    text-align:left;
    font-size:12px;
    padding:0 0 0 7px;
}

#right-navigation ul.content a:hover,
#right-navigation ul.content li.active a
{
    background:url(../images/background_navigation.png) no-repeat bottom right;
}


#right-navigation a:hover,
#right-navigation li.active a
{
    background:url(../images/background_navigation.png) no-repeat bottom left;
}




/*
###################################################
Sub Navigation
###################################################
*/


#sub-navigation ul
{
    padding:0;
    margin:0;
}


#sub-navigation li
{
    float:left;
    margin-right:20px;
}


#sub-navigation a
{
    font-size:11px;
}



#sub-navigation a:hover
{
    color:#ff9c00;
}


/*
###################################################
Content
###################################################
*/


#content #txt a
{
    color:#013773;
}

#content #txt a:hover
{
    color:#ff9c00;
}


/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */

#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    margin:0 0 5px 0;
    padding:0;
    font-style:normal;
}



/* ###################################################### */
/* ####################### SEARCH INPUT ################ */
/* ###################################################### */


#search input 
{
    width:97px;
    height:21px;
    border:1px solid #9c9d9f;
    background:#ffd89b;
    font-family:"Helvetica-Condensed-Light", Helvetica-Condensed-Light, "Arial Narrow", Arial Narrow, "Arial", Arsans-serif;
    font-size:11px;
}

#search input.sbmt
{
    background:none;
    border:none;
    width:auto;
    font-size:11px;
    padding:0;
    margin:0;
    text-transform:uppercase;
} 

div.clearer
{
    clear:both;
}

.gallery_image .link
{
    position:relative;
    height:50px;
    width: 75px;
}

.gallery_image .link img
{
    /*width: 100px;*/
    height: 50px; /* Set the small thumbnail size */
    -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
    position: absolute;
    left: 0; top: 0;
}

.gallery_image .link img.hover
{
}



