* {
    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: #BCBCBD;

    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_ioc {
    float: right;
    
    border-left: dotted 2px #6B696A;
    --border-right: dotted 2px #6B696A;
    margin-top: 16px;

    width: 93px;
}
.header_banner_olympicyouth {
    float: right;
    
    border-left: dotted 2px #6B696A;
    border-right: dotted 2px #6B696A;
    margin-top: 16px;

    width: 83px;
}
.header_banner_bestofus {    
    float: right;
    margin-top: 16px;
    padding-left: 4px;
    padding-right: 6px;
    border-left: dotted 2px #6B696A;
    
    width: 95px;
}
.header_banner_london_2012 {
    float: right;
    margin-top: 16px;

    width: 87px;
}
.header_banner_antidoping {
    float: right;
    overflow: hidden;
    
    border-left: dotted 2px #6B696A;
    border-right: dotted 2px #6B696A;
    margin-top: 16px;
    margin-right: 23px;

    width: 120px;
}
.header_banner_img {
    border: 0;
}
#header_contact {
    position: relative;
    float: right;
    
    margin-top: 15px;
    margin-right: 24px;
}

/*
 * Mainmenu
 *-----------------------------------------------------------------------------
 */
#mainmenu_wrapper {
    clear: both;
    
    background-color: #BCBCBD;
    --margin-bottom: 3px;

    height: 37px;
}
#mainmenu_content {
    float: left;
    
    --background: #BCBCBD url(Images/menu/mainmenu_gray.jpg) repeat-x;
    --width: 770px;
    height: 37px;
    
}
#mainmenu_searchpanel {
    float: right;
    
    --background: url(Images/mainmenu_searchfield.jpg) no-repeat;
    background: url(Images/menu/mainmenu_gray.jpg) repeat-x;    /* Würg bis search implentiert ist */
    background-position: right;    
    padding-left: 100px;
    padding-top: 11px;

    width: 161px; /* 261 - 100 = 161 */
    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;
}

/*
 * 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;
    --background-color: Red;
}
.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; }