/* basic stylesheet for www.hempels-sh.de/ */
/* author: www.ideenwerft.com */

/* rot: #c9231c */

* {padding:0px;margin:0px;}
img {border:0;}

body {font-size:75%;font-family:tahoma,arial,verdana,Sans-Serif;color:#737373; text-align:center;background: #fff;width:700px;}

/*+++ HEAD +++*/
#head {height:140px; background: #ffffff url(img/bg.gif) repeat-x;}
#top {width:930px; margin:0 auto;text-align:left;}
#logo {width:386px; height:140px; float:left;}
#static {display:none}
#navi {display:none}

/*+++ MAIN +++*/
#center {background-color:#FFFFFF;}
#main {position:relative; padding-top:30px;max-width:930px; margin:0 auto;text-align:left;min-height:400px; }
#main {width:expression(document.body.clientWidth > 930? "930px": "auto")}

.subnavi {float:left; width:187px; background: #fafafa url(img/box_footer.gif) bottom left no-repeat;margin-bottom:10px;}
#content {margin: 0 20px 30px;width:600px; }
#left {display:none}
#right {display:none}


/*+++ FOOTER +++*/
#bottom {background: #ffffff url(img/bg_footer.gif) repeat-x;}
#footer {display:none }
#footer img { float:left;}
#fnavi { width:200px; float:left; text-align:left; margin:135px 0 20px 30px;}
.fListL { float:left;width:90px;}
.fListR { float:right;width:90px;}
.fBorder { border-top:1px dotted #5a5a5a;}
.copy {float:right;margin-top:190px;}

/* +++ common styles +++ */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}

/* links */
a:link, a:visited {color: #737373; text-decoration:underline;}
a:hover, a:focus {color: #c9231c;outline:none;}
a.internal-link:link, a.internal-link:visited {padding-left:11px;background: url(img/dart.gif) 0 6px no-repeat;}
a.internal-link:hover , a.internal-link:focus{background: url(img/dart.gif) 0 6px no-repeat;}
a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:14px;background: url(img/linkExt.gif) 0 5px no-repeat;}
a.external-link-new-window:hover {padding-left:14px;background: url(img/linkExt.gif) 0 -11px no-repeat;}
a.pdf, a.download {background: url(img/pdf.gif) no-repeat; padding-left:17px; background-position: -0px 3px;}
a.doc {padding-left:15px;background:url(img/file-doc.png) left top no-repeat;}
a.mail {padding-left:17px;background:url(img/linkMail.gif) 0 2px no-repeat;}


.weiterlesen, a.weiterlesen:link, a.weiterlesen:visited { 
	background: url(img/dart.gif) no-repeat; 
	background-position: 0px 7px; 
	padding-left:12px;  
	text-decoration:none; 
	}
a.weiterlesen:hover, a.weiterlesen:focus {text-decoration:underline;}

/* text */

p {line-height:18px;margin-bottom:10px; }


/*** HEADLINES ***/
h1,h2,h3,h4,h5 {font-family:Georgia, "Times New Roman", Times, serif; }
h1,h2,h3,h4 {color:#c9231c;}

h1 {
	font-size:1.5em;
	margin-bottom:15px;	
	text-transform:uppercase;
	background:url(img/h2_T.gif) bottom repeat-x; 	
	padding-bottom:13px;
	}
h2 {padding-top:3px;font-size:1.2em;margin-bottom:10px;}
	
h3 {margin-top:20px;line-height:16px;font-size:1.1em;padding-bottom:5px;text-decoration:none;}
h3 a:link, h3 a:visited {text-decoration:none;color:#c9231c; }
h3 a:hover, h3 a:focus {text-decoration:underline; }

h4 {	font-size:1.1em;margin-top:25px;	margin-bottom:10px;text-transform:uppercase;}

h5 {
	font-size:1.2em; 
	color:#595959;
	font-weight:normal; 
	background:#e2e2e2 url(img/h2_bg.gif) 11px 11px no-repeat; 
	height:24px; 
	padding:6px 0 0 25px;
	}


/*** other ***/
ul { list-style-position:inside; line-height:22px;}
table {font-size: 1em;}
hr , div.linie-davor,  div.linie-danach{
	clear:both;
	background-color:#adadad; /* Mozilla 1.4 */
	color:#adadad; /* IE 6 */
	border: #adadad; /* Opera 7.11 */
	height: 1px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */
	width:540px;
	margin:10px 0;
	}

/*+++ STATISCHE-NAVIGATION +++*/
#static ul {list-style:none; list-style-position:inside; color:#fffeff;font-size:0.9em;}
#static ul li { display:inline;margin-left:19px; margin-top:3px; float:right; white-space:nowrap; }
#static a:link, #static a:visited { text-decoration:none; color:#fffeff; }
#static a:hover, #static a:focus { color:#e2e2e2;text-decoration:underline; }

/*+++ NAVIGATION +++*/
#navi ul {list-style:none;font-size:1.1em;text-transform:uppercase;float:right;letter-spacing:0.8px; }
#navi li { display:inline;float:left;}
#navi a:link, #navi a:visited {text-decoration:none;color:#fff;display:block;padding:7px 10px 6px;width:auto;margin-left:2px;background:#fff url(img/hover_navi.gif) bottom left repeat-x}
#navi a:hover, #navi a:focus { background: #FFF url(img/hover_navi.gif) top left repeat-x; color:#c9231c;}
#navi li.cur a:link, #navi li.cur a:visited {background:#fff url(img/hover_navi.gif) top left repeat-x; color:#c9231c;}
#navi li.cur a:hover, #navi li.cur a:focus {color:#5a5a5a;}

/*+++  CONTENT mit 2 Spalten +++*/
#twoColums {}
#cLeft { width:47%; float:left;}
#cRight { width:47%; float:right;}

/*+++ FOOTER NAVIGATION +++*/
ul#fnavi {color:#5a5a5a; line-height:22px; list-style:none; font-size:0.9em; }
ul#fnavi li {float:left;width:80px;margin-right:15px;}
ul#fnavi a:link, ul#fnavi a:visited { display:block; border-bottom: 1px dotted #5a5a5a;text-decoration:none;padding-left:3px; }
ul#fnavi a:hover, ul#fnavi a:focus { color:#9a9a9a; }


/*+++ SUBNAVIGATION +++*/
div.subnavi-header {
font-size:1.3em; 
height:25px; 
background: url(img/box_head_red.gif) repeat-x; 
padding-left:15px; 
padding-top:11px; 
color:#fff;
text-transform:uppercase; 
font-family:Georgia "Times New Roman, Times, serif";
letter-spacing:1px;
}
.subnavi ul { list-style:none;width:185px; line-height:32px;}
.subnavi li { }
.subnavi li.cur {color:#c9231c;background: url(img/butten_normal.gif) top left no-repeat;padding-left:15px;}
.subnavi a:link, .subnavi a:visited { display:block; text-decoration:none;padding-left:15px;background: url(img/butten_normal.gif) bottom left no-repeat;}
.subnavi a:hover, .subnavi a:focus { color:#c9231c;background: url(img/butten_normal.gif) top left no-repeat;}

.subnavi li.cur a:link, .subnavi li.cur a:visited {margin-left:-15px;background: url(img/butten_normal.gif) top left no-repeat;color:#c9231c;}


/* +++ formulare ++++ */
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#666;}
input:focus, textarea:focus {background-color:#d5d5d5;}

/*+++ INFORMATIONEN BOX RECHTS +++*/
.rightBox { margin-bottom:10px;}
.rightBox h2 { 
font-size:1.2em; 
height:26px; 
background: url(img/box_head.gif) repeat-x; 
padding-left:15px; 
padding-top:10px; 
font-weight:normal;
margin-bottom:0;
}
#right ul { list-style:none;width:187px; line-height:32px;}
#right li a:link, #right li a:visited {display:block;background: url(img/butten_normal.gif) bottom no-repeat; text-decoration:none;padding-left:15px; }
#right li a:hover, #right li a:focus {background: url(img/butten_normal.gif) top no-repeat; color:#c9231c; }


/*+++ In eigener Sache BOX +++*/
.news-box { background:#fafafa url(img/box_bg.gif) bottom no-repeat;padding-bottom:5px;}
.news-box .news-list-item {margin:0 15px;}
.news-box p { width:157px; margin-bottom:7px; border-bottom:1px dotted #a9a9a9; padding-bottom:7px;}

.news-box h2 {
	font-size:1.3em; 
	height:25px; 
	background: url(img/box_head.gif) repeat-x; 
	padding-left:15px; 
	padding-top:11px; 
	font-weight:normal;
	margin-bottom:15px;
	}
	
.news-box h3 {	font-size:1.0em;border:0;margin-top:0;}	
.news-box h3 a:link, .news-box h3 a:visited {color:#737373;text-decoration:none;}	
.news-box h3 a:hover, .news-box h3 a:focus {text-decoration:underline;}
.news-box-more a:link, .news-box-more a:visited {display:block;margin-left:15px;background: url(img/dart.gif) no-repeat;background-position: 0px 7px; padding-left:12px;text-decoration:none;margin-bottom:10px;}
.news-box-more a:hover, .news-box-more a:focus {text-decoration:underline;}
/* newsletter */
iframe {margin-left:-7px;}

/* +++ powermail formulare +++ */
DIV.powermail_mandatory_js {color:#CC0000;margin-bottom:5px;}
DIV.tx-powermail-pi1 {}
DIV.tx-powermail-pi1 fieldset {border:none;}
DIV.tx-powermail-pi1 fieldset legend {display:none;}
DIV.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html {margin:5px 0 10px 0px;}
DIV.tx-powermail-pi1 form label  {float:left;width:130px;}
DIV.tx-powermail-pi1 form div.powermail_check_inner label {}
DIV.tx-powermail-pi1 form input, DIV.tx-powermail-pi1 form textarea, DIV.tx-powermail-pi1 form select {margin-left: 5px;font-size:1em;}
DIV.tx-powermail-pi1 form textarea {font-size:1.2em;width:60%;height:100px;}
DIV.tx-powermail-pi1 input.powermail_submit, DIV.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit{margin-left:133px;padding:3px 5px;margin-top:10px;border:none;background:#c9231c;color:#fff;font-size:1em;}
DIV.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit {margin-left:0;}
/* wartezimmer-abo */
DIV#powermaildiv_uid7, DIV.powermail_check_inner_uid7_0 {font-weight:bold;}
/* foerdermitglied werden */
DIV#powermaildiv_uid21 {font-family:Georgia "Times New Roman, Times, serif";color:#c9231c;font-weight:bold;}
DIV#powermaildiv_uid17 {}


/* +++ dateiliste (download) +++ */
table.csc-uploads-3 td.csc-uploads-fileName, table.csc-uploads-3 td.csc-uploads-fileSize {padding-left:4px;vertical-align:top;}

/* +++ copy ++++ */
.copy {color:#666;font-size:0.9em;}
.copy a:link, .copy a:visited {color:#666;text-decoration:none;}
.copy a:hover, .copy a:focus {color:#c00;text-decoration:underline;}


/* +++ agb seite +++ */
div#agb {background:#fff;text-align:left;padding:10px;}

/* 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; }