/******************
* Global settings *
******************/

/* font sizes:
	185% = 24px
	139% = 18px
	123% = 16px
	 93% = 12px
	 85% = 11px
*/

/* turn off all margin + padding */
* {
	margin:			0;
	padding:		0;
}

/* remove borders around images */
img {
	border:			0;
}

/* always add a scrollbar to the browser */
html {
	height:			101%;
	margin-bottom:		1px;
}

body {
	color:			#666666;
	font:			93%/150% sans-serif;
	background-color:	#eef3f3;
	padding:		2ex 0 2ex 0;
}

/*************
* Typography *
*************/

/* link styles */
a:link {
	color:			#cc0033;
	text-decoration:	none;
	}

a:visited {
	color:			#cc0033;
	text-decoration:	none;
}
a:hover {
	color:			#000099;
	text-decoration:	underline;
}
a:active {
	color:			#de1f35;
	text-decoration:	none;
}
div#pagebrowser a { /* browser in der mitarbeitergalerie */
	color:			#cc0033;
}


/* header settings */
h1, h2, h3, h4, h5 {
	font-size:		123%;
	color:			#666666;
	font-weight:		bold;
	text-shadow:		#000 0 0 0; /* Reduces font-weight in Safari */
	margin:			2ex 0 1ex 0;
}

h3.inline {
	display:		inline;
}

/* misc */
ul, ol, p {
	margin:			1em 0 0 0;
	padding: 0; /*tempmathieu*/
	list-style-type: none;
}
li {
	margin-left:		1em;
}

/*************
/* sections  *
*************/

/* TODO fixed typo3's usage of tags and css... */
table.csc-loginform *, table.csc-uploads *, table.csc-uploads-0 * {
	margin:			0;
	padding:		0;
}

/* Bilder */
div.csc-textpic-imagewrap {
	border:			1px solid #ccc;
	background-color:	#eee;
	padding:		1px;
	/* TODO geht nicht für safari */
	/* TODO wirklich noetig? */
	width:			auto;
	overflow:		hidden;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float: left;
	margin-right: 2mm;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float: right;
	margin-left: 2mm;
}
/* Bildunterschrifen */
dd.csc-textpic-caption {
	padding:		1mm 1mm 0 1mm;
	font-size:		10px;
}
#leftcol div.csc-textpic-imagewrap {
	border: 0;
	background-color: #fff;
	padding: 0 20px;
	margin: 0;
}

/* startseite */
table#startseite {
	margin:			1ex 0 1ex 0;
}
table#startseite td {
	font-size:		93%/150%;
	padding:		1mm;
	vertical-align:		top;
}
table#startseite h1, h2, h3, h4, h5 {
	font-size:		123%;
}

/* wrap & center everything, make ie happy... fix text-align in #wrap */
#center {
	text-align:		center;
}

.align-center {
	text-align: center;
}

.important {
	color: #cc0033;
}

/* wrap everything */
#wrap {
	background-color:	#fff;
	background-image:	url(/fileadmin/template/pic/verlauf-unten.jpg);
	background-repeat:	no-repeat;
	background-position:	0 bottom;
	margin:			auto;
	text-align:		left;
	/* http://www.quirksmode.org/css/clearing.html */
	width:			850px;
	overflow:		hidden;
}

/* page header logo */
#logo {
	margin-bottom:		0.5em;
	border-width:		0;
}

/* actual content */
#content {
	width:			410px;
	margin:			3.5em 5em 2em 15em; /* TODO works in IE ?? */
	padding:		0 0 2em 0;
	/* min-height for ie >= 6, http://www.dustindiaz.com/min-height-fast-hack */
	min-height:		25em;
	height:			auto !important;
	height:			25em;
}

/* Navigatiosnmenue links */
#submenu { 
  overflow: hidden;
  margin-bottom: 3ex;
}

#submenu .ebene2 {    /*die L2-Kaestchen*/
	margin-left: 0;
	text-indent: 3ex;
	font-style: italic;
	background-color: #f4f2f4;
}

#submenu ul {
	list-style-type: none;
	margin:0;
}
#submenu li {
	margin: 0;
	border-bottom: 1px #666666 solid; /* hier werden die Linien unter den Navipunkten gefaerbt */
}

#submenu a {
  display: block;
  padding: 3px 0px 3px 10%;
  text-decoration: none;
}

/* hier werden die Farben der Navileiste eingestellt */
#submenu li a {
	padding-left: 10%;
	background-color:#f3f3f5;
	color: #000200;
}
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { 
	background-image: url(/fileadmin/template/pic/navi-back-hover.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: white;
}
#submenucontent li.cur a {
	background-image: url(/fileadmin/template/pic/navi-back-hover.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: white;
}
/* ENDE VON und noch ein neueres Navigatiosnmenue*/

/* Einstellung der Farben der linken Spalte*/

#contentl {
	float:			left;
	margin:			2em 0 2em 1em;
	width:			11em; /* TODO use px if IE breaks */
	background-color:	#fff;
	color:#666666;
}

/* navigation 2 - top right  */
#nav2 {
	float:			right;
	text-align:		right;
	padding-right:	4em;
	font-size:		85%;
	width:			600px;
}
#nav2 a {
	margin:			0 2px;
}

/* userlist */
td.list-label {
	font-weight:		normal;
	padding:		2ex 0 4ex 0;
}

td.list-data {
	vertical-align:		top;
}

td.list-data a {
	font-weight:		normal;
}

.tx-feuserlisting-pi1 a {
	color:				#666;
}

.tx-feuserlisting-pi1 th a {
	color:				#c03;
}

/* calendar */
#calendar {
	padding:		1mm;
}
#calendar .header {
	vertical-align:		top;
	padding:		1ex 0 0 1ex;
}
#calendar .date {
	vertical-align:		top;
	padding-top:		1ex;
}
#calendar .time {
	vertical-align:		top;
	padding-top:		1ex;
}
#calendar .content {
	vertical-align:		top;
	padding:		1ex 0 2mm 1ex;
	border:			solid #ccc;
	border-width:		0 0 1px 0;
} 
table#calendar td.header {
	font-weight:		bold;
}	


/* Guestbook = Newskommentare */
.tx-veguestbook-pi1 .tx-guestbook-list-header {
	font-size:		85%;
	color:			#666666;
	text-shadow:		#000 0 0 0; /* Reduces font-weight in Safari */
	margin:			2ex 0 1ex 0;
	background-color:	#fff;
}
.tx-veguestbook-pi1 .tx-guestbook-list-rowleft {
	background-color:	#fff;
}

/* Einstellungen fuer Newsseite */
.news-list-item hr { 
	margin:			2mm 0 2mm 0;
}
.news-list-date {
	margin:			0 0 0 5mm;
	font-size:		75%;
}
.news-list-postcategory {
	margin:			0;
	font-size:		75%;
}
.news-single-infowrap {
	font-size:		75%;
	float:			right;
	margin:			0 0 2mm 2mm;
}

/* CHC Forum */
table#chc-forum {
	width:			550px;
	font:			100%/123% sans-serif;
}

/* Benutzerliste */
div.tx-newloginbox-pi3-browsebox td {
	padding-right: 5mm;
}


/* flexible navigation box, http://www.neuroticweb.com/recursos/css-rounded-box/ */
#leftcol {
	float:			left;
	margin:			2em 0 2em 1em;
	width:			11em; /* TODO use px if IE breaks */
}
#leftcol .content {
	font-size:		smaller;
}

#rbroundbox {
	background-image:	url(/fileadmin/template/pic/nt.gif);
	margin-bottom:			5mm;
}
#rbroundbox a {
	color:			#333;
	text-decoration:	none;
	text-indent:		2em;
	display:		block;
	margin-top:		1.3em;
}
#rbroundbox a:hover {
	color:			#cc0033;
	background-image:	url(/fileadmin/template/pic/list-blau.gif);
	background-repeat:	no-repeat;
	background-position:	0 0;
	text-decoration:	none;
	text-indent:		2em;
	display:		block;
}
#rbroundbox .ebene2 {
	margin-left:		1.5em;
}
#rbtop div {
	background:		url(/fileadmin/template/pic/tl.gif) no-repeat top left;
}
#rbtop {
	background:		url(/fileadmin/template/pic/tr.gif) no-repeat top right;
}
#rbbot div {
	background:		url(/fileadmin/template/pic/bl.gif) no-repeat bottom left;
}
#rbbot {
	background:		url(/fileadmin/template/pic/br.gif) no-repeat bottom right;
}
#rbtop div, #rbtop, #rbbot div, #rbbot {
	width:			100%;
	height:			7px;
	font-size:		1px;
}
#rbcontent {
	margin:			0 7px 1em; /* TODO 1em ok ?? */
	font-weight:		bold;
	font-size:		85%;
	line-height:		85%; /* align a:hover images */
}