/***************************************************************************
    author: mathias seiffert
    firma: strato ag
    <!-- $Id: ger_ksb_easyboxes.css,v 1.134 2009/03/09 10:41:48 seiffert Exp $ -->
    <!-- $Revision: 1.134 $ -->
***************************************************************************/

/* fuer die grossen boxen */
.easyweb-mailbox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_mailbox_525x110.png) no-repeat left top; }
.easyweb-mailbox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_mailbox_hover_525x110.png) no-repeat left top; }
.easyweb-blogbox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_blogbox_525x110.png) no-repeat left top; }
.easyweb-blogbox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_blogbox_hover_525x110.png) no-repeat left top; }
.easyweb-fotobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotobox_525x110.png) no-repeat left top; }
.easyweb-fotobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotobox_hover_525x110.png) no-repeat left top; }
.easyweb-videobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_videobox_525x110.png) no-repeat left top; }
.easyweb-videobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_videobox_hover_525x110.png) no-repeat left top; }
.easyweb-fotovideobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotovideobox_525x110.png) no-repeat left top; }
.easyweb-fotovideobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotovideobox_hover_525x110.png) no-repeat left top; }
.easyweb-sitebox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_sitebox_525x110.png) no-repeat left top; }
.easyweb-sitebox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_sitebox_hover_525x110.png) no-repeat left top; }
.hidrive-box { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_hidrive_525x110.png) no-repeat left top; }
.hidrive-box a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_hidrive_hover_525x110.png) no-repeat left top; }

.easyweb-bigbox, .hidrive-box { 
    background-color: #c0cfd5;
	height: 110px;
	min-height: 110px;
	margin: 10px 10px 5px 10px;
	padding: 0;
	width: auto;
}

.easyweb-bigbox a, .hidrive-box a { 
	background: transparent;
	color: #0a2a5b;
	display: block;
	font-weight: normal;
	height: 100px;
    min-height: 100px;
	margin: 0;
	padding-top: 10px;
	text-align: center;
    text-decoration: none;
}

.easyweb-bigbox a span.t-headline, .hidrive-box a span.t-headline {
	display: block;
    color: #0a2a5b;  
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 18px 10px 0 110px;
	margin: 28px 10px 0 110px !ie;
}

.easyweb-bigbox a span.t-text, .hidrive-box a span.t-text {
	display: block;
	font-weight: normal;
	text-align: center;
	margin: -6px 15px 0 115px;
	/*outline: 1px solid red;*/
}
/* */




/* fuer die easyweb packages */
.easyweb-box { 
	/*background-color: #c0cfd5;*/
	height: 110px;
	float: left;
	min-height: 110px;
	margin: 10px 5px 5px 10px;
	_margin: 10px 5px 5px 5px;
	padding: 0;
	width: 255px;
}

.blogbox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_blogbox_255x110.png) no-repeat left top; }
.blogbox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_blogbox_hover_255x110.png) no-repeat left top; }
.fotobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotobox_255x110.png) no-repeat left top; }
.fotobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotobox_hover_255x110.png) no-repeat left top; }
.videobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_videobox_255x110.png) no-repeat left top; }
.videobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_videobox_hover_255x110.png) no-repeat left top; }
.fotovideobox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotovideobox_255x110.png) no-repeat left top; }
.fotovideobox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_fotovideobox_hover_255x110.png) no-repeat left top; }
.sitebox { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_sitebox_255x110.png) no-repeat left top; }
.sitebox a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_sitebox_hover_255x110.png) no-repeat left top; }

.easyweb-box a { 
	background: transparent;
	color: #0a2a5b;
	display: block;
	height: 100px;
    min-height: 100px;
	margin: 0;
	padding-top: 10px;
	text-align: center;
    text-decoration: none;
} 

.easyweb-box a span.t-headline {
	display: block;
    color: #0a2a5b;
	font-size: 12px; /*font-size: 15px;*/
	font-weight: bold;
	text-align: center;
    margin: 2px 8px 0 72px;
	/*outline: 1px solid red;*/
}

.easyweb-box a span.t-text {
	display: block;
	font-weight: normal;
	text-align: center;
	margin: -6px 10px 0 76px;
	/*outline: 1px solid red;*/
}
/* */




/* fuer die easyweb upgrade boxen */
.easyweb-upgr-box-left, .easyweb-upgr-box-right { 
	background-color: #e5e5e5;
	height: 110px;
	min-height: 110px;
	margin: 10px;
	_margin: 5px;
	padding: 0;
	width: 255px;
}

.easyweb-upgr-box-left { float: left; margin-right: 0; }
.easyweb-upgr-box-right { float: right; margin-left: 0; }

/* angepasste upgradeboxen wg. deutschen texten */
.upgr-box-blogweb { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_blog_255x110.png) no-repeat left top; }
.upgr-box-blogweb a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_blog_hover_255x110.png) no-repeat left top; }
.upgr-box-fotoweb { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_foto_255x110.png) no-repeat left top; }
.upgr-box-fotoweb a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_foto_hover_255x110.png) no-repeat left top; }
.upgr-box-videoweb { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_video_255x110.png) no-repeat left top; }
.upgr-box-videoweb a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_video_hover_255x110.png) no-repeat left top; }
.upgr-box-fotovideoweb { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_fotovideo_255x110.png) no-repeat left top; }
.upgr-box-fotovideoweb a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_fotovideo_hover_255x110.png) no-repeat left top; }
.upgr-box-siteweb { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_site_255x110.png) no-repeat left top; }
.upgr-box-siteweb a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_site_hover_255x110.png) no-repeat left top; }

.easyweb-upgr-box-left a, .easyweb-upgr-box-right a {
    background: transparent;
	display: block;
    color: #0a2a5b;
	font-weight: normal;
	height: 100px;
    min-height: 100px;
	margin: 0;
	padding-top: 10px;
	text-align: center;
    text-decoration: none;
	/*outline: 1px solid red;*/
}

.easyweb-upgr-box-left a span.u-headline, .easyweb-upgr-box-right a span.u-headline {
	display: block;
	color: #787878;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 6px 6px 0 68px; /* margin: 6px 8px 0 72px; */
	/*outline: 1px solid red;*/    
}

.easyweb-upgr-box-left a span.u-text, .easyweb-upgr-box-right a span.u-text {
	display: block;
	color: #646464;
	font-weight: normal;
	text-align: center;
	margin: -6px 8px 0 68px;
	/*outline: 1px solid red;*/
}

.easyweb-upgr-box-left:hover a span.u-headline, .easyweb-upgr-box-right:hover a span.u-headline { color: #646464; }
.easyweb-upgr-box-left:hover a span.u-text, .easyweb-upgr-box-right:hover a span.u-text { color: #323232; }
/* */




/* fuer die kleinen upgrade boxen */
.easyweb-box-small { 
	background-color: #e5e5e5;
	height: 130px;
	min-height: 130px;
	margin: 10px 10px 5px 10px;
	_margin: 6px;
	padding: 0;
	width: 168px;
}

.easyweb-box-small { float: left; margin-right: 0; }

/* angepasste upgradeboxen wg. deutschen texten */
.upgr-box-small { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_small_168x130.png) no-repeat left top; }
.upgr-box-small a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_upgrade_small_hover_168x130.png) no-repeat left top; text-decoration: none; }

.act-box-small { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_easyweb_small_168x130.png) no-repeat left top; }
.act-box-small a:hover { background: url(/assets/ksb/strato/ES/images/package_boxes/spa_bg_easyweb_small_hover_168x130.png) no-repeat left top; text-decoration: none; }

.easyweb-box-small a/*, .easyweb-box-small a:hover*/ {
    background: transparent;
	display: block;
    color: #0a2a5b;
	font-weight: normal;
	height: 120px;
    min-height: 120px;
	margin: 0;
	padding-top: 10px;
	text-align: center;
    text-decoration: none;
	/*outline: 1px solid red;*/
}

/* fuer die kleinen normalen, nicht upgrade-boxen boxen */
.act-box-small a span.t-headline { 
	color: #f79714;
	margin: 4px 0 0 0;
}

.act-box-small a span.t-text { color: #0a2a5b; }

/* fuer die kleinen upgradeboxen, nicht die normalen boxen */
.upgr-box-small a span.u-headline, .act-box-small a span.t-headline {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.upgr-box-small a span.u-headline { 
	color: #787878;
	margin: 0;
}

.upgr-box-small:hover a span.u-headline { color: #646464; }

.upgr-box-small a span.u-text, .act-box-small a span.t-text {
	display: block;
	font-weight: normal;
	text-align: center;
	margin: -8px 4px 0 4px;
}

.upgr-box-small a span.u-text { color: #646464; }
.upgr-box-small:hover a span.u-text { color: #323232; }
/* */




/* little button zum upgrade des aktiven feature */
.buttonUpgrade-small {
	height: 34px;
	padding: 2px 0;
	width: 168px;
}

.buttonUpgrade-small { float: left; margin: 0 0 0 10px; _margin: 0 0 0 5px;}

.buttonUpgrade-small a.upgradeButtonSmall, .buttonUpgrade-small a.upgradeButtonSmall:hover {
	background: transparent;
    border-bottom: 1px solid #e27b0c;
    color: #e27b0c;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	width: 168px;
}

.buttonUpgrade-small a.upgradeButtonSmall:hover { color: #e27b0c; }
/* */

/* big button zum upgrade des aktiven feature */
.buttonUpgrade-left, .buttonUpgrade-right {
    height: 16px;
	padding: 2px 0;
	width: 255px;
}

.buttonUpgrade-left { float: left; margin: 0 0 0 10px; _margin: 0 0 0 5px; }
.buttonUpgrade-right { float: right; margin: 0 10px 0 0; _margin: 0 7px 0 0; }

.buttonUpgrade-left a.upgradeButtonLong, .buttonUpgrade-left a.upgradeButtonLong:hover,
.buttonUpgrade-right a.upgradeButtonLong, .buttonUpgrade-right a.upgradeButtonLong:hover {
	background: transparent;
    border-bottom: 1px solid #e27b0c;
    color: #e27b0c;
	font-weight: normal;
	text-align: center;
    text-decoration: none;
    width: 255px;
}   

.buttonUpgrade-left a.upgradeButtonLong:hover,
.buttonUpgrade-right a.upgradeButtonLong:hover { color: #e27b0c; } 
/* end */