/* ################################################################################### */

/* ### CSS für TVA ################################################################### */

/* ################################################################################### */



	body { 

		color: black;        

		background: rgb(242,242,242);

		font-size: 101.01%;

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		min-height: 101%;	

		width: 1024px;

		margin: 0.2em 4em 0em 4em;

	} 


	.align-center {

		text-align: center;

	}

	

	.headerimg {

		width: 100%;

	}


	.rightContainerHeader{

		margin: 0em 0em 0em 0em;
	}

	
	.rightContainerHeader a{

		color: blue;
		
		text-decoration: none;

		display: block;

		padding: 0.6em 0.5em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 0px 0px 1px 0px; /* bottom */
	}

	
	h1 {

		font-size: 1.5em;

		margin: 0em 0em 0.7em;

		padding: 0.3em;

		text-align: center;

		color: white;

		background: red;

		border: 1px black;

	}

	
	h2 {

		font-size: 1.2em;

		margin: 0em 0em 0.7em;

		padding: 0.3em;

		text-align: center;

		color: red;

	}

	

	h3 {

		font-size: 1.1em;

		text-align: center;

		color: black;

	}

	

	#leftContainer {

		background-color: #cccccc;
		
		border: 1px solid rgb(136,150,198);
		border-bottom-width: 0px;

		width: 10em

	}



	#rightContainer {

		border: 1px solid rgb(136,150,198);

		background-color: #cccccc;

		width: 11em;
	}

	

	#middleContainer {

		margin: 0em 11.5em 1em 10.5em;

	}

	#middleContainer a {

		color: blue;
	}



	/* ######################################################################################################

	** ### General Formattings left #########################################################################

	** ######################################################################################################

	*/



	#mainnavi {

		font-size: 0.8em;

		margin: 0em 0em 0em 0em;

		padding: 0em 0em 0em 0em;
	}

		

	#mainnavi ul {

		background-color: #cccccc;
	}



	#mainnavi li {

		list-style: none;

		display: block;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 0px 0px 1px 0px;
	}



	#mainnavi li.l1-no {

		padding: 0.2em 1.3em 0.2em 0.2em;
	}



	#mainnavi li.l1-act {

		padding: 0.2em 1.3em 0.2em 0.2em;

		background-color: #849C9C;

	}



	#mainnavi li.l1-no:hover {

		background-color: #849C9C;

	}



	#mainnavi li.l2-no {

		font-size: 0.9em;

		padding: 0.2em 1.3em 0.2em 1em;

		background-color: #e4e4e4;
	}



	#mainnavi li.l2-act {

		font-size: 0.9em;

		padding: 0.2em 1.3em 0.2em 1em;

		background-color: #849C9C;

	}



	#mainnavi li.l2-no:hover {

		background-color: #849C9C;

	}


	#mainnavi li.l3-no {

		font-size: 0.8em;

		padding: 0.2em 1.3em 0.2em 2em;

		background-color: white;
	}



	#mainnavi li.l3-act {

		font-size: 0.8em;

		padding: 0.2em 1.3em 0.2em 2em;

		background-color: #849C9C;

	}



	#mainnavi li.l3-no:hover {

		background-color: #849C9C;

	}



	#mainnavi a {

		color: blue;
		text-decoration: none;

	}



	/* ######################################################################################################

	** ### General Formattings right ########################################################################

	** ######################################################################################################

	*/
		

	#userViews {

		margin: 0em 0em 0em 0em;

		padding: 0.5em 0.5em 0.5em 0.5em;

		text-decoration: none;

		display: block;

		font-size: 0.6em;

		line-height: 1em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 0px 0px 1px 0px;

		background-color: #cccccc;

	}


	#kontaktdaten {

		margin: 0em 0em 0em 0em;

		padding: 0.5em 0.5em 0.5em 0.5em;

		text-decoration: none;

		display: block;

		font-size: 0.6em;

		line-height:0.5em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 0px 0px 0px 0px;

		background-color: #cccccc;

	}


	#kontaktemail {

	}

	#kontaktemail a{

		display: inline;
		
		padding: 0em 0em 0em 0em;

		border-style: none;
	}


	#termine {

		margin: 0em 0em 0em 0em;

		padding: 0.5em 0.5em 0.5em 0.5em;

		text-decoration: none;

		display: block;

		font-size: 0.6em;

		line-height: 1em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 1px 0px 1px 0px; /* top+bottom */

		background-color: #cccccc;

	}


	#terminliste {

		margin: -2.5em 0em 0em 0em;
	}

	#terminliste a{

		color: blue;
	}


	#userLogin {

		margin: 0em 0em 0em 0em;

		padding: 0.5em 0.5em 0.5em 0.5em;

		text-decoration: none;

		display: block;

		font-size: 0.6em;

		line-height: 1em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 0px 0px 0px 0px;

		background-color: #cccccc;

	}


	#userLogin h3 {
		line-height: 1em;
         }


	/* ######################################################################################################

	** ### General Formattings middle #######################################################################

	** ######################################################################################################

	*/
		

	/** Breadcrumb

	------------------------------*/

	#breadcrumb {

		margin: 0em 0em 1em 0em;

		padding: 0.3em 0em;

		font-size: 0.7em;

		border-top: 2px solid #E5E7F1;

		border-bottom: 2px solid #E5E7F1;

	}

	

	#breadcrumb a {

		text-decoration: none;

	}



	#content {

		font-size: 0.8em; /* set font-size in the contentarea to 12px */

		margin: 0em 0em 2.5em 0em;
		
		overflow: auto;

	}



	#content h1 {

		text-decoration: none;

		text-align: center;

		font-size: 1.3em;

		display: block;

		background-color: red;

	}


	#content img.contentPicLs {

		width: 100px;

		float:left;

		margin-right:20px;

		margin-bottom:10px;

	}


	#content .csc-textpic-caption {
	
		font-size: 0.8em;
		
	}

	#content table.contenttable {

		margin-left: auto;

		margin-right: auto;
	}

	#content table.contenttable h2{

		font-size: 1.1em;

		text-align: center;

		color: black;
	}

	#content table.contenttable thead th{

		padding: 0.3em 0.3em 0.3em 0.3em;

		border-style: ridge;

		border-color: rgb(136,150,198);

		border-width: 2px 2px 2px 2px;
	}

	#content table.contenttable tbody td{

		padding: 0.3em 0.3em 0.3em 0.3em;

		border-style: solid;

		border-color: rgb(136,150,198);

		border-width: 1px 1px 1px 1px;
	}

	#content .tx-gooffotoboek-pi1 table {

		margin-left: auto;
		margin-right: auto;
	}

	/* ######################################################################################################

	** ### General Formattings footer #######################################################################

	** ######################################################################################################

	*/

	#footer {
		clear: both;
		
		text-align: center;

		font-size: 0.8em;

		margin: 0;

		padding: 0.2em;

		border-top: 1px #ddd solid; 

		line-height: 2em;

	}