@charset "utf-8";

/**

* Showcase application CSS stylesheet.

* 

* @package Stickerei-Stoiber showcase

* @subpackage CSS

* @category Stylesheet

* @author Misa Brezanac <brezanac@gmail.com>

* @copyright Stickerei-Stoiber <www.stickerei-stoiber.de>

*/



/* Application main container */

div#scMainContainer {

	width:100%;

}

/* Pre-content containers above the tabs. The dynamic type is used on pages which have dynamic pre-content bound for tabs */

div.scPreContent, div.scPreContentDynamic {

	width:100%;

	padding-bottom:20px;

}

/* Contains all the tabs */

div#scTabsContainer {

	width:100%;

	height:40px; /* required since content is floated! */

}

/* Tab container */

div.scTab {

	width:16%;

	float:left;

}



/*

* Opera fix for 6 tab containers. The last one needs to be 20%.

*/

div#scLastTab {

	width:20%;

	float:left;

}



/* Tab Link Container */

.scTabLink {

	width:100%;

	height:40px;

	text-align:center;

	cursor:pointer;

	line-height:40px;

}

/* Normal tab - left slider */

div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-normal.png) top left no-repeat;

}

/* Normal tab - right slider */

div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-normal.png) top right no-repeat;

	border-bottom:1px solid #CCC;

	color:#808080; /* This is also the normal link color!!!*/

}

/* Selected tab - left slider */

.scSelected div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-selected.png) top left no-repeat;

}

/* Selected tab - right slider */

.scSelected div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-selected.png) top right no-repeat;

	border-bottom:1px solid #ECECEC;

	color:#880000;

}

/* Hovered tab - left slider */

.scHovered div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-hover.png) top left no-repeat;

}

/* Hovered tab - right slider */

.scHovered div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-hover.png) top right no-repeat;

	border-bottom:1px solid #CCC;

	color:#FFF;

}

/* Special tab - left slider */

.scSpecial div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-hover.png) top left no-repeat;

}

/* Special tab - right slider */

.scSpecial div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-hover.png) top right no-repeat;

	border-bottom:1px solid #CCC;

	color:#FFF;

}

/* Selected special tab - left slider */

.scSpecialSelected div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-hover.png) top left no-repeat;

}

/* Selected special tab - right slider */

.scSpecialSelected div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-hover.png) top right no-repeat;

	border-bottom:1px solid #BD0000;

	color:#FFF;

}

/* Hovered special tab - left slider */

.scSpecialHovered div.scTabLeftSlide {

	background:url(../images/sc-tab-left-slide-hover.png) top left no-repeat;

}

/* Hovered special tab - right slider */

.scSpecialHovered div.scTabRightSlide {

	background:url(../images/sc-tab-right-slide-hover.png) top right no-repeat;

	border-bottom:1px solid #CCC;

	font-weight:bold;

	color:#FFF;

}

/* Tabs Wrapper Container [Container Lower Left] */

div.scTabsCLL {

	background:url(../images/tab-container-lower-left.png) bottom left no-repeat;

}

/* Tabs Wrapper Container [Container Lower Right] */

div.scTabsCLR {

	background:url(../images/tab-container-lower-right.png) bottom right no-repeat;

}

/* The color selector container used to display 'Farbwechsel durch klick" text */

div.scColorSelectorText {

	width:100%;

	padding:10px 0;

	text-align:center;

	color:#666;

}

/* Used for the important parts of the color selector message */

.scColorSelectorImportant {

	color:#BD0000;		

}

/* Contains the color selectors */

div.scColorSelectorColors {

	width:100%;

	text-align:center;

	padding-bottom:5px;

}

/* Color selector's color images */

div.scColorSelectorColors img {

	margin:2px;

	border:none;

}

/* Main content container - wraps all of the tab sections content */

div#scContentContainer {

}

/* Lower Red Divider Line */

div.scLowerRedDivider {

	height:4px;

	background:url(../images/border-botom-bckg.png) repeat;

}

/* Color title box outputting the currently selected color */

div.scColorTitle {

	height:35px;

	background:url(../images/color-title-bckg.png) top center no-repeat;

	font-size:11pt;

	font-weight:bold;

	line-height:35px;

	text-align:center;

	color:#BD0000;

}

/* Dummy space when no Color Selector is present.*/

.scDummyColorSelector {

	text-align:center;

	line-height:20px;

	vertical-align:middle;

	height:20px;

	color:#666;

}

/* Contains all the additional content for the currently selected tab */

div.scAdditionalContent, div.scAdditionalContentBasecaps {

	padding:20px 0;

}

/* This is a normal H2 heading */

div.scAdditionalContent h2, div.scAdditionalContentBasecaps h2 {

	color:#000;

	font-size:11pt;

	font-weight:bold;

}

/* Specific red colored h2 headings for special purposes */

h2.scH2RedHeading {

	color:#BD0000;

	font-size:11pt;

	font-weight:bold;

}

/* Justified paragraphs  */

div.scJParagraph {

	text-align:justify;

}

/* Importan stuff in red */

.scImportant {

	color:#BD0000;

}

/* Used to float the Masstabelle images */

.scMasstabelleDrawing {

	float:left;

	margin-right:10px;

	margin-bottom:10px;

}

/* Used to ensure that no flicker appears while switching models with effects */

.scModelWrapper {

	text-align:center;

	height:393px;

	overflow:hidden;

}

/* Container to display that printing is not possible on Fleece jacken  */

.scFleeceJackenDruckInfo {

	padding:50px 0;

	text-align:center;

}

/* Used to center models  */

.scModelsCentered {

	text-align:center;	

}

/* Shuerzen Masstabelle two column paragraphs */

.scSchuerzenMasstabelleParagraph{

	float:left;

	width:50%;

	text-align:center;

}

.scSchuerzenMasstabelleParagraph p{

	padding:0 15px 15px 0;

	text-align:justify;

}