/*******************************************************************************
				Standard-CSS for www.ews-schoenau.de
********************************************************************************/

/*
	Typpo
	=====
	Standard				= #000000 / 83%
	Headline h1				= #c83733 / 1.7em
	Headline h2...			= #c83733 / 1.5em
	mainNavi				= transparent / 1em
	mainNavi active			= #1446a0
	Links					= #1446a0
	
	Important sizes
	===============
	root					= 980px
	Left column				= 195px
	Right column			= 210px
	Content column			= 520px
*/
		

/********************************************************************************
						General CSS-Data
********************************************************************************/

body {
	margin:				0;
	padding:			0;
	background:			#ffffff;
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			83%;
	line-height:		1.4em;
	color:				#030000;
}

img {
	border:				0;
}
	
/* LINKS */
a,
a:link ,
a:active,
a:visited {
	color:				#1446a0;
	background-color:	#ffffff;
	text-decoration:	none;
}

a:hover {
	color:				#c83733;
	background-color:	#ffffff;
	text-decoration:	underline;
}
/* END LINKS */
	
/* HEADINGS */
h1 {
	font-size:			1.7em;
	line-height:		1.5em;
	margin:				0 0 0.5em 0;
	padding:			0;
	color:				#c83733;
}
h2 {
	font-size:			1.5em;
	line-height:		1.5em;
	margin:				0 0 0.5em 0;
	padding:			0;
	color:				#1446a0;
}
h3, h4, h5, h6 {
	font-size:			1.3em;
	line-height:		1.3em;
	margin:				0 0 0.5em 0;
	padding:			0;
	color:				#c83733;
}
/* END HEADINGS */

/* TEXT */
div {
	font-size:			1em;
}

p {
	font-size:			1em;
	margin:				0;
	padding:			0 0 0.7em 0;
	line-height:		1.4em;
}

.Leerzeile {
	padding:			0 0 0.4em 0;
}

blockquote {
	margin-left:		20px;
}

code,
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}
/* END TEXT */
	
/* LISTS */
ul,
ol {
	font-size:			1em;
	line-height:		1.4em;
	margin:				0 0 1.5em 0;
	padding:			0;
}
ul li,
ol li {
	font-size:			1em;
	margin:				0 0 0.25em 30px;
	padding:			0;
}

dl {
	margin:				0 0 1.5em 0;
	padding:			0;
	line-height:		1.4em;
}
dl dt {
	font-weight:		bold;
	margin:				0.25em 0 0.25em 0;
	padding:			0;
}
dl dd {
	margin:				0 0 0 30px;
	padding:			0;
}
/* END LISTS */
	
	
/* TABLE */
table {
	font-size:			1em;
	margin:				0 0 1.5em 0;
	padding:			0;
}

table caption {
	font-weight:		bold;
	margin:				0 0 0 0;
	padding:			0 0 1.5em 0;
}

th {
	font-weight:		bold;
	text-align:			left;
	line-height:		1.4em;
}

td {
	font-size:			1em;
	line-height:		1.4em;
}
/* END TABLE */	

/* FORM ELEMENTS */
form {
	margin:				0;
	padding:			0;
}

label {
	float:				left;
	cursor:				pointer;
}

fieldset {
	border:				0;
	margin:				0;
	padding:			0;
}

fieldset legend {
	display:			none;
}

input, select, textarea {
	font-size:			1em; 
	font-family:		Arial, Helvetica, sans-serif;
	margin:				0;
	padding:			0;
}
/* END FORM ELEMENTS */

noscript { 
	font-weight:		bold;
	color:				#ff0000;
}


hr {
	height:				1px;
	margin:				1.5em 10px;
	border-bottom:		1px dotted black;
}

.clear:after {
	content:			"."; 
	display:			block; 
	height:				0; 
	clear:				both; 
	visibility:			hidden;
}
* html>body .clear {
	display:			inline-block; 
	width:				100%;
}

* html .clear {
	/* Hides from IE-mac \*/
	height:				1%;
	/* End hide from IE-mac */
}

.accessibility {
	position:			absolute;
	top:				-1000em;
	left:				-1000em;
}

.red {
	color:				#c83733;
}

#skip
{
	position:			absolute;
	left:				-3000em;
	z-index:			10;
}

#skip a:focus,
#skip a:active
{
	position:			absolute;
	left:				3000em;
	top:				0px;
	font-weight:		bold;
	color:				#000000;
	outline:			none;
	width:				180px;
	background-color:	#FFFFFF;
	text-align:			center;
}



/********************************************************************************
						Layout
********************************************************************************/

#root {
	width:				980px;
	margin:				0 auto;
	padding:			0;
	background:			#ffffff url(../img/bgMain.gif) repeat-y;
	text-align:			center;
}

#header {
	height:				115px;
	margin:				0;
	color:				#ffffff;
	background:			#1446a0;
	text-align:			left;
}

#main {
	position:			relative;
	width:				980px;
	margin:				0 auto 20px auto;
	padding:			0;
	text-align:			left;
}

#content {
	float:				left;
	width:				520px;
	display:			inline;
	margin-right:		-185px;
	margin-left:		225px;
	margin-top:			1.85em;
}

#breadcrumb {
	display:			none;
	margin:				5px 0px 1px 0px;
	font-size:			0.9em;
}

#layerTop #breadcrumb {
	display:			block;
}

#leftCol {
	float:				left; 
	width:				195px;
	display:			inline;
	margin-left:		-560px;
	background-color:	#fafafa;
	margin-top:			1.7em;
}

#rightCol {
	float:				right;
	width:				210px;
	display:			inline;
	background-color:	#fafafa;
	margin-top:			2.1em;
}

/********************************************************************************
						top
********************************************************************************/
#header .left {
	float:				left;
	width:				770px;
}

#header .left img {
	float:				left;
	margin:				-30px 0px 10px 20px;
	text-align:			left;
}

#header .left h1 {
	float:				left;
	font-size:			20px;
	color:				#ffffff;
	background:			#1446a0;
	margin:				50px 0 0 40px;
	letter-spacing:		1px;
}

#header .right {
	float:				left;
	width:				210px
}

#header .right ul {
	float:				left;
	width:				190px;
	list-style:			none;
	margin:				0;
	padding:			40px 0 5px 0;
	background:			#1446a0;
}

#header .right ul li {
	float:				left;
	margin:				0 6px 0 0;
	padding:			0 0 0 10px;
	line-height:		16px;
	background:			url(../img/bgArrowMataNavi.gif) no-repeat 0em 0.5em;
}

#header .right ul li a,
#header .right ul li a:link,
#header .right ul li a:visited{
	color:				#ffffff;
	background:			none;
	text-decoration:	none;
	font-size:			12px;
}

#header .right form {
	float:				left;
	margin-left:		-5px;
	background:			#1446a0;
}

#header .right #search {
	float:				left;
	height:				18px;
	margin:				0 0 0 5px;
	padding:			0;
	border:				1px solid #c3cbe3;
	width:				170px;
	font-size:			13px;
}

#header .right .submit {
	float:				left;
	margin:				0;
	padding:			0;
}

#header .right label {
	position:			absolute;
	top:				-2000px;
	left:				-2000px;
	line-height:		20px;
	font-size:			0.9em;
}




/********************************************************************************
						main navi
********************************************************************************/
#mainNavi ul {
	margin:				0;
	padding:			0;
	list-style:			none;
	border-top:			1px solid #1446a0;
}

#mainNavi ul li {
	display:			inline;
	margin:				0;
	padding:			0;
	list-style:			none;
}

#mainNavi ul li a,
#mainNavi ul li a:link,
#mainNavi ul li a:visited,
#mainNavi ul li a:active {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	padding:			5px 0px 5px 30px;
	text-decoration:	none;
	color:				#1446a0;
	background:			transparent url(../img/bgArrowNormalBlue.gif) no-repeat 1.1em 0.7em;
	border-bottom:		1px solid #1446a0;
}
#mainNavi ul li a:hover {
	color:				#ffffff;
	background:			#1446a0 url(../img/bgArrowNormalWhite.gif) no-repeat 1.1em 0.7em;
}

#mainNavi ul li strong a,
#mainNavi ul li strong a:link,
#mainNavi ul li strong a:visited,
#mainNavi ul li strong a:active {
	color:				#ffffff;
	background:			#1446a0 url(../img/bgArrowActiveWhite.gif) no-repeat 1.1em 0.7em;
	border-bottom:		1px solid #ffffff;
}

/* subnavi */
#mainNavi ul ul {
	border-top:			none;
}

#mainNavi ul li ul li a,
#mainNavi ul li ul li a:link,
#mainNavi ul li ul li a:visited,
#mainNavi ul li ul li a:active {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	padding:			5px 0px 5px 50px;
	text-decoration:	none;
	color:				#1446a0;
	background:			#e4e4fc url(../img/bgArrowNormalBlue.gif) no-repeat 2.3em 0.7em;
	border-bottom:		1px solid #ffffff;
}
#mainNavi ul li ul li a:hover {
	color:				#ffffff;
	background:			#1446a0 url(../img/bgArrowNormalWhite.gif) no-repeat 2.3em 0.7em;
}

#mainNavi ul li ul li strong a,
#mainNavi ul li ul li strong a:link,
#mainNavi ul li ul li strong a:visited,
#mainNavi ul li ul li strong a:active {
	color:				#c83733;
	background:			transparent url(../img/bgSubnaviDot.gif) no-repeat 2.3em 0.9em;
}

#mainNavi ul li ul .last a,
#mainNavi ul li ul .last a:link,
#mainNavi ul li ul .last a:visited,
#mainNavi ul li ul .last a:active {
	border-bottom:		1px solid #1446a0;
}

/* 3rd level */
#mainNavi ul li ul li ul li a,
#mainNavi ul li ul li ul li a:link,
#mainNavi ul li ul li ul li a:visited,
#mainNavi ul li ul li ul li a:active {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	padding:			5px 0px 5px 68px;
	text-decoration:	none;
	color:				#1446a0;
	background:			#f0f2fe url(../img/bgArrowNormalBlue.gif) no-repeat 3.8em 0.7em;
	border-bottom:		1px solid #ffffff;
}

#mainNavi ul li ul li ul li a:hover {
	color:				#ffffff;
	background:			#1446a0 url(../img/bgArrowNormalWhite.gif) no-repeat 3.8em 0.7em;
}

#mainNavi ul li ul li ul li strong a,
#mainNavi ul li ul li ul li strong a:link,
#mainNavi ul li ul li ul li strong a:visited,
#mainNavi ul li ul li ul li strong a:active {
	color:				#000000;
	background:			transparent url(../img/bgSubnaviDotBlack.gif) no-repeat 3.8em 0.9em;
}

#mainNavi ul li ul li ul .last a,
#mainNavi ul li ul li ul .last a:link,
#mainNavi ul li ul li ul .last a:visited,
#mainNavi ul li ul li ul .last a:active {
	border-bottom:		1px solid #ffffff;
}

/* Form */
#mainNavi #selectBox select {
	width:				170px;
	border:				1px solid #3b569d;
	padding:			0;
	margin:				10px 0 0 10px;
}

/********************************************************************************
						right column
********************************************************************************/
#rightCol h1,
#rightCol h2,
#rightCol h3 {
	font-size:			1em;
	padding:			0 0 0 10px;
	text-transform:		uppercase;
}

#rightCol .teaser {
	padding:			5px 10px 0px 10px;
	border-top:			1px solid #1446a0;
}

#rightCol .teaser p {
	font-size:			0.9em;
	line-height:		1.2em;
	margin:				0 0 0 15px;
	padding:			0 0 5px 0;
}

#rightCol .teaser img {
	margin-left:		15px;
}

#rightCol .teaser h1,
#rightCol .teaser h2,
#rightCol .teaser h3 {
	text-transform:		none;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}

#rightCol .teaser h3 a,
#rightCol .teaser h3 a:link,
#rightCol .teaser h3 a:visited,
#rightCol .teaser h3 a:active {
	color:				#1446a0;
	padding:			0 0 0 13px;
	background:			transparent url(../img/bgArrowBlue.gif) no-repeat 0 4px;
	text-decoration:	none;
}

#rightCol .teaser h3 a:hover {
	text-decoration:	underline;
}


/********************************************************************************
						footer
********************************************************************************/
#footer {
	color:				#1446a0;
	background-color:	#fafafa;
}

#footer ul {
	margin:				0;
	padding:			10px 0 10px 0;
	list-style:			none;
}

#footer ul li {
	display:			inline;
	margin:				0;
	padding:			0;
	margin:				0 10px 0 10px;
	padding:			0 0 0 10px;
	background:			transparent url(../img/bgArrowBlue.gif) no-repeat 0 70%;
}

#footer a,
#footer a:link ,
#footer a:active,
#footer a:visited {
	color:				#1446a0;
	background-color: 	transparent;
	text-decoration:	none;
}

#footer a.:hover {
	background-color:	none;
	text-decoration:	underline;
}

#footer .big {
	font-size:			1.5em;
}

#footer .normal {
	margin:				0 0.5em 0 0.7em;
	font-size:			1.2em;
}

#footer .small {
	margin-left:		5px;
	font-size:			0.9em;
}

/********************************************************************************
						content
********************************************************************************/
#content .box {
	width:				256px;
}

#content .left {
	float:				left;
}

#content .right {
	float:				right;
}

#content .box .top {
	background:			transparent url(../img/bgBoxTop.gif) no-repeat left top;
	padding:			10px 0 10px 10px;
	color:				#ffffff;
}

#content .box .middle {
	background:			transparent url(../img/bgBoxRight.gif) repeat-y 238px 0;
	border-left:		2px solid #1446a0;
	padding:			0 20px 0 10px;
	color:				#1446a0;
	overflow:			hidden;
}

#content .box .middle p {
	padding-bottom:		0.5em;
}

#content .box .middle h1 {
	font-size:			1em;
	margin-bottom:		0.2em;
}

#content .box .middle h2 {
	font-size:			1em;
	color:				#1446a0;
	margin-bottom:		0.2em;
}

#content .box .middle img {
	margin:				0 0 10px -10px;
}

#content .box .top a,
#content .box .top a:link,
#content .box .top a:visited,
#content .box .top a:active,
#content .box .bottom a,
#content .box .bottom a:link,
#content .box .bottom a:visited,
#content .box .bottom a:active {
	color:				#ffffff;
	padding:			0 0 0 13px;
	background:			transparent url(../img/bgArrowNormalWhite.gif) no-repeat 0 0.2em;
	text-decoration:	none;
	font-weight:		bold;
}

#content .box .top a:hover,
#content .box .bottom a:hover {
	text-decoration:	underline;
}

#content .box .bottom {
	background:			transparent url(../img/bgBoxBottom.gif) no-repeat left bottom;
	margin:				0;
	padding:			5px 0 25px 10px;
	color:				#ffffff;
}

/********************************************************************************
						forms
********************************************************************************/

.form {
	font-size:			13px;
	line-height:		20px;
	color:				#1446a0;
}

.form div {
	padding:			10px 10px 0px 10px;
}

.form .top {
	height:				30px;
	background:			transparent url(../img/bgFormTop.gif) no-repeat left top;
}

.form .top h1 {
	margin:				0;
	padding:			5px 0 5px 30px;
	color:				#ffffff;
	font-size:			1em;
	background:			transparent url(../img/bgArrowNormalWhite.gif) no-repeat 15px 10px;
}

.form .middle {
	border-left:		2px solid #1446a0;
	background:			transparent url(../img/bgBoxRight.gif) repeat-y 502px 0;
	overflow:			hidden;
}

.form .bottom {
	background:			transparent url(../img/bgFormBottom.gif) no-repeat left bottom;
	height:				35px;
}

.form .headline {
	width:				472px;
	margin:				10px 0px 10px -10px;
	padding:			5px 10px 2px 20px;
	color:				#1446a0;
	font-weight:		bold;
	background-color:	#e4e4fc;
}

.form .headline h2 {
	font-size:			1em;
}

.form fieldset legend {
	display:			none;
}

.form form span {
	float:				left;
	width:				170px;
}

.form .i280,
.form .i230,
.form .i137,
.form .i70,
.form .i45,
.form .ta,
.form select {
	border:				1px solid #1446a0;
}

.form .i280 {
	width:				280px;
}

.form .i230 {
	width:				230px;
}

.form .i137 {
	width:				137px;
}

.form .i70 {
	width:				70px;
}

.form .i45 {
	width:				45px;
}

.form .ta {
	margin:				10px 0px;
	width:				450px;
}

.form .ta280 {
	width:				280px;
	margin-left:		13em;
}

.form .btSend {
	margin:				10px 0;
}

.form_conformation table h3 {
	padding-top:		10px;
}

.form #datenschutzDiv {
	width:				470px;
	padding:			10px 0px 10px 10px;
	margin:				10px 0px;
}

/********************************************************************************
						Layer
********************************************************************************/
.layer {
	background-color:	#6d6d6d;
}

.layer .csc-textpic-imagewrap .csc-textpic-image img {
	margin-bottom:		0;
}

.layer .csc-textpic-image {
	display:			none;
}

#bg {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	background-color:	#000000;
	opacity:			0.56;
	filter:				alpha(opacity:56);
	z-index:			100;
}

.layer #root {
	/* position:			absolute; */
	z-index:			200;
	width:				900px;
	height:				530px;
	margin:				0px auto;
	padding:			0;
	background:			none;
	text-align:			center;
}

.layer #root #main {
	position:			relative;
	width:				900px;
	margin:				0 auto 20px auto;
	padding:			0;
	text-align:			left;
}

.layer #root #layerContentWrapper {
	float:				left;
	width:				898px;
	display:			block;
	margin:				0;
	background:			#ffffff url(../img/bgLayerRight.gif) repeat-y top right;
	border-left:		2px solid #1446a0;
}

.layer #root #content {
	float:				none;
	width:				878px;
	height:				350px;
	display:			block;
	margin:				0;
	padding-left:		10px;
	overflow:			auto;
	position:			relative;
}

.layer #root #content .left {
	position:			absolute;
	top:				0;
	left:				0;
	width:				510px;
	height:				350px;
	margin-right:		10px;
}

/* needed for fu**** IE */
.layer #root #content .left img { float:left; }

.layer #root #content .right {
	position:			absolute;
	top:				0;
	left:				510px;
	width:				361px;
	height:				350px;
	padding-right:		15px;
	overflow:			auto;
}

.layer #root #layerMore {
	float:				left;
	width:				876px;
	margin-right:		12px;
	padding:			10px 10px 0px 0px;
	background-color:	#e4e4fc;
	color:				#1446a0;
	height:				50px;
}

.layer #root #layerMore .left {
	float:				left;
	width:				438px;
	padding-left:		10px;
}

.layer #root #layerMore .right {
	float:				right;
	margin-right:		0px;
	line-height:		40px;
}

.layer #root #layerMore .right div {
	float:				left;
	font-weight:		bold;
	margin:				0px 5px 0px 5px;
}

.layer #root #layerTop {
	display:			none;
	width:				900px;
	background:			transparent url(../img/bgLayerTop.gif) no-repeat;
	font-weight:		bold;
	color:				#ffffff;
}

.layer #root .layerBottom {
	width:				900px;
	padding-bottom:		10px;
	background:			transparent url(../img/bgLayerBottom.gif) no-repeat left bottom;
	text-align:			right;
}

.layer #root .layerTop a,
.layer #root .layerTop a:link ,
.layer #root .layerTop a:active,
.layer #root .layerTop a:visited {
	color:				#ffffff;
	background-color:	#1446a0;
	text-decoration:	none;
	margin-left:		5px;
	line-height:		30px;
	font-weight:		bold;
}

.layer #root .layerBottom a,
.layer #root .layerBottom a:link ,
.layer #root .layerBottom a:active,
.layer #root .layerBottom a:visited {
	color:				#ffffff;
	background-color:	#1446a0;
	text-decoration:	none;
	margin-right:		20px;
	padding:			5px 10px 0 15px;
	line-height:		30px;
	font-weight:		bold;
	background:			url(../img/bgArrowNormalWhite.gif) no-repeat 0px 8px;
}

.layer #root .layerTop a:hover {
	
}

.layer #root .layerTop img {
	vertical-align:		middle;
}

.layer #root h1,
.layer #root h2,
.layer #root h3 {
	margin:				0 0 0 0;
	padding:			0.5em 0 0 0;
}

.layer #root h1 {
	font-size:			1.2em;
}

.layer #root h2 {
	font-size:			1em;
	color:				#1446a0;
}

.layer #content .csc-textpic-intext-left-nowrap .csc-textpic-caption {
	padding-left:		15px;
}

/********************************************************************************
						Layer small
********************************************************************************/
.small #root #content {
	float:				none;
	width:				878px;
	height:				250px;
	display:			block;
	margin:				0;
	padding-left:		10px;
	overflow:			auto;
	position:			relative;
}

.small #root #content .left {
	position:			absolute;
	top:				0;
	left:				0;
	width:				380px;
	height:				250px;
	overflow:			hidden;
}

.small #root #content .right {
	position:			absolute;
	top:				0;
	left:				390px;
	width:				481px;
	height:				250px;
	padding-right:		15px;
	overflow:			auto;
}


/********************************************************************************
						print
********************************************************************************/
body.print {
	margin:				0;
	padding:			0;
	background:			#ffffff;
	text-align:			left;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			83%;
	line-height:		1em;
	color:				#000000;
}

body.print #root {
	width:				100%;
	margin:				0;
	padding:			0;
	background:			none;
	text-align:			left;
}

body.print #header {
	height:				auto;
	margin:				0;
	color:				#000000;
	background:			#ffffff;
	text-align:			left;
	font-size:			0.8em;
}

body.print #main {
	position:			relative;
	width:				100%;
	margin:				0;
	padding:			0;
	text-align:			left;
}

body.print #content {
	float:				left;
	width:				100%;
	display:			inline;
	margin-right:		0;
	margin-left:		0;
	margin-top:			0;
}


/* LINKS */
body.print a,
body.print a:link ,
body.print a:active,
body.print a:visited {
	color:				#000000;
	background-color:	#ffffff;
	text-decoration:	underline;
}

body.print a:hover {
	color:				#000000;
	background-color:	#ffffff;
}
/* END LINKS */
	
/* HEADINGS */
body.print h1, body.print h2, body.print h3, body.print h4, body.print h5, body.print h6 {
	color:				#000000;
}

body.print #root #main #content div.left,
body.print #root #main #content div.right {
	float:				none;
	clear:				both;
	width:				100%;
}

body.print #root #main #content div.left {
	text-align:			center;
	margin:				0 auto;
}

/*******************************************************************************
								kontaktformular
********************************************************************************/

fieldset.csc-mailform
{
	border:				none;
}

fieldset.csc-mailform label
{
	clear:				left;
	float: 				left;
	width: 				12em;
}

fieldset.csc-mailform input,
fieldset.csc-mailform select,
fieldset.csc-mailform textarea
{
	float:				left;
	margin-bottom:		1em;
}

fieldset.csc-mailform .csc-mailform-field
{
	clear: 				both;
}

fieldset.csc-mailform .csc-mailform-submit
{
	clear: 				both;
	padding:			0.2em 0.7em 0.2em 0.7em;
	margin:				1.25em 0 1.25em 12em;

}

.csc-textpic-caption {
	font-size:			0.8em;
}


/********************************************************************************
						TYPO3 styles
********************************************************************************/
/* 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: 1px solid black;
	padding: 0px 0px;
}

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

#content DIV.csc-textpic-imagewrap { padding-bottom:15px; }

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




/*******************************  Style Indexed Search  ***************************************/
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#1446a0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fafafa;font-size:0.8em;padding:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right;font-size:0.8em; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

.tx-indexedsearch-rules,
.tx-indexedsearch-searchbox form {
	background-color:#fafafa;
	padding:5px;
}

.tx-indexedsearch-rules {
	font-size:			0.9em;
}

.tx-indexedsearch  .tx-indexedsearch-res dl,
.tx-indexedsearch  .tx-indexedsearch-res dl dt,
.tx-indexedsearch  .tx-indexedsearch-res dl dd {
	margin:				0 0 0 0;
	padding:			0;
	line-height:		1.4em;
	font-weight:		normal;
}

.tx-indexedsearch-searchbox a,
.tx-indexedsearch-searchbox a:link ,
.tx-indexedsearch-searchbox a:active,
.tx-indexedsearch-searchbox a:visited {
	background-color:	#fafafa;
	padding:			2px;
}

.tx-indexedsearch-searchbox a:hover {
	color:				#ffffff;
	background-color:	#1446a0;
}

.tx-indexedsearch-search-submit {
	margin:				10px 0 10px 145px;
}

.browsebox {
	text-align:			center;
}

.csc-textpic {
	clear:				both;
}


/************************** 3 Columns Layout ****************************************/
.subcolumns {
	float:				left;
	clear:				both;
	width:				520px;
	margin-bottom:		12px;
}

.subcolumns .c331 {
	width:				169px;
}

.subcolumns .content {
	position:			relative;
	width:				169px;
	background:			#e4e4fc url(../img/3colShadow.gif) repeat-y right top;
}

.subcolumns .content .topCorner {
	position:			absolute;
	top:				0px;
	right:				0px;
	width:				10px;
	height:				10px;
	background:			transparent url(../img/3colShadowTop.gif) no-repeat right top;
}

.subcolumns .content .head {
	background-color:	#1446a0;
	padding:			5px 0 5px 10px;
	margin-right:		7px;
	color:				#ffffff;
}

.subcolumns .content p {
	margin:				5px 10px 0px 5px;
	color:				#000000;
	background-color:	transparent;
}

.subcolumns .content  a,
.subcolumns .content  a:link,
.subcolumns .content  a:visited,
.subcolumns .content  a:active {
	background-color:	transparent;
	color:				#000000;
}

.subcolumns .content p  a:hover {
	text-decoration:	none;
	color:				#000000;
}

.subcolumns .content .head  a,
.subcolumns .content .head  a:link,
.subcolumns .content .head  a:visited,
.subcolumns .content .head  a:active {
	color:				#ffffff;
	padding:			0 0 0 13px;
	background:			transparent url(../img/bgArrowNormalWhite.gif) no-repeat 0 0.2em;
	text-decoration:	none;
	font-weight:		bold;
}

.subcolumns .content .head  a:hover {
	text-decoration:	underline;
}


  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }