﻿@font-face {
    font-family: IssfFontBlack;
    
    /*src: url('./Fonts/ISSFFontBlack.eot');
    src: local(IssfFontBlack), url('./Fonts/ISSFFontBlack.eot') format('eot'), url('./Fonts/ISSFFontBlack.TTF') format('truetype');*/
    src: local(IssfFontBlack), url('./Fonts/ISSFFontBlack.TTF') format('truetype');
}
@font-face {
    font-family: "IssfFontBlack IE";
    
    src: url('./Fonts/ISSFFontBlack.eot');
    /*src: local(IssfFontBlack), url('./Fonts/ISSFFontBlack.eot') format('eot'), url('./Fonts/ISSFFontBlack.TTF') format('truetype');*/
}

* { margin: 0; padding: 0; font-family: Arial, Verdana,Helvetica,sans-serif; }
html { height: 100%; margin-bottom: 1px; }
body {
	border-collapse: collapse;
    /*background-image: url(Images/background.jpg);*/
    /*background-repeat: repeat-y;*/
    background-color: #BEBEBF;

    font-size: 12px;
    color: #606060;
}
img { border: none; }
dir { padding-left: 20pt; }
ul { padding-left: 20pt; }
ol { padding-left: 20pt; }


#wrapper { background-color: #FFFFFF; border: solid 1px #A0A0A0; margin: 20px auto; width: 1030px; }

/*
 * Header
 *-----------------------------------------------------------------------------
 */
#header_wrapper { position: relative; clear: both; background-image: url(Images/header_background.jpg); background-repeat: repeat-x; height: 99px; }
#header_image { position: relative; float: left; border: 0; margin-top: 8px; margin-left: 10px; height: 60px; width: 47px; }
#header_image img { border: none; }

.header_banner_antidoping {
    float: right;
    overflow: hidden;
    
    border-left: dotted 2px #6B696A;
    border-right: dotted 2px #6B696A;
    margin-top: 16px;
    margin-right: 23px;
    padding-left: 10px;

    width: 110px;
}
.header_banner_ioc {
    float: right;
    
    border-left: dotted 2px #6B696A;
    margin-top: 16px;

    padding-left: 3px;
    padding-top: 4px;
    width: 102px;
    height: 79px;
}
.header_banner_london_2012 {
    float: right;
    margin-top: 16px;
    border-left: dotted 2px #6B696A;
    padding-left: 10px;
    padding-top: 10px;
    width: 73px;
    height: 73px;
}
.header_banner_academy {
    float: right;
    border-left: dotted 2px #6B696A;
    margin-top: 16px;
    padding-left: 25px;
    width: 68px;
    height: 83px;
}
.header_banner_academy img {
    margin-top: -16px;
}
.header_banner_ipcshooting { float: right; margin-top: 16px; border-left: dotted 2px #6B696A; padding-left: 2px; padding-top: 31px; width: 85px; height: 52px; }
.header_banner_img { border: 0; }

#header_contact { position: relative; float: right; margin-top: 15px; margin-right: 24px; width: 214px; }

/*
 * Mainmenu
 *-----------------------------------------------------------------------------
 */
#mainmenu_wrapper { clear: both; background-color: #BCBCBD; height: 37px; }
#mainmenu_content { float: left; height: 37px; }
--#mainmenu_searchpanel {
--    float: right;
--
--    background-image: url(Images/menu/mainmenu_backgrounds.png); /* Würg bis search implentiert ist */
--    background-position: 0 0;
--    padding-left: 100px;
--    padding-top: 11px;
--
--    width: 27px; /* 129 - 100 - 2 = 29 */ /* 2 = "border" zwischen den menu-punkten */
--    height: 26px; /* 37 - 11 = 26 */
}
.mainmenu_searchfield {
    margin-top: 1px;
    background-image: url(Images/mainmenu_searchbox_backgrou.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 0;
    font-size: 12px;
    width: 119px;
    height: 14px;
}
.mainmenu_searchbutton {
    background-image: url(Images/mainmenu_searchlens_button.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    border-width: 0;
    
    height: 14px;
    width: 14px;
    margin-left: 4px;
}



/*
 * Sub-Header-Menu
 *-----------------------------------------------------------------------------
 * Die Navigationsstruktur ist momentan nicht gewünscht.
 */

#subheadermenu_wrapper { position: relative; clear: both; }
#subheadermenu_content { padding-top: 10px; }
#subheadermenu_content a { color: #8b8b8b; }
#subheadermenu_content span { color: #404040; }
#subheadermenu_content span.seperator { color: #8b8b8b; }
/*
 * Login information
 *-----------------------------------------------------------------------------
 * Zeigt den momentan eingeloggten Benutzernamen an.
 */
.logininformation_container { float: right; }


/*
 * Content
 *-----------------------------------------------------------------------------
 */
#content_wrapper {
    clear: both;
    /*overflow: auto;*/   /* TODO: stresst mit Scrollbalken... wo wird dies gebraucht? */
    
    background: url(Images/content_background.jpg) repeat-x left top;
    /*margin-left: 3px;*/
    /*margin-right: 3px;*/
    /* padding-left/right originally 15px, 18px because margin-left/right removed */
    padding-left: 18px;
    padding-right: 18px;
    
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

/* TV / Foto - Teaser */
#content_top { overflow: auto; }

/* News / Random - Rotator, Calendar*/
#content_bottom { overflow: auto; }

/*
 * Footer
 *-----------------------------------------------------------------------------
 */
#footer_wrapper { clear: both; margin-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; }
#footer_content { }


.infoteaserwrapper { margin: 0; padding: 0 ; width: 300px; height: 96px; }
.infoteaserwrapper img { width: 80px; height: 80px; border: none; }
.infoteaser_img { margin-top: 0px; margin-left: 0px; float: left; overflow: hidden; }
.infoteaser_text { width: 200px; height: 96px; padding-left: 10px; overflow: hidden; }


/*
 * Intranet
 *-----------------------------------------------------------------------------
 */ 
#intranet_mainmenu_content { width: 100%; height: 60px; background-image: url("/issf_images/menu/menu_background.jpg"); background-repeat: repeat-x; }
#intranet_content_wrapper {
    clear: both;
    
    background: url(Images/content_background.jpg) repeat-x left top;
    padding-left: 18px;
    padding-right: 18px;
    
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#intranet_content_left { width: 800px; float: left; }
#intranet_content_right { width: 200px; float: right; }


/*
 * Telerik Button Style
 *-----------------------------------------------------------------------------
 */
.button_telerikdefault_65 {
    background-image: url('Images/telerikdefaultbutton/ruSprite.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border: 0;
    font: normal 11px/10px "Segoe UI", Arial, sans-serif;
    height: 22px;
    text-align: center;
    width: 65px;
    color: #000000;
}
.button_telerikdefault_65:hover { background-image: url('Images/telerikdefaultbutton/ruSprite.png'); background-position: -335px 0px; }
.button_telerikdefault_79 {
    background-image: url('Images/telerikdefaultbutton/ruSprite.png');
    background-position: 0px -23px;
    background-repeat: no-repeat;
    border: 0;
    font: normal 11px/10px "Segoe UI", Arial, sans-serif;
    height: 22px;
    text-align: center;
    width: 79px;
    color: #000000;
}
.button_telerikdefault_79:hover { background-image: url('Images/telerikdefaultbutton/ruSprite.png'); background-position: -321px -23px; }
.button_telerikdefault_115 {
    background-image: url('Images/telerikdefaultbutton/ruSprite.png');
    background-position: 0px -46px;
    background-repeat: no-repeat;
    border: 0;
    font: normal 11px/10px "Segoe UI", Arial, sans-serif;
    height: 22px;
    text-align: center;
    width: 115px;
    color: #000000;
}
.button_telerikdefault_115:hover { background-image: url('Images/telerikdefaultbutton/ruSprite.png'); background-position: -285px -46px; }
