<%@ page pageEncoding="UTF-8" import="com.dept101.www.base.UtilGUI,
                 com.dept101.base.Trace,
                 com.dept101.www.controller.ControllerServlet"%>
<%@ page session="false" %>
<%@ taglib uri="/his-Taglib" prefix="HIS" %>
<%  response.setContentType("text/css"); %>
           <% Trace.debug(this, "######################################### CSS >"); %>
<% UtilGUI.setCACHEHeaders(request, response, false);%>

/* 23.06 - 21:00 */

/* 
		TABLE OF CONTENT 

				- Reset 
				- Basic
				- Layout

*/
		

/*----------------------------------------------------------------------------------------------------------*/
/* 													RESET 													*/
/*----------------------------------------------------------------------------------------------------------*/

/* 1.BODY */

body {font-size: 100.01% /* prevents ie font-size bug */; line-height:100%}
/* font-size in all none-ie */
html > body {font-size:100%; margin:0; padding:0}
a, abbr, acronym, b, blockquote, button, caption, cite, dd, div, dt, en, fieldset, input, legend, li, p, option, span, select, strong, td, th {
	font-size:11px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; line-height:16px}

/* 2. FORMS

fieldset {border:1px solid #ccc; width:auto}
legend {font-size:14px; font-weight:bold}
fieldset legend {font-size:11px; font-weight:normal}
fieldset div {display:block}
fieldset div input {}
label {} */

/* 3. HEADLINES */

h1, h2, h3, h4, h5, h6 {font-family: Verdana, sans-serif;}
h1 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 5px solid #f0a355; background: #f97058; padding: 5px; font-size: 18px; font-weight:normal; color: #FFFFFF; text-align: center;}
h1 a {font-size: 18px; font-weight:normal; color: #FFFFFF;}
h2 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f0a355; padding: 5px; font-size: 14px; color: #FFFFFF; text-align: center;}
h2 a {font-size: 14px; color: #FFFFFF;}
h3 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #dc6f5a; padding: 5px; font-size: 11px; font-weight:normal; color: #FFFFFF;}
h3 a {font-weight:normal; color: #FFFFFF;}
h4 {font-size:14px; line-height:16px; margin:16px 0; font-weight:bold;}  /* halbzeilen */
h5 {font-size:14px; line-height:16px; margin:16px 0; font-weight:bold;}
h6 {font-size:12px; line-height:16px; margin:16px 0; font-weight:bold;}

/* 4. IMAGES */

img, a img {border:none;}

/* 5. LINKS */

a {color:#dc6f5a; font-weight:bold}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {text-decoration:underline; cursor:pointer; color:#000}

/* 6. LISTS */

ul, ol, dl {margin:0; padding:0; position: relative}
ul li {margin-left:35px}
ol li {margin-left:40px}
dd, dt {margin:15px 0;}
dt {font-weight:bold}

/* 7. TABLES */
		
caption {font-size:14px; font-weight:bold; line-height:30px; text-align:left}		
table {/*border-spacing:0px; border-collapse:collapse; margin:0; padding:0; width:100% */ border:none; }
th {font-weight:bold}
/*table td,*/ table th {text-align:left; vertical-align:top}
tfoot td {text-align:right;}

/* 8. TEXT */

b, em, strong {font-weight:bold;}
caption {font-size:14px; font-weight:bold; line-height:30px; text-align:left;}
cite {display:block; text-align:right}
abbr, acronym  {border-bottom: .1em dotted #666; cursor: help;}
blockquote {font-style:italic; margin:15px 20px; padding:0; quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: none;}/* remove possible quote marks */
blockquote, q {}
p {margin:15px 0; padding:0}
div, span {margin:0; padding:0}

/*----------------------------------------------------------------------------------------------------------*/
/* 													BASIS STYLES 											*/
/*----------------------------------------------------------------------------------------------------------*/

/* LAYOUT */
#footer * {color: #fff;}
#navigation a {margin-left:5px;}
#generalNavigation * {color:#fff; font-weight:bold}
#kontakt a.kontakt {text-decoration:underline}
#impressum a.impressum {text-decoration:underline}
#infomaterial a.infomaterial {text-decoration:underline}
#haendlersuche a.haendlersuche {text-decoration:underline}

/* 1. BACKGORUNDS */

.bgd_grey_f { background-color:#f5f5f5;}
.bgd_grey_e { background-color:#e1e1e1;}

/* 2. BORDERS */

.border_lr {border-left:none; border-right:none;}
.border_t {border-top:none;}
.border_grey_c {border-color:#ccc;}
.border_grey_6 {border-color:#666;}

/* rounded Corners */
.round_11 {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
.round_01 {border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; -webkit-border-radius:5px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius:5px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0}
.round_10 {border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0}

/* shaddows */
.shaddow_b {box-shadow:0px 5px 5px #666; -moz-box-shadow: 0px 5px 5px #666; -webkit-box-shadow: 0px 5px 5px #666}
.shaddow_br {box-shadow:5px 5px 5px #666; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666}

/* 3. COLORS */

.blue_0 {color:#039 !important;}
.blue_3 {color:#36c !important;}
.black 	{color:#000 !important;}
.green_9 {color:#090 !important;}
.green_3 {color:#030 !important;}
.grey_3 {color:#333 !important;}
.grey_6 {color:#666 !important;}
.grey_c {color:#ccc !important;}
.grey_e {color:#e1e1e1 !important;}
.grey_f {color:#f5f5f5 !important;}
.orange {color:#f90 !important;}
.red 	{color:#c00 !important;}
.white 	{color:#fff !important;}

/* 4. FLOATS */

.float_r {float:right !important;}
.float_l {float:left !important;}

/* 5. FORMS */

.inputLarge {font-size:22px; height:26px; line-height:24px; width:auto}
.submitLarge {height:30px; line-height:28px}

/* 6. HEADLINES */

h1 + h2 {margin-bottom:30px;}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:30px;}

/* 7. LISTS */

/* multi colum Lists */
.listMultiOne, .listMultiTwo, .listMultiThree, .listMultiFour  {list-style:none; margin:0}
.listMultiOne li, .listMultiTwo li, .listMultiThree li, .listMultiFour li {margin:0; padding:0; float:left; overflow:hidden}
.listMultiOne li {float:none}
.listMultiTwo li { width:50%}
.listMultiThree li {width:33%}
.listMultiFour li {width:25%}
/* list in portlets */
.portlet ul li, .portlet ol li, .portlet dl dd {margin-left:15px;}

/* 8. MARGIN & PADDING*/

.margin_05 {margin:5px;}
.margin_1 {margin:15px;}
.margin_t_3 {margin-top:45px;}
.margin_t_2 {margin-top:30px;}
.margin_t_1 {margin-top:15px;}
.padding_0 {padding:0;}
.padding_1 {padding:1em;}
.padding_t_2 {padding-top:2em;}

/* 9. OPACITY */

.opac {opacity: .80; filter: alpha(opacity=80) /*for IE5-7*/; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" /*for IE8*/;}

/* 10. TEXT */

.articleIsAvailable {color:#090}
.articleLaterAvailable {color:#f90}
.articleIsOutOfStock {color:#c00}
.bold {font-weight:bold;}
.legend {font-size:10px; color:#666}