/*
	css innocasto.com / Author Bernhard Welzel / welzel@innocasto.com
	Stylesheets for current browser generation
*/


/*** Layout **************************/
	
#page_margins, #page_headline
	{
		width:756px;
		min-width: 756px; 
		max-width: 64em; 
		margin:auto;
	}

#page_headline
	{

	}
#page_margins
	{
		border: 1px black solid; 
	}
#page
	{ 
		border-left: 14px #848488 solid;
	}

#topnav
	{
		position:relative;
		top: 10px;
		right: 10px;
		color: #fff;
		background-color: transparent;
		text-align: right; /* Opera fix */
	}

#nav
	{
		clear:both;
		width: 100%; z-index: 100;
	}
#main
	{
		clear:both;
		width: 100%;
		z-index: 10;
		color:black;
		background-color:#EDEEEF;
	}

#col1
	{
		float: left;
		width: 10.5em;
		padding-bottom:2em;
	}

#col2	
	{
		float:right; 
		width: 10em;
		color:black;
		background-color:#EDEEEF;
		padding-bottom:2em;
	}

#col3
	{
		width:auto;
		margin-left: 11em;
		margin-right: 10.5em;
		padding-bottom:1em;
		color:black;
		background-color:#FFF;
		
	}

#col3_content
	{
		min-height:400px;
		padding-bottom:1.4em;
		padding-top:20px;
	}


/* z-Index ie bugfix  */
#col1 {z-index: 30;}
#col2 {z-index: 50;}
#col3 {z-index: 10;}
#col1_content {z-index: 40;}
#col2_content {z-index: 60;}
#col3_content {z-index: 20;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }



/* Headline **************************/

#page_headline p, #m4
	{
		font-size:0.62em;
		color:#888;
		background-color:transparent;
	}
	
#page_headline p
	{
		margin-left:28px;
		position:absolute;
		top:2px;
	}


/* Formatierung der Kopfbereiches ********************************************/

#header
	{
		position:relative;
		height: 102px;
		color: #fff;
		background: #fff url("images/headerbg.jpg") repeat-x bottom left;
	}

/* Elemente Header */
#headerclaim
	{
		position:absolute;
		left:5px;
		bottom:44px;
	}

#headerbranding
	{
		position:absolute;
		bottom:44px;
		right:1px;
	}	

#curdate  a:link  { color: #888;background-color:transparent;text-decoration:none;}
#curdate  a:visited  { color: #888;background-color:transparent;text-decoration:none;}
#curdate  a:hover  { color: #888;background-color:transparent;text-decoration:underline;}
#curdate  a:active { color: #888;background-color:transparent;text-decoration:underline;}


/* footer*************************************************/
#footer
	{
		color:#888;
		background:#fff;
		clear:both;
		width:auto;
		text-align:right;
		padding:10px;
		
	}

.footertext
	{
		display:inline;
		font-size:0.65em;
		padding-right:10em;
	}
#t3association
	{
	}
	

/* float-clear *********************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* safari fix */
.clearfix {display: block;}

/* clear:overflow */
.floatbox { overflow:hidden; }

/* clear colums */
hr.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -2em 0 0 0; /* no cap fix */
}


/* m1 - topmenu **************************************************************/

#m1 
	{
		background-color: #848488;
		margin:0;
		padding:0;
		padding-left:14px;
	}
#m1 ul 
	{
		display: inline;
		list-style-type: none;
	}
.m1-l1 li
	{ 
		margin: 0px; 
		padding: 0px;
		display: inline;
		list-style-type: none;
	}

.m1-l1 a 
	{
		color: #DEDECF;
		padding-right:1em;
		font-weight:bold;
		line-height:2.2em;
		font-size:0.75em;		
	}
	
.m1-l1 .no a:link { color: #fff;background-color:transparent;text-decoration:none}
.m1-l1 .no a:visited { color: #fff;background-color:transparent;text-decoration:none}
.m1-l1 .no a:hover { color: #fff;background-color:transparent;text-decoration:underline}
.m1-l1 .no a:active { color: #fff;background-color:transparent;text-decoration:underline}

.m1-l1 .act a:link { color: #fff;background-color:transparent;text-decoration:none}
.m1-l1 .act a:visited { color: #fff;background-color:transparent;text-decoration:none}
.m1-l1 .act a:hover { color: #fff;background-color:transparent;text-decoration:underline}
.m1-l1 .act a:active { color: #fff;background-color:transparent;text-decoration:underline}




/* m2 - leftmenu **************************************************************/

#m2
	{
		list-style-type: none;
		padding:0;
		margin:0;
		margin-top:20px;
		margin-bottom: 1em;

		
	}

.m2-l1 li
	{
		margin: 0;
		padding: 0;
		display:block;
		border-top: 1px solid #999999;
		padding-left:14px;


	}
	
.m2-l1 li a
	{
		display: block; /* lines extend to right, make area clickable */
		color: #848388;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:0;
		line-height:1.3;
		font-size: 0.7em;
		font-weight: bold;
	}

.m2-l2 li
	{
		border:0;
		padding-left:8px;
		padding-bottom:3px;
		list-style-type: none;

	}	

.m2-l2 li a
	{
		
		font-weight:normal;
		line-height:1.1;
		font-size:0.6em;
padding-bottom:3px;
padding-top:3px;
	}

.m2-l1 .last
	{
		border-bottom: 1px solid #999999;
	}

.m2-l2 .last
	{
		border:0;
	}

	
	
#m2 a:link { color: #848488;text-decoration: none;}
#m2 a:visited { color: #848488;text-decoration: none;}
#m2 a:hover { color: #1c97da;text-decoration: underline;}
#m2 a:active { color: #1c97da;text-decoration: underline;}


/* m4 - page top *********************/

#m4
	{
		text-align:right;
		padding:0;
		margin:0;
		padding-bottom:4px;
		padding-right:10px;

	}

#m4 li
	{ 
		list-style-type: none;
		display:inline;
		margin:0;
		padding:0;
	}

#m4 li a
	{
		padding-right:0.9em;
		padding-left:0.9em;
		border-right:1px solid #3F3D41;
	}


#m4 .last a
	{
		border:0;
		padding-right:0;
	}
	
#m4 a:link { color: #3F3D41;text-decoration:none;}
#m4 a:visited { color: #3F3D41;text-decoration:none;}
#m4 a:hover { color: #3F3D41;text-decoration:underline;}
#m4 a:active { color: #3F3D41;text-decoration:underline;}
	
	
	
/* m5 - footer ************************/	
#m5 
	{
		background-color: #848388;
		font-size:0.75em;
		line-height: 2em;
		padding: 0.4em 0em 0.4em 0em;
		padding-left:10px;
		margin:0;
	}
#m5 li
	{ 
		margin: 0px; 
		padding: 0px;
		padding-right:1em;
		display: inline;
		list-style-type: none;
	}

.m5-l1-act a:link { color: #fff;}
.m5-l1-act a:visited { color: #fff;}
.m5-l1-act a:hover { color: #ffffff;}
.m5-l1-act a:active { color: #ffffff;}


.m5-l1-no a:link { color: #fff;}
.m5-l1-no a:visited { color: #fff;}
.m5-l1-no a:hover { color: #ffffff;}
.m5-l1-no a:active { color: #ffffff;}


/* content *******************************************************************/


.content *
{
		margin-left:14px;
		margin-right:14px;
}

.content  * *
{
		margin-left:0;
		margin-right:0;
}

/* sitemap *******************************************************************/

	
.csc-sitemap ul
	{
		list-style-type: circle;
		padding-top:0.5em;
		margin-left:1.2em;
	}


.csc-sitemap li
	{
		list-style-type: none;
		margin-left:0.8em;
		margin-top:0.5em;
	}
	

.csc-sitemap a:link { color: #000;text-decoration:none;}
.csc-sitemap a:visited { color: #000;text-decoration:none;}
.csc-sitemap a:hover { color: #000;text-decoration:underline;}
.csc-sitemap a:active { color: #000;text-decoration:underline;}	

/* contakt form **************************************************************/

#mailform
	{
		font-size:0.85em;
	}
#mailform input, #mailform textarea
	{
		border:1px solid black;
	}


#mailform label, #mailform input, #mailform select 
	{ /* Alle Labels UND Formularelemente ausw�hlen */
	  display: block;
	  float: left;
	}

#mailform br 
	{ /* Alle Zeilenumbr�che in Formularen ausw�hlen */
	  clear: left; /* das floating der labels und inputs aufheben */
	  margin-bottom:0.5em;
	}


#mailform label
	{
		 text-align: right; 
		 padding-right: 1em;
		 width:8em;
	}

.csc-mailform-submit
	{
		float: none;
		width: auto;
		margin-left:9em;
	}
	
/* news */

.news-latest-container .news-latest-date, .news-latest-container .news-single-timedate
{
padding-bottom:0;
font-size:0.6em;
}

.content .news-latest-headline {
margin-top:16px;
}

.news-latest-headline  a:link  { color: #0A50A1;background-color:transparent;text-decoration:none;}
.news-latest-headline  a:visited  { color: #0A50A1;background-color:transparent;text-decoration:none;}
.news-latest-headline  a:hover  { color: #0A50A1;background-color:transparent;text-decoration:underline;}
.news-latest-headline  a:active { color: #0A50A1;background-color:transparent;text-decoration:underline;}

h2.news-single-title
{
padding-bottom:0;
font-size:1em;
}

.news-single-author 
{
padding-bottom:6px;
}

/* guestbook */



.tx-veguestbook-pi1 {
margin-top:40px;
}
.tx-veguestbook-pi1 input,
.tx-veguestbook-pi1 textarea
{
border:1px solid black;
}


.tx-veguestbook-pi1 label,
.tx-veguestbook-pi1 input,
.tx-veguestbook-pi1 select
{ /* Alle Labels UND Formularelemente ausw?hlen */
  display: block;
  float: left;

}

.tx-veguestbook-pi1 br { /* Alle Zeilenumbr?che in Formularen ausw?hlen */
  clear: left; /* das floating der labels und inputs aufheben */
  margin-bottom:0.5em;
}


.tx-veguestbook-pi1 label {
 text-align: right; 
 padding-right: 1em;
 width:100px;
}

.tx-veguestbook-pi1 .submit
	{
float: none;
  width: auto;
  margin-left:110px;
	}