/* default styles */	
/* Farben:
cc6600 (ocker dunkel) 
ff9934 (ocker orange)
ffcc9a (helles ocker)
*/
/* ### basic stuff ### */
@import url(anchors.css);
@import url(forms.css);

body {
	margin: 0;
	background-color: #efefef;
	background-image: url(../media/background.gif);
	background-repeat: repeat-x;
	background-position: 0 5px;
	font-family: sans-serif, Verdana;
    /* for all browsers except for IE5 */
   font-size: normal;
	/* simplebits centering */
	text-align: center;
	}
* html body {
  font-size: small; /* for IE5/Win */
  f\ont-size: normal; /* for othe IE5 versions */
}


#contentarea {
	background: #fff;
	border-right: solid 2px #666;
	border-left: 1px solid #efefef;
	width: 1000px;
	min-height: 500px;
	/* simplebits centering */
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background: url(../media/bogen_navigation_bg_fff.gif) -50px -25px no-repeat #fff;
}

#header {
	height: 120px;
	/* background: url(../media/logo50jahre.gif) 0px 50% no-repeat; */
	background: url(../media/logo2.gif) 0px 50% no-repeat;
	
}

#header dl {
	float: left;
	margin: 50px 0 0 230px;
}

/* IE hack */
*html #header dl {
	margin-left: 115px;
}

#header dt {
	font-size: 120%;
	font-weight: bold;
	margin:0;	
}

#header dd {
	font-size: 90%;
	margin:0;
}

#header img {
	float: right;
	padding:0;
	margin:0;
}

*html #header img {
	margin-right: -3px;
}

#headerdivider {
	height: 15px;
	background: #ff9934;
}

/* navigation styles */
#navigation {
	width: 200px;
	min-height: 400px;
	float:left;
}
#navigation ul {
	margin: 20px 0 0 0;
	padding: 0 20px 0 10px;
	list-style: none;
}

#navigation ul li {
	font-size: 90%;
}

#navigation ul li a {
	text-decoration: none;
	display: block;
	margin: 0 2em 0 0;
	padding: 0.3em;
	border-bottom: solid 1px #ff9934;
	color: #666;	
}
/* IE hack */
*html #navigation ul li a {
	height: 1.2em;
	}

#navigation ul li a:hover {
	background: #ff9934;
	color: #666;
	font-weight: bold;
}

#navigation ul li.nav-1-act a {
	background: #ff9934;
	color: #666;
	font-weight: bold;
}

#navigation ul li.nav-2 a {
	border: none;
	display: list-item;
	list-style-type: square;
	margin-left: 18px;
}

#navigation ul li.nav-2-act a {
	border: none;
	color: #666;
	font-weight: bold;
	display: list-item;
	list-style-type: square;
	margin-left: 18px;
}

#navigation ul li.nav-3 a {
	border: none;
	display: list-item;
	list-style-type: square;
	margin-left: 36px;
}

#navigation ul li.nav-3-act a {
	border: none;
	color: #666;
	font-weight: bold;
	display: list-item;
	list-style-type: square;
	margin-left: 36px;
}


/* navigation styles end */

#contentmain {
	float: left;
	width: 580px;
	min-height: 400px;
	padding: 10px;
	background: url(../media/goldvio.gif) no-repeat 5px 20px;
}

#content_right {
	float: right;
	width: 180px;
	height: 400px;
	min-height: 400px;
	padding: 10px;
	background: url(../media/main_rechts_200.jpg) #efefef;
	/* overflow: hidden; */
}

*html #content_right {
	width: 200px;
}

#content_footer {
	display: none;
}

#footer {
	clear: both;
	width: 1000px;
	height: 20px;
	background: #FF9934;
	margin: 0 auto;
	text-align: left;
	border-right: solid 2px #666;
	border-bottom: solid 2px #666;
}

#footer p {
	font-size: 80%;
	color: #666;
	padding: 0.3em 0.3em 0.3em 230px;
	margin:0;
}

#footer p a {
	color: #666;
}

#footer p a:hover {
	color: #666;
    text-decoration: none;
}

/*content styles */
h1 {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	margin: 1em 20px 1em 20px;
}

#content_right h1 {
	margin: 1em 10px 1em 10px;
}

h2 {
	clear: both;
	font-size: 90%;
	color: #666;
	margin: 1em 20px 0 20px;
}

#content_right h2 {
	margin: 1em 5px 0 5px;
}

#contentmain p, #contentmain td, #contentmain ul, #contentmain ol, #contentmain td {
	font-size: 90%;
	margin: 1em 20px 0 20px;
	line-height: 1.2em;
}

#content_right p, #content_right p.bodytext {
	font-size: 90%;
	margin: 1em 5px 0 5px;
}

.kasten {
	/* border: 1px solid #ccc; */
	background: #ffcc9a;
	padding: 0.5em;
	margin: 1em 20px 0 20px;
}

#content_right .kasten {
	margin: 1em 5px 0 5px;
	overflow: hidden;
}

#contentmain ul {
	list-style-type: square;
	list-style-position: outside;
}

*html #contentmain ul {
	margin-left: 20px !important;
	padding: 0;
}

*html #contentmain ul li {
	margin-left: 20px !important;
	padding:0;
}

/* images */
#contentmain div.csc-textpic {
	/* float: left; */
	margin: 0 20px 0 20px;
}

/* different margins for the textpix content elements */
#contentmain div.csc-textpic h1, #contentmain div.csc-textpic h2, #contentmain div.csc-textpic p.kasten {
	clear: none; 
	margin: 1em 0 0 0;
}

/* different margins for the textpix content elements */
#contentmain div.csc-textpic p.bodytext {
	margin: 1em 0 0 0;
}

div.csc-textpic dl {
	margin: 5px;
	padding: 5px;
	background: #fff;
	/*
	border: 1px solid #ccc;
	border-right-color: #666;
	border-bottom-color: #666;
	*/
}



.csc-textpic-caption {
	padding: 0.2em;
	font-size: 80%;
	color: #666;
	border: 1px;
}

div.csc-textpic-intext-left p.bodytext {
	margin-left: 20px;
}
/*
p.bodytext, .kasten {
	float: left;
	line-height: 1.2em;
}
*/
/* Tabellen */
/* Layout1 */
table.contenttable {
	margin: 0 20px 0 20px;
	padding: 0;
	border: none;
}

table.contenttable tr.tr-even {
	background: #ffcc9a;
}

table.contenttable tr.tr-odd {
	background: #fff;
}

table.contenttable td {
	border-left: 1px solid #ffcc9a;
	margin: 0;
	padding: 0.2em;
	font-size: 90% !important;
}

table.contenttable thead th {
	margin: 0;
	padding: 0.2em;
	font-size: 90% !important;
	font-weight: bold;
	text-align: left;
}

table.contenttable tr.tr-even td {
	border-left: 1px solid #efefef;
}

table.contenttable td-0 {
	border-left: none;
}

/* Der unsichtbare table */
table.contenttable-1 td {
	border-left: none;
	margin: 0;
	padding: 0.2em 0.4em 0.2em 0;
	font-size: 90%;
}

table.contenttable-1 tr.tr-even {
	background: #fff;
}

table.contenttable-1 td {
	background: #fff;
}

table.contenttable-1 tr.tr-even td {
	border-left: 1px solid #fff;
}

/* RTE Styles */

.farbband {
	background-color: #ffcc9a;
}

.farbe_rot {
	color: #ff0000;
}

.farbe_orange {
	color: #cc6600;
}

.schrift_80 { font-size: 80% !important; }
.schrift_70 { font-size: 70% !important; }
.schrift_60 { font-size: 60% !important; }
.schrift_50 { font-size: 50% !important; }