html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#fff; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

BODY {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	color: #666;
	font: normal 0.8em Calibri, Corbel, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	width: 100%;
	background: #fff url('bg_body.png') repeat-x top center ;
}

/*body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}*/


ul, li, hr, h2, form, table, tr, td {
 	margin: 0px;
	padding: 0px;
	}
	
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}

#container {position:relative;
	margin: 0px auto;
	width:970px;
	min-height: 100%;
	height:auto !important; 
	height:100%; 
	top: 0px;
	z-index: 5;}
	
#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:110px; background:none;  z-index:5; color:#fff;}
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:90px; background: #fff url('bg_footer.png') no-repeat bottom center;  z-index:5; text-align:right;}
	
#content {
	position:absolute; 
	left:0; 
	top:110px; 
	bottom:90px;
	width:995px; 
	z-index:4; 
	overflow:auto;
	background: url(bg_coCont_.png) left repeat-y;
}

.coTop {
	width: 970px;
	background: #fff url(bg_coTop.png) no-repeat top center ;
	margin-top: 97px;
	font-size: 0px;
	line-height: 0px;
	height:13px;
	}
	
.coCont {
	width: 944px;
	/*background: url(bg_coCont.png) center repeat-y;*/
	padding: 0px 13px;
	background:lime;
	}


.coCont .inner {
	position:absolute;
	min-height:94.5%;
/*	top:0;
	bottom:0;*/
	padding: 10px 7px;
	width: 930px;
	background: #ccc url(bg_inner.png) repeat-x top;
	}
	
/*.inner {display:block; padding:0 10px 10px 10px;}*/
	
.coBot {
	width: 970px;
	background: #fff url(bg_coBot.png) no-repeat;
	height: 13px;
	z-index:10
	}

* html #content {
	height:100%; 
	top:0; 
	bottom:0; 
	border-top:100px solid #fff; 
	border-bottom:50px solid #fff;
	}

	
/*#content {position:absolute; left:0; top:100px; bottom:50px; width:850px; font-size:1em; z-index:4; overflow:auto;}
* html #content {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff;}*/

/*INDEX*/
#contentIDX {
	position:absolute;
	margin: 0px auto;
	bottom:90px;
	overflow:auto;
	top:110px; 
	width:990px;
/*	min-height: 550px;
	padding-bottom:50px;*/
	height:auto !important; /* moderne Browser */
	/*height:550px;  IE */
	clear:left;
	/*background:url(bg_container.png) 0px 0px no-repeat scroll;*/
	}
	

/* contentIDX .. alt 
	position:relative;
	margin: 0px auto;
	top:90px;
	width:970px;
	min-height: 550px;
	padding-bottom:50px;
	height:auto !important; 
	height:550px; 
	clear:left;
*/

a.thumbIDX  {
/*	background:red */
	} 
	

#homelogo {
	position:absolute;
	top:15px;
	left:730px;
	width:210px;
	height:25px;
	border:0px;
	}
	
#pfquickaccess {
	position:absolute;
	top:320px;
	left:750px;
	width:210px;
	border:0px;
	}

#pfquickaccess a {
	display:block;
	width:48px;
	height:48px;
	margin-right:10px; 
	float:left;
	line-height:0px;
	padding:0px;
	}
	
form#search {
	position: absolute;
	top:472px;
	left:760px;
	width: 190px;
	}
	
#language {
	position: absolute;
	top:502px;
	left:760px;
	width: 190px;
	}
	
form#search input.searchinput {
	position: absolute;
	top:0px;
	left: 55px;
	width: 100px;
	border: 1px solid #666;
	height: 18px;
	}
	
form#language select.sp {
	position: absolute;
	top:0px;
	left: 55px;
	width: 100px;
/*	_width: 104px;*/
	border: 1px solid #666;
	height: 20px;
/*	_height: 23px;*/
	}
	
*+html form#language select.sp {
	width: 104px;
	height: 23px;
	}

form#language button,	
form#search button {
	position: absolute;
	top:0px;
	left: 168px;
	width: 22px;
	height: 22px;
	border: 1px solid #dc0a37;
	padding: 1px;
	display: inline;
	cursor: pointer;
	}
	
form#search button {
	background: #fff url(search.gif) center no-repeat;
	}	
	
form#language button {
	background: #fff url(go.gif) center no-repeat;
	}		



div#contenttext {
	position:relative;
	top:0px;
	text-align: left;
	left: 240px;
	width: 690px;
}


div#contenttext p {
	width: 555px;
	}

.kubox {
	width: 100%;
	border-bottom: 1px dotted #999;
	min-height: 110px;
	padding:8px 0px 12px 0px;
	}
	
.kudetails {
	float: left;
	width: 300px;
	}

.kulogo {
	margin-bottom:10px;
	padding:5px;
	background:#fff;
	border:1px solid #aaa;
	}
	
/* Glider */

.scroller {
	height:142px; 
	overflow:auto; 
	margin: 0 auto; 
	z-index: 1; 
	padding: 0px;
	}

a.gliderprevactive img,
a.glidernextactive img {
	height:98px;
	width:12px;
	border: 1px solid #aaa;
	}
	
a.gliderprevactive:hover img,
a.glidernextactive:hover img {
	border: 1px solid #dc0a37;
	}
	
a.gliderprevactive img {
	float:left;
	background: #e1e1e1 url(red_left.png) center no-repeat;
	margin-right: 1px;
	}
	
a.glidernextactive img {
	float:right;
	background: #e1e1e1 url(red_right.png) center no-repeat;
	}
	
/* FlashContent */ 

div#flashcontent {
	position:absolute;
	top:20%;
	width: 960px;
	background: url(bg_contentIDX.png) center no-repeat;
	padding:5px;
	}

#flashcontent div {
	position:relative;
	margin:20px;
	}

#flashcontent #getflash {
	text-align:center;
	}



/* Portfolio */
div.popreview {
	width: 168px;
	float: left;
	height: 100px;
	margin: 0px 3px 0px 3px;
/*	_margin: 0px 2px 0px 2px;*/
/*	display:inline;*/
	overflow:hidden;
	}
	
div.popreview a img.popreviewimage {
	width: 164px;
	height: 96px;
	padding: 1px;
	border: 1px solid #aaa;
	display:block;
	}
	
div.popreview a:hover img.popreviewimage {
	border: 1px solid #dc0a37;
	background: none;
	}
	
div.popreview a span.popreviewdescr {
	display:none;
	background: #666;
	}

div.popreview a {
	}

div.popreview a:hover {
	background:none;
	}
	
div.popreview a:hover span.popreviewdescr {
	display:block;
	margin-top: -51px;
	margin-left: 2px;
	width:160px;
	padding: 2px;
	height: 45px;
	background: #666;
	cursor:pointer;
	overflow: hidden;
	color:#fff;
	font-size: 13px;
/*	opacity:0.85;*/
/*	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #333;
	border-left:1px solid #333;*/
	}

/*#footer	{
	position: absolute;
	top: 442px;
	left: 0px;
	width:940px;
	height: 108px;
	color: #e1e1e1;
	background: #343535 url(bg_footer.png) top repeat-x;
	padding: 0px 10px 0px 10px;
	font-size: 1em;
	}
	
#footer p {
	position: absolute;
	bottom: 0px;
	left:20px;
	}*/
	
#footer p a:link,
#footer p a:visited {
	color: #ccc;
	}
	
#footer p a:hover {
	color: #dc0a37;
	}

#impress {
	position: absolute;
	bottom: 45px;
	right: 20px;
	width: 300px;
	color: #ccc;
	text-align: right;
	}
	

/*#infoboxright {
	float:right;
	width: 200px;
	background: lime;
	}*/
	
/* MainNavigation */
/* MetaNavigation */
	
ul#metanav {
	position:absolute;
	bottom:5px;
	right:0px;
	width:500px;
	font-size: 1.0em;
	list-style:none;
	padding-right:10px;
	}
	
ul#mainnav {
	position:absolute;
	bottom:5px;
	left:10px;
	width:500px;
	font-size: 1.5em;
	list-style:none;
	padding-left:10px;
	}
	
ul#mainnav li,
ul#metanav li {
/*	border-left:1px solid #eee;
	border-right:1px solid #999;*/
	position:relative;
	/*padding: 12px 10px;*/
	}

ul#mainnav li {
	float:left;
	}

ul#metanav li {
	float:right;
	margin-right:5px;
	}

/*ul#metanav li:first-child,
ul#mainnav li:last-child  {
	border-right:none;
	}

ul#metanav li:last-child,
ul#mainnav li:first-child {
	border-left:none;
	}*/
	
ul#mainnav li a,
ul#mainnav li a:visited,
ul#metanav li a,
ul#metanav li a:visited {
	line-height: 20px;
	padding: 0px 6px 0px 6px;
/*	text-shadow:1px 1px 0px #eee;*/
	}
	
ul#mainnav li a,
ul#mainnav li a:visited {
	color:#666;
	}

ul#metanav li a,
ul#metanav li a:visited {
	color:#666;
	}


ul#mainnav li.active a,
ul#mainnav li a:hover,
ul#metanav li.active a,
ul#metanav li a:hover {
	color:#fff;
/*	text-shadow: 1px 1px 0px #666;*/
	}

ul#mainnav li.active,
ul#metanav li.active {
	color:#dc0a37;
	background: none;
	}
	

/* Wo bin ich */
/* wobinich */

ul#wobinich {
	position:absolute;
	top:80px;
	left:23px;
	width:740px;
	height: 16px;
	}

ul#wobinich  {
	list-style:none;
	display:inline;
	color:#666;
	}

ul#wobinich li {
	display:inline;
	line-height:14px;
	color:#ccc;
	}

ul#wobinich li a,
ul#wobinich li a:visited {
	padding:2px 2px;
	color:#c00;
	}


ul#wobinich li.active,
ul#wobinich li.active a,
ul#wobinich li a:hover {
	color:#ccc;
	}
	
/* BootomNavigation */
	
ul#bottomnav {
	position:absolute;
	top:600px;
	left:10px;
	width:740px;
	}

ul#bottomnav  {
	list-style:none;
	display:inline;
	}

ul#bottomnav li {
	display:inline;
	line-height:14px;
	}

ul#bottomnav li a,
ul#bottomnav li a:visited {
	padding:2px 2px;
	color:#666;
	}


ul#bottomnav li.active,
ul#bottomnav li.active a,
ul#bottomnav li a:hover {
	color:#dc0a37;
	}

/* Selection */
ul#selection {
	padding:0; 
	margin:0;
	list-style-type: none;
	position: absolute;
	left: 20px;
	top: 13px;
	z-index: 10;
}

ul#selection li {
	position:relative;
}

ul#selection li.firstlink {
	background: #fff url(bg_firstlink.png) right no-repeat;
	}

ul#selection li.firstlink:hover {
	background: url(bg_firstlink_hover.png) right no-repeat;
	}

ul#selection li a, 
ul#selection li a:visited {
	display:block;
	text-decoration:none;
	color:#666;
	/*width: 100px;*/
	line-height:20px;
	text-align: left;
	height: auto;
	width: 180px;
	background: url(dot_grey.png) no-repeat 4px 9px;
	border: 1px solid #ccc;
	padding: 2px 2px 2px 16px;
}

ul#selection li table {
display: none;
}


/* specific to non IE browsers */
ul#selection li:hover a,
ul#selection li a:hover {
background: url(dot_red.png) no-repeat 4px 9px;
color: #dc0a37;
}

ul#selection li:hover table,
ul#selection li a:hover table {
	display:block; 
	position:absolute; 
	top:23px;
	margin-top:1px;
	left:0; 
	width:200px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
/*	filter:Alpha(opacity=90);
	opacity:0.9;*/
	height: auto;
}

ul#selection li:hover table a,
ul#selection li a:hover table a {
	border: 0px;
	border-bottom: 1px dotted #ccc;
	width:176px;
	color:#666;
	padding: 0px 0px 0px 14px;
	background: #fff url(dot_grey.png) no-repeat 2px 8px;
	}
	
ul#selection li:hover table a:hover,
ul#selection li a:hover table a:hover {
	color: #dc0a37;
	background: #fff url(dot_red.png) no-repeat 2px 8px;
	}
	
a.back
	 {
	display:block;
	text-decoration:none;
	color:#dc0a37;
	/*width: 100px;*/
	line-height:20px;
	text-align: left;
	height: 20px;
	width: 60px;
	background: #fff url(red_left.png) no-repeat 4px 9px;
	border: 1px solid #ccc;
	padding: 2px 2px 2px 14px;
	position: absolute;
	left: 20px;
	top: 13px;
}

ul#selectionfest {
	padding:2px; 
	margin:0;
	list-style-type: none;
	position: absolute;
	left: 20px;
	top: 74px;
	z-index: 10;
	border: 1px solid #ccc;
}


ul#selectionfest li a, 
ul#selectionfest li a:visited {
	display:block;
	text-decoration:none;
	color:#666;
	/*width: 100px;*/
	line-height:20px;
	text-align: left;
	height: auto;
	width: 180px;
	background: url(dot_grey.png) no-repeat 4px 9px;
	border-bottom: 1px dotted #ccc;
	padding: 2px 2px 2px 16px;
}

ul#selectionfest li a.active,
ul#selectionfest li:hover a,
ul#selectionfest li a:hover {
background: url(dot_red.png) no-repeat 4px 9px;
color: #dc0a37;
}

/* Allgemein */

p {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

h2 {
	color: #dc0a37;
	margin-bottom: 15px;
	margin-top: 2px;
	font-size: 1.5em;
	font-weight: lighter;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	line-height:1.1em;
	}

.inner h2 {
	margin-left:15px;
	}

#contenttext h2 {
	margin-left:0px;
	}

h3 {
	color: #666;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight: lighter;
	font-size: 1.2em;
	}	
		
	
			
/*.small {
	color: #333;
	font-size: 0.9em;
}

.bildunterschrift {
	color: #333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	}

.error {
	color: #990000;
	}

*/
	
/* Links */
a {
	color: #dc0a37;
	text-decoration: none;
}

a:visited {
	color: #dc0a37;
	text-decoration: none;
}

a:hover,
a:active  {
	color: #999;
}


/* News/Projekte Start */
div.pagenrcontainer {
	width:450px;
	margin: 10px 0px 20px 0px;
	}

ul.pagenr {
	list-style:none;
	}

ul.pagenr li {
	display: inline;
	padding: 0px 2px;
	/*border: 1px solid #747474;*/
	background: #efefef;
	}

ul.pagenr li span {
	background: #acacac;
	padding: 0px 2px;
	}

div.suchbox {
	float:right;
	width: 200px;
	}

div.detailsuche {
	margin-bottom: 10px;
	width: 190px;
	padding-bottom:4px;
	border-bottom:1px dotted #747474;
	}

div.detailsuche div {
	margin:5px 0px;
	}
	
div.detailsuche select {
	width: 100%;
	padding:0px;
	font-size:12px;
	height:18px;
	}
	
div.detailsuche select.small {
	width: 40%;
	}

div.detailsuche option {
	height:16px;
	}

div.detailsuche input[type=submit] {
	border:1px solid #747474;
	background: #790921;
	color: #fff;
	height: 18px;
	font-size:12px;
	margin: 5px 0px;
	cursor:pointer;
	width:100%;
	}
	
div.detailsuche input[type=text] {
	width:99%;
	height:18px;
	padding:0px;
	margin:2px 0px;
	}

div.detailsuche td hr {
	border: none;
	border-top: 1px solid #ccc;
	margin: 3px 0px;
	}


/* Content List Item Hover */

.tdtext ul {
	list-style: none;
	}

.tdtext ul li {
	position:relative;
	}

.tdtext ul li a,
.tdtext ul li a:visited {
	display:block;
	background: #fff;
	padding-left:0px;
	color:#790921;
	}

.tdtext ul li a:hover {
	background:url(bg_news-hover.png) repeat-y;
	color:#790921;
	}

.tdtext ul li a div.coexplic {
	position: absolute;
	top: 0px;
	right: -220px;
	width: 200px;
	display:none;
	color: #333;
	padding: 5px;
	}

.tdtext ul li a:hover div.coexplic {
	display:block;
	background: #f4f4f4;
	color: #333;
	border: 1px solid #790921;
	}

input.form {
	border: 1px solid #790921;
	background: #fff;
	width: 350px;
	margin-bottom: 10px;
	}
	
textarea.form {
	border: 1px solid #790921;
	background: #fff;
	width: 350px;
	height: 150px;
	margin-bottom: 10px;
	}
	
input.formsubmit {
	border: 2px solid #790921;
	background: #fff;
	}
	
label {
	display:block;
	margin: 0px 0px 0px 0px;
	}


/* Mitarbeiter */

.mitarbeiter {
	width:300px;
	height:112px;
	margin:5px 70px 18px 0px;
	}

.mt2 {
	margin-right:0px;
	}
	
.mitarbeiter img {
	width:110px;
	height:110px;
	border:1px solid #ccc;
	margin-right:8px;
	float:left;
	}

.mitarbeiter span.infos {
	display:block;
	bottom:0px;
	left:120px;
	line-height:1.3em;
	bottom:0px;
	}
	
span.phone {
	padding: 0px 0px 0px 15px;
	background: url(bg_phone.png) left no-repeat;
	}
	
span.email {
	padding: 0px 0px 0px 15px;
	background: url(bg_email.png) left no-repeat;
	}
	
span.vcard {
	padding: 0px 0px 0px 15px;
	background:  url(bg_vcard.png) left no-repeat;
	}

hr.dottedhr {
	margin: 0px 0px 8px 0px;
	padding:0px;
	width:100%;
	height:1px;
	color:#ccc;
	border:none;
	border-top:1px dotted #aaa;
	}
	

/* Alt? */

div.hover {
	padding: 1px;
	border-bottom: 1px solid #9f9fa2;
	width: 196px;
	}

/* Browserwarnung */
div.warningIE6 {
	background: #ffc;
	padding: 5px;
	border: 1px solid #900;
	position: absolute;
	top:0px;
	left:0px;
	z-index:999;
	width:100%;
	}

