/* Farben */
/* rot #b72234
   grau #5e6a71 
   beige #d3bf96 */

html {
	height: 100%;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: none;
}

body {
	/*min-height: 101%;*/
	background-color: #9EA4A6;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #5e6a71;
	padding-top: 30px;
}

a:link { color: #b72234; }
a:visited { color: #b72234; }
a:focus { color: #b72234; }
a:hover { color: #b72234; }
a:active { color: #b72234; }
a {
  text-decoration: underline;
}

a.external-link-new-window img {
	border: 0;
	text-decoration: none;
}

h1 { font-size: 1.6em; color: #d3bf96; font-weight: normal;}
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.95em; }
h5 { font-size: 0.95em; }
h6 { font-size: 0.9em; }


#contenttitle h1 {margin-top:0; margin-bottom:30px;}

h2.subtitle { margin-top: 0; }

img {
    border-color: #ccc;
}

p {
    line-height: 130%;
}

/* Seitenelemente */
/*******************/
#mainwrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	background-color: #ffffff;
/*	border: 1px solid #ffffff;*/
}

/* HEADER */
#headerwrapper {
	padding-top: 20px;
	padding-left: 20px;
/*	width: 930px;*/
	width: 910px;
	height: 120px;
	background-color: #ffffff;
}

#logo {
	float: left;
	width: 190px;
	height: 94px;
	/*Image width: 170px height: 74px */
	background: url(../img/born_logo_rgb.png) no-repeat;
}

#sprachen,
#headerlinks {
	float: right;
} 

#sprachen span.trenner,
#headerlinks span.trenner {
	padding-left: 10px;
	padding-right: 10px;
}

#sprachen ul,
#headerlinks ul {
	margin: 0;
	padding: 0;
} 

#sprachen li,
#headerlinks li {
	list-style: none;
	display: inline;
	padding-left: 2px;
}

#sprachen a,
#headerlinks a {
	text-decoration: none;
	color: #5e6a71;
} 
#sprachen a:hover,
#headerlinks a:hover {
	color: #b72234;
} 
#sprachen a.active,
#headerlinks a.active {
	color: #b72234;
} 


/* BODYWRAPPER */
#bodywrapper {
	clear: both;
	width: 930px;
}

/* LEFT */
#leftwrapper {
	float: left;
	width: 200px;
}

#mainmenu {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 46px;
}

#mainmenu ul { margin: 0; padding: 0; list-style-type: none; }
#mainmenu li { margin: 0; padding: 0; }
#mainmenu a { color: #5e6a71; margin: 0 0 1px 0; padding: 4px 7px; text-decoration: none; display: block; border-bottom: 1px solid #5e6a71; }
#mainmenu a:hover { color: #b72234; font-weight: normal; } 
#mainmenu a.active { color: #b72234; font-weight: bold; }
#mainmenu a.current { color: #b72234; font-weight: bold; }
#mainmenu ul li a { }
#mainmenu ul li ul li a { padding-left: 20px; margin-left: 0px; font-size: 1em; }
#mainmenu ul li ul li a:hover {padding-left: 20px; margin-left: 0px; font-size: 1em; }
#mainmenu ul li ul li a.current { padding-left: 20px; font-size: 1em; font-weight: normal;}
#mainmenu ul li ul li a:hover.current { padding-left: 20px; font-weight: normal;}
#mainmenu ul li ul li a.active { padding-left: 20px; font-weight: normal; }
#mainmenu ul li ul li a:hover.active { padding-left: 20px; color: #b72234; font-weight: normal; }
#mainmenu ul li ul li ul li a { padding-left: 60px; font-size: 0.9em;  }
#mainmenu ul li ul li ul li a:hover {padding-left: 60px; font-size: 0.9em; }
#mainmenu ul li ul li ul li a.current { padding-left: 60px; font-size: 0.9em; font-weight: normal; }
#mainmenu ul li ul li ul li a:hover.current{ padding-left: 60px; font-size: 0.9em; font-weight: normal; }
#mainmenu ul li ul li ul li a.active{ padding-left: 60px; font-size: 0.9em; font-weight: normal; }
#mainmenu ul li ul li ul li a:hover.active{ padding-left: 60px; font-size: 0.9em; font-weight: normal;}

/* LEFT + RIGHT */


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #ccc;
	padding: 0;
}

div.csc-textpic-intext-left-nowrap  div.csc-textpic-imagewrap {
	clear: none;
}

/* CONTENT */
#contentwrapper { 
	float: left;
	width: 730px;
}

#contenttext .csc-header h1,
#content .csc-header h1 {
	font-size: 1.1em;
	color: #5e6a71;
	font-weight: bold;
}

#content {
	float: left;
/*	width: 386px;*/
	width: 366px;
	min-height: 344px;
	padding-right: 20px;
}

/* IE6 Hack */
* html #content {
	height: 314px;
}
/* IE7 Hack */
*+html #content {
	min-height: 314px;
}

/* Nur Text */
#contenttext {
	float: left;
/*	width: 730px;*/
	width: 710px;
	padding-right: 20px;
}
/* Text im Zweispalenlayout */
#contentleft {
	float: left;
	width: 462px; /* Identisch mit Kontaktformularbreite */
}
#contentright {
	float: left;
/*	width: 268px;*/
	width: 228px;
	padding-left: 20px;
	padding-right: 20px;
}


#clear{
	clear: both;
}

/* FOOTER */


#footerwrapper {
	clear: both;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 70px;
	background-color: #9EA4A6;
}

#footerbackground {
	width: 1000px;
	height: 70px;
	background-color: #d3bf96;
}
#footerimage {
	position: relative;
	bottom: 416px;
	left: 586px;
}
#footerimage img {
	border: 0 none;
} 

#footerright {
	position: relative;
	bottom: 290px;
	left: 344px;
	width: 70px;
	height: 326px;
	background-color: #d3bf96;
}
/* IE6 Hack */
* html #footerright {
	bottom: 293px;
}
/* IE7 Hack */
*+html #footerright {
	bottom: 293px;
}

/* Home Seite mit breitem Bild */
#footerhome #footerimage {
	left: 200px;
}
#footerhome #footerright {
	left: 730px;
}

/* Footer bei Textseiten */
#footerwrappertext {
	clear: both;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 20px;
	background-color: #ffffff;
}

/* Tabellen */
/*******************/

th {
	padding: 2px;
	text-align: left;
}
td {
	padding: 2px;
	vertical-align: top;
}

/* Formulare */
/*******************/
input, textarea, select {
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 5px;
		background-color: #F1F1F1;
		border: 1px solid #DDD;
		color: #333;
		padding: 2px;
		width: 240px;
}
select {
		width: 230px;
}

textarea {
	height: 150px;
	width: 240px;
	overflow: auto;
}
input.txt {
	
}
input.file {
	width: 240px;
}
input.plz {
	width: 40px;
}
input.ort {
	margin: 0;
	width: 191px;
}

input.btnRadio {
	width: 1em;
	background-color: transparent;
	padding-right: 1em;
	border: 0;
	margin-top: 2px;
}

input.btnCheckbox {
	width: 1em;
	background-color: transparent;
	padding-right: 1em;
	border: 0;
	margin-top: 2px;
}

span.txtRadio {
	font-size: 1em;
	padding-left: 0.5em;
}

span.txtCheckbox {
	font-size: 1em;
	padding-left: 0.5em;
}
input.btn {
	color: #333;
	background: url(../img/buttonBg.jpg) repeat-x top left;
	border: 1px solid #DDD;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	font-weight: bold;
	margin: 0.25em;
	padding: 0.25em;
	width: 100px;
}
form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

form div.boxwrap {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 0 0 5px;
	clear:none;
}

form div.boxwrap div input {
	padding: 0;
	margin: 0;
	float: left;
}
form div label {
	float: left;
	width: 160px;
	font-weight: normal;
	padding: 2px 0 0 0;
	margin: 0;
}

form div label.required {
	color: #B60437;
	background: url(../img/star.gif) no-repeat center right;	
}

form div.boxwrap div label {
	float: left;
	width: 200px;
	padding: 0 0 0 5px;
	margin: 0;
}

form div.boxwarp div {
	clear: left;
	margin: 0;
	padding: 0;
}

fieldset {
	border: 1px solid #DDD;
	margin-top: 0.5em;
	padding: 15px;
	width: 430px;
}
legend {
	font-weight: bold;
	font-size: 1em;
	color: #333;
	background-color: #FFFFFF;
}
form {
	margin: 0;
	padding: 0;
	width: 460px;
}

form div.comment {
	font-size: 0.9em;
	text-align: left;
	margin: 0;
	padding: 0;
}

form div.comment img {
	border: 0;
}

form div.buttons {
	margin-left: 160px;
}

ul.formError li {
	color: red;
}

/* NEWS */

div.news-single-item-image {
	vertical-align: top;
}

div.news-single-item-image a img {
	margin: 0;

	padding: 2px;
/*	border: 1px solid #ccc;*/
	border: 0;
}

p.news-single-imgcaption {
	font-size: 0.9em;
	margin: 0;
	padding: 2px 2px 5px 2px;
}

hr.clearer {
	line-height: 1px;
	size: 1px;
	height: 1px;
	padding: 0;
	margin: 8px 0;
	outline-style: none;
	border-style: none;
	border-top: 1px solid #ccc;
}

div.news-single-additional-info dt {
	font-weight: bold;
}

div.news-single-additional-info dd p {
	padding: 0;
	margin: 2px 0 0 0;
}

div.news-single-author p {
	margin: 0 0 15px 0;
}

div.news-list-item p {
	margin: 0;
	padding: 5px 0;
}

div.news-list-item h3 {
	margin: 0 0 3px 0;
	padding: 0;
}
div.news-list-item .news-list-morelink {
	margin: 3px 0;
}

div.news-single-backlink {
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

div.news-latest-container div.informationcontent {
	padding: 2px 7px;
	margin: 0;
}

div.news-latest-item-header {
	padding: 8px 0 0 0;
	margin: 0;
}

div.news-latest-item-subheader {
	padding: 0;
	margin: 0;
}

div#content table.contenttable td p {
	padding: 3px 0;
	margin: 0;
}

div#content table.contenttable {
	width: 100%;
}

div#contenttext table.contenttable {
	width: 100%;
}

div.tx-ttnews-browsebox div#browseCount {
	width: 180px;
	float: left;
}

div.tx-ttnews-browsebox div#browsePages {
	width: 275px;
	float: right;
}

div.tx-ttnews-browsebox div#browsePages table {
	border-collapse: collapse;
	text-align: right;
	padding: 0;
	margin: 0;
}

div.tx-ttnews-browsebox div#browsePages table td p {
	font-size: 1em;
	padding: 0;
	margin: 0;
	text-align: right;
}

div.tx-ttnews-browsebox div#browsePages table td {
	padding: 0 0 0 5px;
	margin: 0;
	text-align: right;
}

div.csc-textpic-clear {
	clear: left;
}

.rot {
	color: #d3bf96;
	font-weight: normal;
}

.rotfett {
  font-size:1.1em;
	color: #d3bf96;
	font-weight: bold;
}

.rotkursiv {
	color: #d3bf96;
	font-weight: normal;
	font-style: italic;
}

.tdpic {
	padding: 0;
	margin: 0;
	width: 70px;
}

.tdtxt {
	padding: 0 2px 0 7px;
	margin: 0;
	font-size: 0.9em;
}

/* REFERENZEN */
div#referenzen .contenttable a img, div#referenzen .contenttable img  {
	border: 1px solid #ccc;
}