/* Keller & Kollegen | Website 2009 */

/* ------------------------ ALLGEMEIN ------------------------ */
* {
	margin:0;
	padding: 0;
}
body {
	margin: 0px auto 20px auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-image: url(../gfx/hg_oben.gif);
	background-repeat: repeat-x;
}
/* 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; }

/* 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: 0px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; 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; }

/*********** Design Keller redefined *****************************/

DIV.csc-textpic {display:block; clear:both; overflow:auto;}

/*DIV.csc-textpic {clear:both;}*/
DIV.csc-textpic-intext-left DIV.csc-textpic-text ul {
	display:table; /* nur fuer firefox! */
	display:inline-block;  /* nur für IE */
	width:auto;}

DIV.csc-textpic,
DIV.csc-textpic-intext-left, 
DIV.csc-textpic-intext-right,
DIV.csc-textpic-intext-left-nowrap,
DIV.csc-textpic-intext-right-nowrap, 
DIV.csc-textpic DIV.csc-textpic-imagerow {margin-bottom:6px; }

DIV.csc-textpic IMG {padding:0px; margin:0; border:0px #8A8073 solid;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {font-size:10px; margin:0; padding:3px 0 2px 2px; }

/* 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;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text {padding-left:8px;}


h1 {
	font-size: 18px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #666666;
	margin-bottom: 9px;
	font-weight: lighter;
}
h2 {
	font-size: 16px;
	font-weight: lighter;
}
p {
	margin-bottom: 20px;
	line-height: 20px;
}
ul {
	margin-bottom: 20px;
	line-height: 20px;
}
li {
	margin-left: 18px;
}
.klein, .csc-textpic-caption {
	font-size: 11px;
	line-height: 14px;
}
img {
	border:none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #961622;
}
a:active {
	color: #000000;
}
/* ------------------------ SEITENBEREICHE ------------------------ */

#wrapper {
	text-align: left;
	margin: 0px 35px;
}
#container_oben {
	width: 960px;
	margin: 0px auto;
	height: 60px;
}
#logo {
	top: 27px;
	position: absolute;
	width: 366px;
}
#container_body {
	width: 960px;
	padding: 0px;
	margin: 0px auto;
	padding-top: 50px;
}
#linke_spalte {
	float: left;
	width: 130px;
	margin-top: 32px;
	border-top: 1px dotted #666;
}
#mittlere_spalte {
	padding: 0 35px;
	width: 520px;
	border-right: 1px dotted #666;
	float: left;
	text-align: left;
}
#mittlere_spalte h2 {
	font-size: 16px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #666;
	margin-bottom: 9px;
}
#rechte_spalte {
	width: 210px;
	float: right;
	text-align: left;
}
#rechte_spalte h2 {
	font-size: 14px;
	font-weight: bold;
}
#rechte_spalte a {
	text-decoration: none;
}
#rechte_spalte h2#current2 a, #rechte_spalte h2#current2 a:hover {
	color: #961622;
}
.clearboth {
	clear: both;
}
#container_fuss {
	margin: 35px auto;
	width: 960px;
	clear: both;
	font-size: 10px;
}
#fuss_content {
	float: right;
	width: 795px;
	border-top: 1px dotted #666;
	padding: 10px 0px;
}
#fuss_content a {
	color: #000;
	text-decoration: none;
}
#fuss_content a:hover {
	color: #961622;
	text-decoration: none;
}
#fuss_links {
	width: 600px;
	float: left;
	text-align: left;
}
#fuss_links a {
	margin-right: 8px;
}
#fuss_rechts {
	width: 150px;
	float: right;
	text-align: right;
}
/* ------------------------ HAUPTNAVIGATION LINKE SPALTE ------------------------ */

#nav_main {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}
#nav_main ul {
	display:inline;
}
#nav_main ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav_main ul li a {
	display:block;
	text-decoration: none;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0em;
	color: #000;
	padding-left: 10px;
	border-bottom: 1px dotted #666;
}
#nav_main ul li a:hover {
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../gfx/nav_verlauf_grau.jpg);
	background-repeat: repeat-y;
}
#nav_main ul li#current a, #nav_main ul li#current a:hover {
	text-decoration: none;
	padding-left: 10px;
	color: #000;
	background-image: url(../gfx/nav_verlauf.jpg);
	background-repeat: repeat-y;
}
/* ------------------------ FORMULAR ------------------------( muss noch angepasst werden - nich nicht klar, ob �berhaupt eins kommt )  */
form {
	padding-top: 10px;
}
.txtfeld {
	background-color: #F3F3F4;
	border: #0d59ab solid 1px;
	width: 330px;
	margin: 2px 0px;
}
.txtfeld_date {
	background-color: #F3F3F4;
	border: #0d59ab solid 1px;
	width: 61px;
	margin: 2px 0px;
}
.txtarea {
	font-family: Arial, Helvetica, sans-serif;
}
.checkbox {
	background-color: #F3F3F4;
	border: #0d59ab solid 1px;
	padding: 0px;
}
.formBtn {
	background-image: url(../../gfx/button_senden.gif);
	border: none;
	color: #fff;
	height: 24px;
	padding: 5px;
}
.radioBtn {
	margin-right: 4px;
	margin-left: 4px;
}
.formErr {
	color:#961622;
}

/* ------------------------ EXTRAS IM CONTENTBEREICH ------------------------ */