/* ---------------------------------------------------------------------------------------------- */ 
/* HTML Channels Styles - Comicstars
/* Version: 0.5 vom 09.02.2009
/* Author: Katja Kruzewitz // kruzewitz(at)comicstars(dot)de; Ingo Blenke // ID ON
/* Author URI: www.comicstars.de 
/* ---------------------------------------------------------------------------------------------- */ 

/* Clearing */

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* =====================*/

body {
    font-size:11px;
    font-family: arial, sans-serif;
    color: #212121;
    line-height: 16px;
    text-align: center;
}
body#home {
    background:#3572af url("../images/channels_knaur.gif") repeat-x left top;
}
#channels_wrapper {
    background:transparent url("../images/channels_logo.png") no-repeat left top;
    width:1075px;
    height:127px;
    position:absolute;
    left:0;
    top:0;
}
#container {
    margin-left:70px;
    width:1000px;
	position:relative;
}
#header {
    position:relative;
    width:1000px;
    height:125px;
    padding-bottom:15px;
}

div#channel_logo {
	background:url('../images/knaur_logo.jpg') no-repeat top left;
	position:absolute;
	margin-top:-20px;
    text-align:center;
    padding-bottom:10px;
	width:85px;
	height:85px;
	margin-left:450px;
	z-index:100;
}

#header h1 {
    position:absolute;
    top:49px;
    left:-15px;
}
#header h1 a.logo {
    background:none;
    display:block;
    height:50px;
    text-indent:-6000px;
    width:371px;
}

#wrapper {
    position:relative;
    width:1000px;
    min-height:800px;
    padding-bottom:30px;
padding-top:90px

}
#leftcolumn {
    float:left;
    width:155px;
}
ul#breadcrumbles {
display:block;
left:10px;
position:absolute;
top:210px;
white-space:nowrap;
width:auto;
z-index:1000;
}

/* ================================================================================ */
/* @by Ingo */

#main {
    float:left;
    width:650px;
    margin:0 12px;
    overflow:hidden;
    text-align:left;
    padding-bottom:15px;
	padding-left:3px;
	padding-top:3px;
    background:#fff;
	border:1px solid #014083;
	min-height:980px;
    /*background:url(../images/channel_main_bg.png) no-repeat left bottom;*/
}
/*
#main-inner {
    background:#414141;
    padding:10px 10px 0;
}*/ 

#main-inner a:hover, #main-inner a:focus {text-decoration:underline;}

    .channel-boxwrapper {
        background:#fff;
        margin:10px 0 0;
    }
    .channel-boxwrapper:first-child {
        margin-top:0;
    }
        .channel-boxwrapper h2 {
            background:#ccc url(../images/channel_boxheader.png) repeat-x;
            color:#222;
            height:26px;
            line-height:26px;
            text-transform:none;
            font-size:16px;
            font-weight:normal;
            font-family:verdana, sans-serif;
            margin:0;
width:642px;
        }
        .channel-box {
            padding:20px 20px 20px 10px;
        }
        .channel-box div.teaser-image, #ch_flashcontent {
            float:left;
            margin-right:20px;
            width:250px;
            text-align:center;
        }
            #ch_flashcontent {
                width:300px;
                height:200px;
            }
        .channel-box h3 {
            font-size:20px;
            font-family:verdana, sans-serif;
            color:#014083;
            margin:15px 0 10px;
        }
        .channel-box p {
            font-size:12px;
            color:#777;
            margin-bottom:5px;
        }
        .channel-box a.more {
            padding-left:7px;
            color:#014083;
            font-weight:bold;
            background:url(../images/channel_arrow.png) no-repeat left center;
        }

		.channel-box a.more_right {
		background:transparent url(../images/channel_arrow.png) no-repeat scroll left center;
		color:#014083;
		font-weight:bold;
		padding-left:7px;
		float:right;
		margin-top:5px;
		}
		
    #new-releases {
        margin-left:2px;
        float:left;
    }
    #new-releases li {
        float:left;
        margin-right:12px;
    }
  #new-releases li img {
       border:1px solid #fff;
		padding:1px;
    }
  #new-releases li a:hover img {
       border:1px solid #014083;
    }
    #new-releases li:last-child {margin:0;}

    #channel-news {float:left;}

        #channel-news li {
            float:left;
            padding:10px 10px 10px 0;
            border-bottom:1px solid #ccc;
        }
        #channel-news li:last-child {border:0;}

        #channel-news li img {
            float:left;
            margin-right:18px;
        }
        #channel-news div {
            float:left;
            width:490px;
        }
        #channel-news h3 {
            margin:2px 0 5px;
            font-size:16px;
        }
        #channel-news span {color:#777;}

    #ch_flashcontent {border:1px solid #ccc;}

/* ================================================================================ */

#rightcolumn {
    float:right;
    width:165px;
}
#footer {
    background:none;
    height:120px;
    width:100%;
    margin-top:15px;
}
#footernavi {
    padding-top:10px;
    padding-bottom:42px;
}
#footer ul {
    text-align:center;
}
#footer li {
    display:inline;
}
#footer a {
    color:#fff;
    text-decoration:none;
}
#footer a:active, #footer a:hover, #footer a:focus {
    color:#000;
}
#footer div {
    color:#fff;
}

#navi { 
    position:absolute;
    left:516px;
    top:50px;
    width:600px;
    height:28px;
}

#navi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navi li {
    float: left;
    width:auto;
}

#navi a {
    height:28px;
    overflow:hidden;
    text-indent:0;
    padding:1px;
    width:auto;
}

#navi li.home a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:37px;
}

#navi li.home a:hover, #navi li.home a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:37px;
}

#navi li.comics a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:44px;
}

#navi li.comics a:hover, #navi li.comics a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:44px;
}

#navi li.contest a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:50px;
}

#navi li.contest a:hover, #navi li.contest a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:50px;
}
#navi li.news a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:34px;
}

#navi li.news a:hover, #navi li.news a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:34px;
}

#navi li.mein_comicstars a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:93px;
}

#navi li.mein_comicstars a:hover, #navi li.mein_comicstars a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:93px;
}
#navi li.mitglieder a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:54px;
}

#navi li.mitglieder a:hover, #navi li.mitglieder a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:54px;
}
#navi li.comic_hochladen a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:93px;
}

#navi li.comic_hochladen a:hover, #navi li.comic_hochladen a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:93px;
}
#navi li.verlag a {
    background-image:none;
    background-repeat:no-repeat;
    background-position: left top;
    width:38px;
}

#navi li.verlag a:hover, #navi li.verlag a.visited {
    background-image: none;
    background-repeat:no-repeat;
    background-position: right top;
    width:38px;
}
div#usernavitop {
    color:#666666;
    height:17px;
    right:35px;
    position:absolute;
    top:73px;
}

#leftcolumn div#channelmenu {
    margin-bottom:20px;
    text-align:left;
    background:none;
}
#leftcolumn div#channelmenu ul {
    background:transparent url("../images/subnavi_bg.png") repeat-y left top;
}

#leftcolumn div#channelmenu h3 {
    background:transparent url("../images/subnavi_head.png") no-repeat top left;
    color:#212121;
    font-size:15px;
    font-weight:bold;
    height:23px;
    line-height:17px;
    padding-left:10px;
    padding-top:10px;
    text-transform:uppercase;
    width:155px;
}
#leftcolumn div.subnavi_bottom {
    background:transparent url("../images/subnavi_bottom.png") no-repeat scroll left bottom;
    height:13px;
    margin-top:-2px;
    width:155px;
}

#leftcolumn div#profil, #leftcolumn div#meine_comics, #leftcolumn div#genres, #leftcolumn div#channels, #leftcolumn div#topics, #leftcolumn div#jury, #leftcolumn div#shop {
    background:none;
    margin-bottom:20px;
    text-align:left;
}
#leftcolumn div#profil ul, #leftcolumn div#meine_comics ul, #leftcolumn div#genres ul, #leftcolumn div#channels ul, #leftcolumn div#topics ul, #leftcolumn div#jury ul, #leftcolumn div#shop ul {
    background:transparent url("../images/subnavi_bg.png") repeat-y left top;
	width:154px;
}
#leftcolumn div#channelmenu h3 {
    background:transparent url("../images/subnavi_head.png") no-repeat left top;
    color:#212121;
    font-size:15px;
    font-weight:bold;
    height:20px;
    line-height:17px;
    padding-left:10px;
    padding-top:10px;
    text-transform:uppercase;
    width:155px;
}

#leftcolumn div#profil h3, #leftcolumn div#meine_comics h3, #leftcolumn div#genres h3, #leftcolumn div#channels h3, #leftcolumn div#topics h3, #leftcolumn div#jury h3, #leftcolumn div#shop h3 {
    background:transparent url("../images/subnavi_head.png") no-repeat top left;
    color:#212121;
    font-size:15px;
    font-weight:bold;
    height:20px;
    line-height:17px;
    padding-left:10px;
    padding-top:10px;
    text-transform:uppercase;
    width:155px;
}
#leftcolumn ul.subnavi li {
    padding-left:2px;
    padding-right:9px;
}
#leftcolumn ul.subnavi a:hover, #leftcolumn ul.subnavi a:active, #leftcolumn ul.subnavi a:focus, #leftcolumn ul.subnavi a.active {
background:#F3F3F3 none repeat scroll 0 0;
color:#212121;
}
#leftcolumn ul.subnavi a {
    width:140px;
}
div#logbuchbox_bottom {
    background:transparent url("../images/logbuch_bottom.png") no-repeat top left;
}
div#logbuchbox {
    background:transparent url("../images/logbuch_hg.png") repeat-y 0 0;
}
div#logbuch {
    background:transparent url("../images/logbuch_head.png") no-repeat 0 0;
}

form#login {
    background:transparent url("../images/login_bg.png") repeat-y 0 0;
    margin-bottom:0;
}
#login_inputs {
    background:transparent url("../images/login_head.png") no-repeat left top;
    margin-bottom:0;
}
div.login_bottom {
    background:transparent url("../images/login_bottom.png") no-repeat left bottom;
    margin-bottom:20px;
}
div.sidebox h3 {
    background:transparent url("../images/sidebox_head.png") no-repeat 0 0;
}
div.sidebox {
    background:transparent url("../images/sidebox_bg.png") repeat-y 0 0;
    margin-bottom:0;
}
div.sidebox_bottom {
    background:transparent url("../images/sidebox_bottom.png") no-repeat left bottom;
    margin-bottom:20px;
}
div.object-left {
	float:left;
	margin-bottom:5px;
	margin-right:15px;
}
#leftcolumn div#mitglieder h3 {
    background:transparent url("../images/subnavi_head.png") no-repeat left top;
    color:#212121;
    font-size:15px;
    font-weight:bold;
    height:20px;
    line-height:17px;
    padding-left:10px;
    padding-top:10px;
    text-transform:uppercase;
    width:155px;
}
#leftcolumn div.subnavi_bottom {
    background:transparent url("../images/subnavi_bottom.png") no-repeat scroll left bottom;
    height:13px;
    margin-top:-2px;
    width:155px;
}
div#leftcolumn div.sidebox {
    background:transparent url("../images/subnavi_bg.png") repeat-y left top;
}
/*++++++++++++++++++++++++++++++++*/