/*
Screen-CSS für kirchner-gewuerze.de
*/

/* === Layout === */
html, body {height:100%;}
body {background: #ededed url(../images/kirchnerBG.jpg) top left;}
#wrapper {width:800px; min-height:100%; height:auto !important; height:100%; background-color:#fff; margin:0 auto; border-color:#ac2525; border-style:solid; border-width:0 2px;}
#header {height:300px; background:transparent url(../images/bgHeader.jpg) bottom left no-repeat;}
#container {padding-bottom:25px;}
#left {width:172px;}
#main {margin:0 15px 0 187px;}
#right {}
#footer {position:absolute; left:0; bottom:5px; width:795px;}

/* === Allgemeines === */
div,span,input,textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:15px;
	color:#000;
	}

p,li,td {
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:17px;
	color:#333;
	padding: 0 30px 5px 15px;
	}
	
#main p {margin-bottom:15px;}
a {color:#F00000; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
a.bull {padding-left:18px; background:transparent url(../images/bull.png) 4px 2px no-repeat; }
div {position:relative;}

h3, h4, h5, h6, h2 a {
	margin-bottom:15px;
	}
	
h1, h2 {
	padding: 30px 0 10px 15px;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	color: #cd003a;
	font-size: 18px;
	}

.nowrap {white-space:nowrap;}
.error {color:#F00000;}
.quellenAngabe {}
.red {color:#F00000;}

/* === Inhalte === */
table {width:100%;}
.produktTabelle td, .galerieTabelle td {width:50%; vertical-align:top;}
.galerieTabelle table {border-collapse:separate; border-spacing:10px;}
.galerieTabelle td {margin:10px; background-color:#EEEEEE; border:1px solid #DDDDDD; text-align:center; padding:15px 0 0 0;}

/* === Navigation === */
div.navMain {width:168px; margin-left:2px; border:1px solid #c3c3c3;}
.navMain p.navHeadline {background:transparent url(../images/navHead.jpg) top left repeat-x; line-height:25px; color:#FCFCFC; padding-left:15px; font-weight:bold; text-transform:uppercase;}
.navMain ul {background-color:#ffffff;}
.navMain ul.level_1 {padding:0 10px 2px 6px;}
.navMain li {margin:2px 0 0 0; height:auto !important; height:25px; padding:0;}
.navMain a, .navMain span {display:block; line-height:25px; padding:0 0 0 25px; margin:0; background:transparent url(../images/navBg.jpg) top left no-repeat; text-decoration:none;}
.navMain span {color:#000; font-weight:bold;}
.navMain a:hover {color:#fff; background:transparent url(../images/navBg.jpg) bottom left no-repeat; text-decoration:none;}
.navMain .level_2 a, .navMain .level_2 span {color:#000; height:auto !important; height:20px; line-height:20px; background:transparent url(../images/bull2.png) 4px 6px no-repeat;}
.navMain .level_2 a:hover {background:#e7e7e7 url(../images/bull2.png) 4px 6px no-repeat;color:#050505;}
.navMain .level_2 span {background-color:#f6f6f6; background-image:none;}

/* === BreadCrumb === */
.breadcrumb {line-height:26px; margin-bottom:50px; padding-top:0 !important; padding-top:7px;}
.breadcrumb a {line-height:26px;}
.breadcrumb img {vertical-align:middle;}

/* === Header === */
#sucheHeader {position:absolute; top:306px !important; top:174px; left:550px; z-index:10;}
#sucheHeader input.text {height:18px; width:150px; border: 1px #aaa solid; line-height:18px; background-color:#F5F5F5;}
#sucheHeader input.submit {background-color:transparent; border:0; padding:0;}

/* === Footer === */
#footer p {font-size:10px; text-align:right;}

/* === Formular === */
.ce_form label {display:block;}
.ce_form input, .ce_form textarea {background-color:#EEEEEE; border:1px solid #DDDDDD; width:280px; padding:4px;}
.ce_form textarea {width:450px;}
.ce_form input.submit {width:auto; font-weight:bold;}
#main .ce_form p {margin-bottom:0;}


#logo {
	display: none;
	position:absolute;
	top:0px;
	left:20px;
	z-index:1;
	}

#logo2 {
	position:absolute;
	top:20px;
	left:300px;
	z-index:1;
	}

	
.siegel { position: relative; margin: 10px 0 0 10px; }
.siegel-eu { position: absolute; top: 10px; left: 65px; }
.siegel-tuev { position: absolute; top: 54px; left: 63px; }
.siegel-ifs { position: absolute; top: 10px; left: 0px; }

.claim { position: absolute; top: 230px; right: 15px; display: none; }

#claim2 {
	position: absolute;
	top: 135px;
	left: 107px;
	}