/* ----------------------------------------
//
// content.css
// styles for sixt modules
//
// author:      joachim.wendenburg@sixt.de
// created:     15.06.2005
// copyright:   sixt.ag
//
---------------------------------------- */


	html {
		height:100%;
	}

	body {
        height:100%;
		color:#000;
		margin:0;
		padding:0;
		background-color: #fff;
	}

	body, div, p, span, a, ul, input, td, h1, h2, h3, h4  {
		font-family: arial, helvetica, verdana, sans-serif;
		color: #000;
		font-size:11px;
	}
    
	h1 span, h2  span, h3  span, h4  span  {
        font-weight: normal;  
	}

    #main {
        width: 600px;
        margin:0 0 0 26px;
        padding:30px 0 0 0;
    }

    h1 {
        clear:both;
        background-image: url(/common/all/gfx/headline/sixt.gif);
    	background-repeat: no-repeat;
    	background-position: 0;
    	padding: 8px 10px 9px 60px;
    	margin: 0 0 12px 0;
    	font-size: 15px;
    	color: #f60;
    	border: 1px solid #c8c8c8;
        white-space:nowrap;
        overflow:hidden;    
    } 

	/* -----------------------------------------

	single box size 100%

	----------------------------------------- */ 
    
    div {
        padding:0;
        margin: 0;
    }
    
    h3 {
        font-size: 11px;
        background-color: #e9e9e9;
        border-bottom: 1px solid #c8c8c8;
        padding: 3px;
        margin: 0;
        height:14px;            /* same box height also with Mac OS */        
    }
    
    h3 span {
        font-weight: normal;
    }      

    img {
        padding:0;
        margin: 0;         
    }   

    h4 {
        font-size: 11px;
        padding: 3px 3px 0px 3px;
        margin: 0;
        color: #f60;
    }
    
    h5 {
        font-size: 11px;
        padding: 3px 3px 0px 3px;
        margin: 0;
    }

    p {
        padding:3px;
        margin: 0;
    }
    ul {
    	padding: 0;
    	margin: 2px 0 4px 20px;
    }
    ul.image {
    	padding: 0;
    	margin: 2px 0 4px 220px;
    }
    li {
    	color: #7c7c7c;
    	margin:0 0 2px 0;
    }
    li span {
    	color: #000;
    	font-weight:normal;
    }
    li b {
    	color: #000;
    	font-weight:bold;
    }
    li strong {
    	color: #f60;
    	font-weight:bold;
    }   
    .floater {
        float:left;
        margin: 0 3px 0 0;         
    }     
    a.link {
        clear: left;
        display: block;
        font-size: 11px;
        color: #444;
        padding: 1px 3px 2px 3px;
        margin: 0;
        border-top: 1px solid #c8c8c8;
        font-weight:normal;
        text-decoration: none;
        height:14px;            /* same box height also with Mac OS */     
        background-color: #fff;
    } 
    a.link span {
        font-weight: bold;
        color: #f60;
    }
    a.link:hover {
        border-top: 1px solid #f60;
        color: #000;
        background-color: #f60;
    } 
    a.link:hover span {
        color: #000;
    } 
    
    p.list {
        padding:3px;
        margin: 0;
        border-bottom: 1px solid #c8c8c8;
        font-weight:normal;
        height:14px;            /* same box height also with Mac OS */             
        
    }     
    p.list a {
        font-weight: normal;  
        text-decoration: none;
        color: #7e7e7e;  
    } 

    
    a.list {
        display:block;
        color: #000;  
        padding:3px;
        margin: 0;
        border-bottom: 1px solid #c8c8c8;
        font-weight:normal;
        height:14px;            /* same box height also with Mac OS */             
        text-decoration: none;
    }     
    a.list span {
        font-weight: normal;  
        text-decoration: none;
        color: #444;  
    } 
    a.list:hover {
        color: #000;
        background-color: #f60;
    } 
    a.list:hover span {
        color: #000;
    } 
    
 /* -----------------------------------------

single box size 100%

----------------------------------------- */     
    .layout_11 {
        clear: both;
        border: 1px solid #c8c8c8;
        padding: 0;
        margin: 0 0 12px 0; 
    }
/* -----------------------------------------

double box size 50%

----------------------------------------- */     
    .layout_22 .css_but_small {
        margin: 6px 0 12px 0;
    } 
    .layout_22 {
        float:left;
        width: 292px;
        padding:0;
        margin: 0 0px 12px 0; 
        border: 1px solid #c8c8c8;      
    }
    .offer_22 {
        float:left;
        width: 284px;
        padding:0;
        margin: 0 0px 12px 0; 
        border: 5px solid #c8c8c8;      
    }
/* -----------------------------------------

twin box size 66% - 33%
use .box inside .box 50

----------------------------------------- */
    .layout_32 {
        float:left;
        width: 396px;
        padding:0;
        margin: 0 6px 12px 0;
        border: 1px solid #c8c8c8;   
    } 
    .layout_31 {
        float:left;
        width: 194px;
        padding:0;
        margin: 0 0px 12px 0; 
        border: 1px solid #c8c8c8;      
    }
/* -----------------------------------------

triple box size 33%

----------------------------------------- */     
    .layout_33 {
        float:left;
        width: 194px;
        padding:0;
        margin: 0 6px 12px 0; 
        border: 1px solid #c8c8c8;     
 
    }
    .layout_33 a {
        display:block;
        color: #f60;
        text-decoration:none;
    }                 
    .layout_33 a:hover, .layout_33 a:hover strong, .layout_33 a.link:hover {
        color: #f60;
        /*text-decoration: underline;*/
    } 
    .layout_33 a:hover span, .layout_33 a:hover strong, .layout_33 a.link:hover {
        color: #000;
        /*text-decoration: underline;*/
    } 
    .layout_33 a.link {
        color: #444;
    }
    .layout_33 a.link span {
        font-weight: bold;
        color: #f60;
    }    .layout_33 a.link:hover {
        color: #000;
        background-color: #f60;
    } 
    .layout_33 a.link:hover span {
        color: #000;
    } 
    .layout_33 strong {
        color: #f60;
        font-weight: bold;
        font-size: 20px;
    }
    .layout_33 .subline {
        clear:left;
        color: #000;
        border-top:1px solid #c8c8c8;
        padding: 0px 3px 1px 3px;
    }
    
    .layout_end {
        clear:both;
        height:0;
        margin:0;
        padding:0;
        font-size:0;
    }    
/* -----------------------------------------

button
--------------------------------------------
++++ modify button background path here ++++
--------------------------------------------

----------------------------------------- */ 
    .css_but {
    	padding:3px 36px 3px 10px;
    	text-decoration:none;
    	color:#000;
    	font-size:13px;
    	font-weight: bold;
    	border-left:3px solid #a7a7a7;
    	background-image:url(/common/all/gfx/fw_css_bg.gif);
    	background-position: right;
    	background-repeat: no-repeat;
        text-transform: uppercase;
        margin:0 0 12px 0;
        float:right;
    }

    .css_but_small {
    	padding:1px 29px 1px 10px;
    	text-decoration:none;
    	color:#000;
    	font-size:11px;
    	font-weight: bold;
    	border-left:3px solid #a7a7a7;
    	background-image:url(/common/all/gfx/fw_small_css_bg.gif);
    	background-position: right;
    	background-repeat: no-repeat;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 12px 0;
        float: right;
    }
    .css_but:hover, .css_but_small:hover {
    	color: #f60;
    }
    
    .css_but_small_back {
    	padding:1px 10px 1px 29px;
    	text-decoration:none;
    	color:#000;
    	font-size:11px;
    	font-weight: bold;
    	border-right:3px solid #a7a7a7;
    	background-image:url(/common/all/gfx/back_small_css_bg.gif);
    	background-position: left;
    	background-repeat: no-repeat;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 12px 0;
        float: left;
    }
    .css_but:hover, .css_but_small_back:hover {
    	color: #f60;
    }
    
/* -----------------------------------------

OFFERS AND FORMS

----------------------------------------- */ 

    table.offer {
        padding:o;
        margin:0 0 6px 0;  
        width: 100%;
        border:5px solid #c8c8c8;
        background-color: #e9e9e9;
    }
    
    .offer tr {
        margin:0;
        padding:0;
    }
    
    .offer th {
        padding:3px;
        margin:0;
        border-bottom:1px solid #c8c8c8;
    }
    
    .offer td { 
        font-size: 11px;
        margin:0;
        padding: 2px 5px 2px 5px;
    }
    
    .offer td.offer_l {
        padding: 0 3px 0 3px;
        background-color: #fff;
        border-bottom:1px solid #c8c8c8;
    }
    
    .offer td.offer_r {
        padding: 0 3px 0 3px;
        text-align: right;
        background-color: #fff;
        border-bottom:1px solid #c8c8c8;    
    }
    
    .offer td.price_l {
        padding: 0 3px 0 3px;
        background-color:#f60;
        font-size: 13px;
    }
    
    .offer td.price_r {
        padding: 0 3px 0 3px;
        text-align: right;
        background-color:#f60;
        font-size: 17px;
    }
    
    .offer td.hd {
        background-color:#c8c8c8;
        padding:5px 3px 5px 3px;
        color:#fff;
        font-weight:bold;
    }
    
    .offer td img {
        border-right:1px solid #c8c8c8; 
        vertical-align:bottom;
        padding:0;
        margin:0;
    }
    .offer b {
        font-weight:bold;
    }
    .offer strong {
    font-size:15px;color:#fff
    }
    .offer td.foto img {
        padding:0;
        margin:0;
    }
    .offer td.foto {
        padding:0;
        margin:0;
    }

