/**
 * ----------------------------------------------------------------------------
 * Stylesheet for XLcontent Verlag
 * Autor: Johannes Hentrich
 * Last changed: 25.3.2008
 * ----------------------------------------------------------------------------
 */

body { 
	margin: 0;
	padding: 0;
        background-color:white;
        color:#393838;

}

#page
{
 	width:980px;
}


#orangebox {
        background-color:#FF6600;
        width:220px;
        height:60px;
}

#beigebox {
        top:60px;
        background-color:#FFE3AA;
        width:220px;
        height:100%;
}

#rightbox {
        position:absolute;
        left:760px;
	top:60px;
        background-color:#FFE3AA;
        width:220px;
        height:100%;
   }
    
#header {
	position:absolute;
        left:220px;
        top:0px;
        width:760px;
        height:60px;
        background-image: url(../images/header_left.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#D4E2D4;
}


#book_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/buchshop_header.png);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#impressum_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/impressum.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#main_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/kom_technik.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#service_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/service_autoren.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#blogs_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/blog_wik_foren.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#kontakt_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/kontakt.gif);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}


#basket_header
{
	position:absolute;
        left:240px;
        top:72px;
        width:480px;
        height:38px;
        background-image: url(../images/warenkorb_header.png);
        background-position: left;
        background-repeat: no-repeat;
        background-color:#FFFFFF;
}

#logo {
        position:absolute;
        left:31px;
        top:33px;
        width:157px;
        height:73px;
}

#wissen {
        position:absolute;
        left:763px;
        top:7px;
        width:165px;
        height:59px;
	background-image: url(../images/einfach_mehr_wissen.png);
}
	

#main_menu {
        position:absolute;
        left:35px;
        top:157px;
        padding-top:1px;
        padding-left:0px;
        padding-bottom:0px;
        padding-right:0px;
        width:129px;
        height:403px;
}

#main_menu .no-active
{
        color:#006666;
        text-decoration:none;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        display:block;
}

#main_menu .active
{
        color:#FF6600;
        text-decoration:none;
        font-weight:bold;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        display:block;
}

#main_menu a:hover
{
        color:#FF6600;
}


ul
{
	margin: 0;
	padding: 0;
	top: 157px;
	list-style-type: none;
}

#contentarea
{
        position:absolute;
        width:500px;
        height:100%;
        left:240px;
        top:110px;
}

#rightcontent 
{
        position:absolute;
        width:200px;
        left:780px;
        top:110px;
}

#contentarea .csc-header csc-header-n1
{
        width:500px;
}



#contentarea h1
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
	height:30px;
	padding-left:20px;
	line-height:30px;
	vertical-align:bottom;
	background-image: url(../images/h1_left.gif);
	background-position: left;
        background-repeat: no-repeat;
        background-color:#FFE3AA;

}

#contentarea h1.csc-firstHeader
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;

	background-image: url(../images/h1_left.gif);
	background-position: left;
        background-repeat: no-repeat;
        background-color:#FFE3AA;

}

#contentarea h2
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
	height:30px;
	line-height:30px;
	vertical-align:bottom;
        background-color:#FFE3AA;

}
#contentarea h2.firstHeader
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
        background-color:#FFE3AA;
}


#contentarea h2.padHeader
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
        background-color:#FFE3AA;
        padding-left:20px;
        background-image: url(../images/h1_left.gif);
	background-position: left;
        background-repeat: no-repeat;
}

#contentarea h2.artHeader
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
        background-color:#FFE3AA;
 
}

#contentarea h2.preisHeader

{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
        background-color:#FFE3AA;
}

#contentarea a:link 
{
        color:#006666;
        text-decoration:none;
        font-family: Arial, sans-serif;
        font-size: 10pt; 
}

#contentarea a:hover 
{
        color:#FF6600;
}

#contentarea td a:hover 
{
        color:#FF6600;
}

#contentarea a.internal-link:hover 
{
        color:#FF6600;
}

#contentarea a.external-link-new-window:hover
{
        color:#FF6600;
}

#rightcontent a.internal-link 
{
        color:#006666;
        text-decoration:none;
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 10pt; 
}

#rightcontent a:hover 
{
        color:#FF6600;
}

#rightcontent td a:hover 
{
        color:#FF6600;
}

#rightcontent a.internal-link:hover 
{
        color:#FF6600;
}

#rightcontent a.external-link-new-window:hover
{
        color:#FF6600;
}

#contentarea DIV.csc-header-n1 a:hover
{
        color:#FF6600;
}

#contentarea a:active { 
	color:#FF6600;
	text-decoration:none;
        font-family: Arial, sans-serif;
        font-size: 10pt; 
}

#contentarea a:visited { 
	color:#006666;
	text-decoration:none;
        font-family: Arial, sans-serif;
        font-size: 10pt; 
}

#rightcontent .csc-header csc-header-n1
{
        width:200px;
	
}

#rightcontent h1.csc-firstHeader
{
        font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
	padding-left:20px;
	line-height:30px;
	vertical-align:bottom;
        background-image: url(../images/h1_right.gif);
	background-position: left;
        background-repeat: no-repeat;
        background-color:#D4E2D4;
}

#rightcontent h1
{
        font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#006666;
	padding-left:20px;
	line-height:30px;
	vertical-align:bottom;
        background-image: url(../images/h1_right.gif);
	background-position: left;
        background-repeat: no-repeat;
        background-color:#D4E2D4;

}

P
{
font-family: Arial;
font-size: 9pt;
padding-left:4px;
color:#393838;
}

.table_p
{
font-family: Arial;
font-size: 12px;
color:#006666;

}
#contentarea UL, OL
{
font-family: Arial;
font-size: 9pt;
padding-left:24px;
list-style-type: disc;
color:#393838;
}

#rightcontent UL, OL
{
font-family: Arial;
font-size: 9pt;
margin-top: -8px;
margin-bottom: -5px;
padding-left:44px;
list-style-type: disc;
color:#006666;
}

#rightcontent P
{
font-family: Arial;
font-size: 9pt;
padding-left:20px;
color:#006666;
width:160px;
}

.table_header 
{
	height:30px;
	line-height:30px;
	background-image: url(../images/h1_left.gif);
	background-position: left;
        background-repeat: no-repeat;
        background-color:#FFE3AA;
}

.table_d
{
	height:30px;
        background-color:#FFE3AA;
}

.table_button
{
	line-height:30px;
	vertical-align:middle;
}

.buttontitle
{
	margin-top:-10px;
	valign:top;
}