/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To load this file when Gzip is enabled in the template parameters do the following:
 * Open css/template.css.php and take a look at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 *
 * To load this file when Gzip is disabled in the template parameters do the following:
 * Open lib/php/yootools.php and take a look at line 100. Uncomment follwing line:
 * // $document->addStyleSheet($baseurl.'/css/custom.css');
 *
 */ 



/*
 * layout.css
 */



/*
 * general.css
 */



/*
 * menus.css
 */



/*
 * modules.css
 */



/*
 * joomla.css
 */



/*
 * extensions.css
 */



/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */
 /*
 body.yoopage {
	background: #AB281F url(../images/red/page_body_bg.png) 0 0 repeat-x;	
}

div#page-body {
	background: url(../images/red/header_t.png) 50% 0 no-repeat;	
}
 */

 
 div#middle {
    background: url("../images/white_middle_bg_t.png") repeat-x scroll 0 0 #FFFFFF;
    clear: both;
    margin: 0;
    width: auto;
}

/* IE 6 Hack */
div#content {
    width: 99%;
}
 
/* Mittelbereich weiß */

div#middle {
    background: url("../images/white_middle_bg_t.png") repeat-x scroll 0 0 #FFFFFF;
    clear: both;
    margin: 0;
    width: auto;
}

div.middle-b {
    background: url("../images/white_middle_bg_b.png") repeat-x scroll 0 100% transparent;
    padding: 15px;
}


div.mod-separator div.box-2 {
    padding: 0px;
}

div#logo {
    top: 30px !important;
}

#top div.mod-separator div.box-3,
#bottom div.mod-separator div.box-3,
#top div.mod-separator h3.header,
#bottom div.mod-separator h3.header {
	color: #646464 !important;
}


div#menu a.active, div#menu span.active {
    color: #d81e05 !important;
} 

div#middle ul.menu a.current {
    color: #d81e05 !important;
}


body { font: normal 13px/18px Arial, Helvetica, sans-serif; }

/* Headlines */


h1, h2, h3, h4, h5, h6 {
    margin: 0px !important;
	font-weight: normal !important;
}

h1 {
color: #d81e05 !important;
    font-size: 30px !important;
    line-height: 30px !important;
}


.size13 {
color: #d81e05 !important;
    font-size: 13px !important;
    line-height: 13px !important;
}

.size22 {
color: #d81e05 !important;
    font-size: 22px !important;
    line-height: 22px !important;
}

h2 {
color: #d81e05 !important;
	line-height: 24px !important;
	font-size: 24px !important;
}

h3 {
color: #d81e05 !important;
	line-height: 22px !important;
	font-size: 22px !important;
}

h4 {
color: #d81e05 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    font-weight: bold !important;	
}

h5 {
    font-size: 12px !important;
    line-height: 12px !important;
}

h6 {
	line-height: 16px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}



.level2{
font: 11px Arial,Helvetica,sans-serif;
}
 
 a.button-more-order{
    background: url("../images/button_more.png") repeat-x scroll 0 0 #F0F0F0;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.09);
    /*color: #466201;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    border: medium none;
    border-radius: 20px 20px 20px 20px;
    font-size: 15px;
    /*font-weight: bold;*/
    margin: 3px;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}


a.button-more-order:hover {
	background-position: 0 -100px;
	background-color: #363636;	
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.12),
		0 1px 0 rgba(0,0,0,0.3),
		0 0 0 3px rgba(0,0,0,0.3);
	color: #FFFFFF;
}

a.button-more-order:active
{
	background-position: 0 -200px;
	background-color: #BDBDBD;
	-moz-box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}




a.button-more,
form.box button,
form.short button,
form.box input[type="button"],
form.box input.button {
    background: url("../images/button_more.png") repeat-x scroll 0 0 #F0F0F0;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.09);
    /*color: #466201;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    border: medium none;
    border-radius: 20px 20px 20px 20px;
	font-size: 10px;
    /*font-weight: bold;*/
    margin: 3px;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}


a.button-more:hover,
form.box button:hover,
form.short button:hover,
form.box input[type="button"]:hover,
form.box input.button:hover {
	background-position: 0 -100px;
	background-color: #363636;	
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.12),
		0 1px 0 rgba(0,0,0,0.3),
		0 0 0 3px rgba(0,0,0,0.3);
	color: #FFFFFF;
}

a.button-more:active,
form.box button:active,
form.short button:active,
form.box input[type="button"]:active,
form.box input.button:active {
	background-position: 0 -200px;
	background-color: #BDBDBD;
	-moz-box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	box-shadow:
		inset 0 1px 0 rgba(0,0,0,1.0),
		inset 0 2px 1px rgba(0,0,0,0.5),
		inset 0 0 10px rgba(0,0,0,0.4),
		0 0 0 3px rgba(0,0,0,0.3);
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}


/* Forms (Needed for System Markup) */
form.box fieldset { border: 1px solid #dfdfdf; }

form.box fieldset legend { color: #999; }

form.box input[type="text"],
form.short input[type="text"],
form.box input[type="password"],
form.short input[type="password"],
form.box select,
form.box textarea {
	border: 1px solid #d3d3d3;
	background: #fff;
	-moz-box-shadow:
		0 0 0 1px rgba(255,255,255,1.0),
		inset 0 1px 1px 1px rgba(0,0,0,0.06),
		inset 0 0 10px rgba(0,0,0,0.02);
	-webkit-box-shadow:
		0 0 0 1px rgba(255,255,255,1.0),
		inset 0 1px 1px 1px rgba(0,0,0,0.06),
		inset 0 0 10px rgba(0,0,0,0.02);
	box-shadow:
		0 0 0 1px rgba(255,255,255,1.0),
		inset 0 1px 1px 1px rgba(0,0,0,0.06),
		inset 0 0 10px rgba(0,0,0,0.02);
	color: #999;
	text-shadow: 0 1px 0 rgba(255,255,255,1.0);
    border-radius: 3px 3px 3px 3px;
    padding: 4px;		
}

form.box input[type="text"]:focus,
form.short input[type="text"]:focus,
form.box input[type="password"]:focus,
form.short input[type="password"]:focus,
form.box select:focus,
form.box textarea:focus {
	border-color: #cacaca;
	background-color: #fefefe;
	-moz-box-shadow:
		0 1px 3px 1px rgba(0,0,0,0.07),
		inset 0 0 0 1px rgba(255,255,255,1.0),
		inset 0 0 10px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0 1px 3px 1px rgba(0,0,0,0.07),
		inset 0 0 0 1px rgba(255,255,255,1.0),
		inset 0 0 10px rgba(255,255,255,0.7);
	box-shadow:
		0 1px 3px 1px rgba(0,0,0,0.07),
		inset 0 0 0 1px rgba(255,255,255,1.0),
		inset 0 0 10px rgba(255,255,255,0.7);
	color: #444;
	text-shadow: none;
    border-radius: 3px 3px 3px 3px;
    padding: 4px;	
	outline:0px !important;
}



/* Dotted Horizontal Rule */
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }

/* Boxes */
.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	border: 1px solid rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.03);
	color: #555;
}

.box-info {
	border-color: rgba(81,187,255,0.4);
	background: rgba(81,187,255,0.2) url(../images/tools/box_info.png) 0 0 no-repeat;
	color: #006aad;
}

.box-warning {
	border-color: rgba(228,117,63,0.4);
	background: rgba(228,117,63,0.2) url(../images/tools/box_warning.png) 0 0 no-repeat;
	color: #ad4d00;
}

.box-hint {
	border-color: rgba(228,204,36,0.5);
	background: rgba(228,204,36,0.2) url(../images/tools/box_hint.png) 0 0 no-repeat;
	color: #ad9300;
}

.box-download {
	border-color: rgba(183,228,63,0.5);
	background: rgba(183,228,63,0.2) url(../images/tools/box_download.png) 0 0 no-repeat;
	color: #7ead00;
}

.box-content, .box-note, .box-info, .box-warning, .box-hint, .box-download {
    margin: 15px 0;
    padding: 10px;
    text-align: justify;
}

.box-info, .box-warning, .box-hint, .box-download {
    padding-left: 40px;
}

.box-content, .box-note, .box-info, .box-warning, .box-hint, .box-download {
    border-radius: 6px 6px 6px 6px;
}