/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: KRAWIKETT.DE
Created: 08.12.2008
Modified: 06.09.2009
*/


html,body { 
	margin: 0px; 
	padding: 0px;
	font-family:  Verdana, Helvetica, sans-serif; 
	text-align: left;
	color: #666;
	background-color: #f4f4f4;
	background-image: url(../img/bg/bg.gif);
	font-size: 11px;
	position: relative;
}


/* generals */
img, div {border: none;}
a			{text-decoration: none; color: #dc2b19;}
a:hover	{color: #000; text-decoration:none;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}
form		{display: inline;}
ul			{padding: 0px; margin: 0px;}
li			{list-style: none;}


/* special divs */
#gesamt {width: 760px; height: 768px; position: relative; overflow: visible; margin: auto; padding: 0px;}
#header1 {width: 760px; padding: 25px 0 10px 0; float: left;}
#header1 div {width: 158px; padding: 0 0 0 30px; float: left;}
#header1 div h1 {}
#header1 div h1 span.start {width: 154px; height: 44px; background: url(../img/krawikett_logo.gif); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#header1 div h1 a {width: 154px; height: 44px; background: url(../img/krawikett_logo.gif); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#header1 div h1 a span {display: none;}
#header1 ul {float: right; margin: 34px 7px 0 0; padding: 0px;}
#header1 li {float: left; color: #666; border-right: 1px solid #dcdcdc; padding: 0 15px 0 10px; font-size: 10px;}
#header1 li.last, #footer ul.last {border: none;}
#header1 li span {color: #db2614; display: block; margin: 0 0 5px 0;}
#header1 a.mail {color: #6f6f6f; padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail.gif) no-repeat right;}
#header1 a.mail:hover {color: #db2614;}

#header {width: 734px; height: 200px; margin: 1px 0 0 13px; padding: 0px; float: left;}
* HTML #header {float: none;}
#header blockquote {padding: 0; margin: 0;}
#header blockquote p {color: #fff; font-style: italic; font-size: 14px; margin: 0; position:absolute; top: 319px; left: 24px;}
#content {background-color: #fff; width: 705px; margin: 0 0 0 13px; padding: 20px 0 35px 29px; float: left;}
* HTML #content {float: none;}
#content h2 {font-weight: normal; color: #000; margin: 0 0 15px 0; padding:0px; font-size: 16px;}
#content h2 span {color: #000;}
#content h2 strong {font-weight: normal;}
#content h3 {font-weight: normal; color: #dc2b19; margin: 0 0 7px 0; padding: 10px 0 0 12px; font-size: 14px; background: url(../img/icons/h4.gif) no-repeat left;}
#content p {color: #666; margin: 0 0 9px 0; font-size: 11px; line-height: 1.65em; padding: 0;}
#content a.mail {color: #db2614; padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mailhover.gif) no-repeat right;}
#content a.mail:hover {color: #000;}
#links {width: 450px; float: left; padding: 20px 0 0 0;}
#links ul {list-style: none; margin: 0; padding: 0 0 0 12px;}
#links ul li {background: url(../img/icons/pfeil_li.gif) left top no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 5px; color: #666;}
#links ul.pdf {list-style: none; margin: 0; padding: 0 0 0 15px;}
#links ul.pdf li {background: url(../img/icons/pdf.gif) left top no-repeat; padding: 3px 0 6px 28px; margin: 0 0 9px 0; color: #666; font-size: 0.8em;}
#links #boxen {width: 470px; padding: 5px 0 0 0; height: 450px; margin: 0;}
#links .box {float: left; width: 150px; padding: 0 0 20px 0; margin: 0;}
#links .boxleft {float: left; width: 150px; padding: 0 0 0 80px;}
#links #boxen h4 {font-weight: normal; color: #fff; margin: 0 0 0 18px; padding: 2px 0 2px 4px; font-size: 1.1em; background: none; font-family: Arial; background-color: #c30a21; width: 101px;}

#rechts {width: 144px; height: 397px; background: url(../img/bg/bg_rechts.jpg); float: right; margin: 0 29px 0 0; padding: 0 21px 0 21px;}
* HTML #rechts {margin: 0 14px 0 0;}
#rechts img {padding: 5px 0 0 0;}
#rechts p.balken {width: 143px; height: 16px; text-align: center; background: url(../img/bg/bg_balken_rechts.jpg); color: #000; margin: 20px 0 5px 0;}
#rechts p {color: #000; margin: 0; font-size: 10px; line-height: 1.55em;}
#rechts h3 {width: 143px; height: 14px; text-align: center; background: url(../img/bg/bg_balken_rechts.jpg); color: #000; margin: 20px 0 5px 0; padding: 2px 0 0 0; font-size: 11px;}
#rechts h4 {width: 143px; height: 14px; text-align: center; background: url(../img/bg/bg_balken_rechts.jpg); color: #000; margin: 20px 0 5px 0; padding: 2px 0 0 0; font-size: 11px;}
#rechts ul {width: 143px; margin: 2px 0 0 0;}
#rechts ul li {background-color: #fcfcfc; padding: 3px; margin: 0 0 5px 0;}
#rechts ul li a {color: #dc2b19; background: url(../img/icons/pfeil_navrechts.gif) no-repeat right; display: block; font-size: 10px;}
#rechts ul li.cur a {color: #000; background: url(../img/icons/pfeil_navrechts.gif) no-repeat right; display: block; font-size: 10px;}
#rechts ul li a:hover {color: #000;}
#rechts ul li a.aktiv {color: #db2614;}
#rechts ul li ul {font-size: 0.82em; width: 143px; margin: 1px 0 0 0; padding: 0;}
#rechts ul li.cur ul li {padding: 3px 3px 3px 0px; margin: 0; color: #fff;}
#rechts ul li.cur ul li a {color: #666; background: url(../img/icons/pfeil_navrechts.gif) no-repeat left; padding: 2px 0 0 8px;}
#rechts ul li.cur ul li a:hover {color: #000; background: url(../img/icons/pfeil_navrechts.gif) no-repeat left; padding: 2px 0 0 8px;}
#rechts ul li ul li {padding: 3px 3px 3px 0px; margin: 0; color: #fff;}
#rechts ul li ul li a {color: #666; background: url(../img/icons/pfeil_navrechts.gif) no-repeat left; padding: 2px 0 0 8px;}
#rechts ul li ul li.cur a {color: #000; background: url(../img/icons/pfeil_navrechts.gif) no-repeat left; padding: 2px 0 0 8px;}
#rechts ul li ul li a:hover {color: #000; background: url(../img/icons/pfeil_navrechts.gif) no-repeat left; padding: 2px 0 0 8px;}
#rechts ul.liste {list-style: none; margin: 0; padding: 0 0 0 0;}
#rechts ul.liste li {background: url(../img/icons/haeckchen_li_rechts.gif) left top no-repeat; padding: 3px 0 0 22px; margin: 0 0 9px 0; color: #000;}
#rechts p.subnav {color: #fff; background-color: #0e3350; text-transform: uppercase; font-weight: normal; margin: 0; width: 120px; font-size: 1.2em; padding: 0 0 0 22px;}



* HTML #footer {float: none;}
#footer {width: 723px; height: 86px; margin: 0 0 0 13px; padding: 11px 0 0 10px; font-size: 10px; color: #000; float: left; border-bottom: 20px solid #f4f4f4; background: url(../img/bg/bg_footer.gif) repeat-x;}
#footer p {float: left; color: #666; margin: 0; padding: 0 0 5px 0;}
#footer p a {color: #666;}
#footer ul {list-style: none; width: 600px; float: left;}
#footer ul li {float: left; padding: 0 4px 0 0;}
#footer ul li a {color: #666;}
#footer ul li a:hover {color: #db2614;}
#footer span {float: right; padding: 0 8px 0 0;}
#footer span a {background: url(../img/icons/top.gif) no-repeat right; padding: 0 10px 0 0; color: #000;}
#footer span a:hover {color: #db2614;}
#footer div {width: 720px; padding: 14px 0 5px 0; float: left;}
#footer div p {margin: 0; padding: 0; color: #000;}
#footer div a.external-link-new-window {color: #000; padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern_footer.gif) no-repeat right; }
#footer div a:hover {color: #db2614;}

#zaehler {display: none;}


/* menu */
#navoben {width: 230px; height: 20px; background: url(../img/bg/bg_navoben.gif); float: right; display: block; padding: 0px; margin: 0px;}
#navoben ul {list-style: none; margin: 0px; padding: 5px 0 0 10px; font-size: 10px;}
#navoben li { float: left; padding: 0; margin: 0;}
#navoben li a {color: #000;}
#navoben a:hover {color: #db2614;}
#navoben li a.aktiv {color: #db2614;}
#navoben li.last {border: none;}


#nav {width: 760px; height: 30px; background: url(../img/bg/bg_nav.gif) no-repeat; margin: 0px; padding: 0 0 0 24px; float: left; position:relative; font-size: 12px; float: left;}
#nav ul li a {padding: 7px 25px 0 25px; height: 23px; font-size: 11px; color: #fff; background: url(../img/bg/nav_li_line.gif) no-repeat center left; float: left;}
* HTML #nav ul li a {padding: 7px 25px 0 25px; height: 23px; font-size: 11px; color: #fff; background-color: #da0c26; display: block; overflow:hidden;}
#nav ul li.first a {padding: 7px 25px 0 25px; height: 23px; font-size: 11px; color: #fff; float: left; background-image: none;}
#nav ul {padding:0; margin:0; list-style: none;}
#nav ul li {float:left; position:relative;}
#nav ul li a.aktiv {color:#000; background:url(../img/bg/bg_nav_li.gif);}
#nav ul li ul {display: none;}
#nav ul li a:hover {color:#000; background-image:url("../img/bg/bg_nav_li.gif"); background-repeat: repeat-x; display: block; padding: 7px 25px 0 25px;}

/* subnav */
#nav ul li:hover ul {display:block; position:absolute; top: 100%; left:0; width: 185px; border-top: 1px solid #fff; background-color: #c40a21; height: auto; padding: 10px; margin: 0; }
#nav ul li:hover ul li {padding: 0; float: left; margin: 0;}
#nav ul li:hover ul li a {padding: 7px; width: 170px; float: left; margin: 0; height: 15px; background-image: none;}
#nav ul li:hover ul li a:hover {color:#000; background: url(../img/bg/bg_nav_li.gif) repeat-x;}

#nav ul li:hover ul li ul {display: none; border-top: none;}
#nav ul li:hover ul li:hover ul {display:block; position:absolute; left: 100%; top: 0;}


#pathmenu {width: 676px; height: 14px; background-color: #f2f2f2;}
#pathmenu ul {list-style: none; padding: 0 0 0 7px; margin: 0; color: #a6a6a6; font-size: 10px;}
#pathmenu ul li {float: left; padding: 0 4px 0 0; margin: 0;}
#pathmenu ul li a {color: #a6a6a6;}
#pathmenu ul li a:hover {color: #db2614;}



/* images */
img.logo {width: 154px; height: 26px; display: block; padding: 0 0 3px 3px;}
img.vske {width: 56px; height: 57px; margin: 5px 0 0 40px;}
img.lager {width: 120px; height: 90px; float: right; margin: 0 0 5px 5px;}



/* content */
h1, h2, h3 {font-family: Verdana, Helvetica, sans-serif; font-weight: normal;}
h1 {font-size: 1.5em; letter-spacing: 0.00em; color: #e3e3e3; margin: 0px; padding:0px; display: inline;}
p {color: #9a9a9a;}




/* form elements */
input, textarea {font-family: Arial, Verdana, Helvetica; border: none; font-size: 11px; color: #000; background-color: #e5e5e5; display: block;}
input.text, textarea.text {width: 250px; height: 18px; margin: 0 0 5px 0;}
input.text-plz {width: 50px; height: 16px; margin: 0 8px 0 0; }
input.text-ort {width: 190px; height: 16px; margin: 0 0 5px 0;}
textarea.nachricht {width: 250px; height: 120px; margin: 0 0 5px 0; overflow: auto;}
input.submit {border: none; background-color: #dc2b19; padding: 3px; width: 150px; height: 26px; color: #fff; float: right; display: block; font-size: 1.4em; margin: 0 1px 0 0;}
label {display: block; float: left; clear: both;  white-space: nowrap; width: 100px; color: #6e6e6e;}
fieldset {border: none; width: 352px; padding: 10px 0 0 0; float: left;}
span.feld {display: block; float: left; padding: 0px; margin: 0px;}



/* links */
a.external-link-new-window {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern.gif) no-repeat right;}
a.external-link-new-window:hover {color: #000;}
a.mehr {padding: 0 10px 0 0; margin: 0px; background: url(../img/icons/mehr.gif) no-repeat right; float: none;}


/* clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* HTML .clearfix {height: 1%; display: block;}
/* clearfix */


/* tables */
table.ueberuns {vertical-align: top;}
tr.grau {background-color: #e5e5e5; vertical-align: top; margin: 0 0 20px 0;}
td.datum {width: 100px;}




------------------------------------------------------------------------------------------------------

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }