/* CSS Document */







body {



	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(../images/background.jpg);

	background-repeat: repeat-x;

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



}











#outer{

	width:1240px;

	margin:0px auto;

	height: auto;



}







#left {

	width: 208px;

	height: 223px;

	clear: left;

	float: left;

	padding-right: 60px;



}





#middle{



	width: 785px;

	height: 223px;

	float: left;

}















#right {

	height: 223px;

float: left;

/*	background-image: url(../images/background.jpg);

	background-repeat: repeat-x;*/

	width: 0%;



}





#navi-level-01 {

	height: 45px;

	float: left;

	width: 1210px;

	padding-left: 30px;

	background-image: url(../images/search.jpg);

	background-repeat: no-repeat;



}



#nav{

	border-bottom:#ff8c00 0px solid;

}



#nav ul{

	list-style:none;

	margin:0 auto;

	overflow:hidden;

	/*padding:1px 0 5px 1px;*/

	width: 208px;/*width:800px;*/



}

#nav ul li{



list-style:none;

background:transparent;

text-decoration:none;

width: 208px;

padding-bottom: 10px;

padding-top: 10px;

display:block;

float:left;

}

#nav ul li a{

	

	color:#000;

	

	/*font-size:0.9em;

	font-weight:bold;

	padding:4px 10px;*/



}

#nav ul li a:focus,#nav ul li a:hover,

#nav ul li a:active{

text-decoration:underline;



}



#nav ul li.page_item {

	padding-bottom: 6px;

	padding-top: 6px;

	width: 208px;

	height: 20px;

	background-color: #f3f3f2;

	

	border-bottom: 1px;

	border-bottom-color: #C5C2BF;

	border-bottom-style: solid;

	

	border-top: 1px;

	border-top-color: #FFF;

	border-top-style: solid;

		



	}



#nav ul li.page_item a {

	color: #000;

	font-size: 12px;

	text-decoration: none;

	padding-left: 20px;

	padding-top: 4px;

	width: 190px;

	height: 20px;

	}



#nav ul li.current_page_item {

	padding-bottom: 6px;

	padding-top: 6px;

	background-color:#E8EFFD;

	width: 208px;

	height: 20px;

		

}



#nav ul li.current_page_item a {

	font-size: 12px;

	color:#000000;

	text-decoration: none;

	padding-left: 20px;

	padding-top: 4px;

	width: 190px;

	height: 20px;

	

	}





/* Animation der oberen Navigation */

#nav ul{



	position:relative;

	padding: 0px;

	margin: 0px;

		

	border-left: 1px;

	border-left-color:#C5C2BF;

	border-left-style: solid;



	border-right: 1px;

	border-right-color:#C5C2BF;

	border-right-style: solid;

	

	}

#nav ul div.ahover{

	/*border:0px solid #C6D4E4;

		border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;*/

	position:absolute;

	z-index:100;

	background-color: #B7CFF9;

	width: 208px;

	height: 20px;

	display: table;

	

	

}

#nav ul li a{

	position:absolute;

	z-index:101;

	

}

/* ENDE - Animation der oberen Navigation */



	

#navi-level-2010 {

	width: 216px;

	float: left;

	padding-top: 35px;

	padding-left: 26px;

	

	}	

	

#news-2010 {

		width: 230px;

	float: left;

	padding-top: 55px;

		}	





#Navigation_Breadcrumb {

	width: 745px;

	height: 30px;

	margin-top: 7px;

	float: left;

	padding-left: 25px;

	padding-top: 3px;



}





#Navigation_Search {

	width: 239px;

	height: 30px;

	margin-top: 7px;

	float: left;

	padding-top: 4px;

	}

	

#backgroundcontent {

	float: left;

	width: 841px;

	background-image: url(../images/content-HG.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: 40px;

	padding-top: 35px;

		

	}



#content-01  {

	float: left;

	width: 765px;

	padding-left: 38px;

	padding-right: 38px;

	background-image: url(../images/content-HG-mitte.jpg);

	background-repeat: repeat-y;



}





.textItem a:link {

	color:rgb(103,142,201);

	color:#3E6AAC;

	text-decoration: underline;

	line-height: 150%;

	

}



textItem a {

	line-height: 150%;

	}







.Headline-01 {

	width: 710px;

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

	font-size: 12px;

	padding-top: 0px;

	padding-left: 30px;

	padding-right: 30px;





}



.Content-01 {

	width: 700px;

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

	font-size: 12px;

	padding-left: 30px;

	padding-right: 30px;

	margin-top: 20px;





}









#footer {

	float: left;

	width: 841px;

	background-image: url(../images/content-HG-mitte.jpg);

	background-repeat: repeat-y;

	height: 200px;

	background-position: center;

	}



#socialcontent {

	width: 150px;

	float: right;

	height: 270px;

	margin-top: 35px;

	padding-left: 3px;

	padding-right: 3px;

	}

	

#socialroundtop {

	background-image: url(../images/socialroundtop.jpg);

	background-repeat: no-repeat;

	height: 26px;

	width: 150px;

}

#socialroundmiddle {

	background-image: url(../images/socialroundmiddle.jpg);

	background-repeat: repeat-y;

	width: 150px;

}

#socialroundbottom {

	background-image: url(../images/socialroundbottom.jpg);

	background-repeat: no-repeat;

	height: 34px;

	width: 150px;

}	

	

	

#socialcontent p {

	padding-left: 5px;

	padding-right: 5px;

	text-align: center;

	

	}



/* Container für 2 Spaltige Layout  */



.Content-009 {

	width: 710px;

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

	font-size: 12px;

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 30px;

	padding-top: 30px;

	float: left;

	

	}



.Content-011 {

	width: 350px;

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

	font-size: 12px;

	float: left;

	padding-left: 30px;







}





.Content-015 {

	width: 350px;

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

	font-size: 12px;

	float: left;

	padding-left: 20px;

	clear: right;





}







/* Container für 2 Spaltige Layout Ende  */







.navi-start {

	padding-bottom: 0px;

	padding-top: 0px;





}



.naviroundstart{

	padding-bottom: 0px;

	padding-top: 0px;

	height: 31px;

	background-image: url(../images/naviroundstart.jpg);

	background-repeat: no-repeat;





}



.naviroundend {

	padding-bottom: 0px;

	padding-top: 0px;

	height: 33px;

	background-image: url(../images/naviroundend.jpg);

	background-repeat: no-repeat;

	background-position-y: -6px;





}









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



/* ####################### CONTACT FORM für und einfachen Contakt Newsletter ############'#### */



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



#contactForm {



	font-size:11px;



}



#contactForm .contactRow {



	margin:4px 0;



}



#contactForm label {



	display:block;



	float:left;



	width:80px;



}



#contactForm .contactRow input, #contactForm .contactRow textarea {



	border:1px solid #ccc;



	width:346px;



}



#contactForm .contactRow select {



	border:1px solid #ccc;



	width:172px;



}



* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {



	width:343px;



}







#contactForm .contactRow input {



	height:14px;



}







#contactForm .contactRow textarea {



	height:105px;



	font-size:10px;



}







#contactFormSubmit #contactFormSubmitLeft {



	float:left;



	margin:0 0 0 80px;



	width:174px;



}



* html #contactFormSubmit #contactFormSubmitLeft {



	margin:0 0 0 26px;



}



#contactFormSubmit #contactFormSubmitRight {



	float:left;



	width:174px;



}







#contactFormSubmit #contactFormSubmitLeft input,



#contactFormSubmit #contactFormSubmitRight input {



	border: 1px;



	border-color: #CCC;



	border-style: solid;



	background-color:#fff;



	color:#0060b1;



	padding:3px;



	font-size:12px;



	width:auto;



	height:auto;



	float:right;



	margin:0;



}



#contactFormSubmit #contactFormSubmitLeft input {



	background-image:none;



	padding:0;



	float:left;



	font-size: 12px;



	border: 1px;



	border-color: #CCC;



	border-style: solid;



	padding:3px;



}







#contactForm table {



	width:100%;border-collapse:collapse;



}



#contactForm table td {



	padding:0;



}



#contactForm table td.pt {



	padding-top:2px;



}



* html #contactForm table td.pt {



	padding-top:0;



}











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







/* ####################### NAVIGATION horizontal 1. Ebene Anfang ################### */







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

















/* ####################### NAVIGATION horizontal 1. Ebene Ende ################### */



























/* ####################### NAVIGATION vertikal 2. Ebene Ende ################### */



.breadcrumb {

	color: #000;

	}



a breadcrumb:hover {

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

	font-size: 12px;

	color: #000;

	text-decoration: none;	

}



a breadcrumb:link {

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

	font-size: 12px;

	color: #000;

	text-decoration: none;

}

/*News ausgabe ist in teaser-standart.html definiert*/

.artikelliste {

	width: 170px;

	margin-left: 22px;

	padding-left: 10px;

	padding-right: 10px;

}



.newsheadline {

	font-size:11px

	}



.newstxt {

	font-size:9px

	}

/*News ausgabe ist in teaser-Newsliste.html definiert*/



.artikelliste-liste {

	width: 720px;

}



.newsheadline-liste {

	font-size:12px;

	color: #678EC9;

	font-weight: bold;

	}

	

.teaser_img {

	padding-left: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	align: left;

	float: left;

	

	

	}	



.newstxt-liste {

	font-size:12px;

	}

	

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

/* ####################### SEARCH INPUT ################# */

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

#search {

	font-size:11px;

	width: 220px;

	height: 20px;

}



#search input {

	width:170px;

	height:16px;

	font-size:12px;

	border: 0px;

	border-style: solid;

	border-color: #FFF;

	margin-bottom: -12px;

	margin-top: 0px;

}



.searchfield {

	background-color: #a9c4e1;	

}



#search input.sbmt {

	border:0px;

	width:30px;

	height:20px;

	border-style: solid;

}



#searchterm {

	

}

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

/* ####################### SEARCH OUTPUT ################ */

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

#searchResults {

	margin:0 0 10px 0;

}

#searchResults p.message {

	margin:20px 0 30px 0;

}

#searchResults div.searchResultItem {

	border-bottom:1px solid #ccc;

	margin:0 0 10px 0;

	padding:0 0 10px 0;

}

#searchResults div.searchResultItem h2 {

	font-size:14px;

	margin:0 0 5px 0;

	padding:0;

	color:#0060b1;

	font-style:normal;

}









	

	

/* neue Navigation



@charset "iso-8859-1";

/* CSS Document */



.navi-text{

	text-decoration: none;

	list-style-type: none;

	list-style: none;

	height: 40px;

	padding: 0 0 0 160px;



}



.navi-text-sec{

	text-decoration: none;

	list-style-type: none;

	list-style: none;

	height: 30px;

	width: 500px;

	margin: 0;

	float: left;

	text-align: center;



}







/* 2. Ebene */



.navsecondon {

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

	font-size: 12px;

	color: #000000;

	float: left;

	padding-right: 10px;

	text-decoration: none;

	padding-bottom: 5px;

	padding-top: 5px;

	padding-left: 10px;

	display: block;

	width: 170px;

	margin-left: 22px;

}



.navsecondon a {

	text-decoration: none;

	color: #10327a;

	font-weight: bold;

}

	

.navsecondoff {

	color: #000000;

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

	font-size: 12px;

	float: left;

	padding-right: 10px;

	text-decoration: none;

	padding-bottom: 5px;

	padding-top: 5px;

	padding-left: 10px;

	width: 170px;

	display: block;

	margin-left: 22px;

	}



.navsecondoff a {

	text-decoration: none;

	color: #10327a;

}



/* 3. Ebene */



.navthirdon {

	background-color: #D6D6D6;	

	padding-left: 25px;

	padding-bottom: 5px;

	padding-top: 5px;

}



.navthirdoff {

	background-color: #D6D6D6;

	padding-left: 25px;

	padding-bottom: 5px;

	padding-top: 5px;

}





/* content allocation */



#cadiv {
	width: 300px;
	margin-top: 20px;
	width: 330px;
	border-bottom: 1px solid #CCC;
	margin-top: 20px;
	padding-bottom: 10px;
	height: 135px;

 }

#cadiv-area {

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 0px;

}

#cadiv img {

	margin-right: 10px;

	border: 0;

 }

#cadiv_headline {

	padding: 0;

}



#cadiv_headline h1 a {

	color: #999;

	font-size: 12px;

		}



#cadiv_headline a:link {
	color: #999;
	font-size: 12px;
	text-decoration: none;
		}

#cadiv_headline a:hover {
	color: #000;
	font-size: 12px;
	text-decoration: none;
		}



#cadiv_headline h1 {

	font-size: 12px;

		}











#cadiv p {

	font-size: 11px;

	color: #333;

	}

	

#cadiv-area {



	}		



#cadiv-link {

	height:17px;

	text-align:right;

	padding-bottom: 10px;

	}



.mylink {

	color: #333;

	font-size: 11px;

	font-style: italic;

	}	

	

.toplink {

		color: #00F;

	font-size: 14px;	

	

	}	





/* content allocation fuer social bereich*/



#socialcadiv {

	width: 300px;

	margin-top: 20px;

	width: 140px;

	padding-bottom: 10px;

	padding-left: 5px;

	padding-right: 5px;

 }



#socialcadiv_headline {

	color: #999;

	width: 142px;

		}



#socialcadiv_headline  h1 {

	color: #999;

	font-size: 10px;

		}



#socialcadiv_headline  h1 a {

	color: #999;

	font-size: 9px;

	text-align: center;

		}



#socialcadiv p {

	font-size: 12px;

	color: #333;

	}

	

#socialcadiv-area {



	}		



#socialcadiv-link {

	height:17px;

	text-align:right;

	padding-bottom: 10px;

	}







/* CSS Document */



/* (en) Styling of article list | (de) Gestalltung fuer die Artikelliste */

.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }

.articlelistItem {
	width: 330px;
	border-bottom: 1px solid #CCC;
	margin-top: 20px;
	padding-bottom: 10px;
	height: 135px;

}

.articlelistItem img { float: left; margin-right: 10px; }



.articlelistItem a { color: #999;

	font-size: 12px;}

.articlelistItem a:link {

	color: #333;

	font-size: 11px;

	

}



.articlelistHeadline {

	color: #999;

	font-size: 12px;}



.articlelistHeadline a:link {

	color: #999;

	font-size: 12px;}

	

.articlelistHeadline h1 {

	color: #999;

	font-size: 12px;}	



.articlelistImage {

	border: 0;

}

.articlelistItem p.articlelistHeadline {

	margin: 0px 0 5px 0;

}



.articlelistright {

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 0px;

}







.articlelistItem a.articlelistHeadline {

	color: #999;

}



.articlelistItem a:link.articlelistHeadline {
	color: #999;
	text-decoration: none;	

}


.articlelistItem a:hover.articlelistHeadline {
	color: #000;
	text-decoration: none;
}




.articlelistItem h1.articlelistHeadline {

	color: #999;

}



.articlelistleft {	

color: #999;

	font-size: 12px;	}



.articlelistleft h1 {

	color: #999;

	font-size: 12px;	

}

	

.articlelistleft a:link {

	color: #999;

	font-size: 12px;	

}

.articlelistleft a {

	color: #999;

	font-size: 12px;	

}

		



#articlelistItem h1.articlelistHeadline {

	color: #666;

	font-size: 12px;

}



.articlelistItem p.articlelistSubheadline {

	font-weight: normal;

	font-size:11px;

}



.articlelistMore  {

	color: #333;

	font-size: 11px;

	font-style: italic;	

	}



.articlelistMore a {

	color: #333;

	font-size: 11px;

	font-style: italic;	

	}



.articlelistMore a:link {

	color: #333;

	font-size: 11px;

	font-style: italic;

	

	}

.articlelimage img {

	border: 0px;

	margin-right: 10px;

}





.articlelistItem p.articlelistContent { }

.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }

.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }

.articlelistItem a.articlelistBack { }

.articlelistItem a.articlelistNext { }

.articlelistItem a.articlelistPageNumber { }

.articlelistItem a.articlelistBegin { }

.articlelistItem a.articlelistEnd { }

.articlelistItem a.articlelistPrevious { }

.articlelistItem a.articlelistNext { }

.articlelistNavigation {

	width: 100%;

	text-align: center;

	margin: 10px 0 20px 0;

	float: left;

}



/* (en) Styling of article list | (de) Gestalltung für die Artikelliste im template social_list.html */



.social a{

	text-align: center;

}



.social {

	text-align: center;

}





.socialheadline {

	font-weight:bold;

	font-size:11px;

	color:#666;

	text-align: center;

	padding-bottom: 15px;

	}

	

.textsocialSmall .social {

	text-align: center;

	font-size: 11px;

	padding-left: 5px;

	padding-right: 5px;

	color: #333;

	font-weight: bold;

}



.textsocialSmall {

	text-align: center;

	width: 130px;

	padding-right: 7px;

	padding-left: 7px;

}







.socialPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }



.socialItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }

.socialItem img { float: left; margin-right: 10px; }

.socialItem img.socialImage {  }

.socialItem span.socialAuthorLabeling { font-style: italic; font-weight: bold; }

.socialItem span.socialAuthor { font-style: italic; }

.socialItem p.socialHeadline { margin: 10px 0 5px 0; }

.socialItem a.socialHeadline { font-weight: bold; }

.socialItem p.socialSummary { font-weight: bold; }

.socialItem p.socialSubheadline { margin: 0 0 5px 0; font-weight: bold; }

.socialItem p.socialContent { }

.socialItem p.socialContent img { float: right; margin-left: 10px; }

.socialItem p.socialMore { clear: left; text-align: right; font-weight: bold; }





.socialSummary  {

	color: #333;

	font-size: 10px;

}



.socialNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }

.socialNavigation span.pagLinkActive { color: red; text-decoration: underline; }

.socialNavigation a.socialBack { }

.socialNavigation a.socialNext { }

.socialNavigation a.socialPageNumber { }

.socialNavigation a.socialBegin { }

.socialNavigation a.socialEnd { }

.socialNavigation a.socialPrevious { }

.socialNavigation a.socialNext { }









/*Template article_referenz.html wird verwendet im Testimonials auszulesen */



.articlelistItem_reference {

	float: left;

	clear: left;

}

.articlelistleft_reference {

	padding-top: 20px;

	padding-bottom: 1px;

}

.articlelistHeadline_reference{}



.articlelistHeadline_reference h1 {}

.articlelistHeadline_reference a {}



.articlelimage_reference{

	color: #000;

}

.articlelimage_reference img {

	padding-left: 0px;

	padding-right: 20px;

	padding-bottom: 10px;

    align: left;

	float: left;

	

	}

.articlelistSubheadline_reference{}

.articlelistMore_reference{}

.articlelistright_reference{}

.articlelistSubheadline_reference{

	}









/* Alte Styles die noch verwendet werden eventuell*/





.text { font-weight:normal; font-size:12px;  text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify;}

.text:link { font-weight: normal; font-size:12px;  color: #000000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify;}

.text:visited { font-weight:  normal; font-size:12px;  color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify;}

.text:active { font-weight: normal; color: #000000; font-size:12px;   text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify;}



.textfett {font-size:12px;  font-weight: bold; text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textfett:link {font-size:12px;  font-weight: bold; text-decoration: none; color: #6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textfett:visited {font-size:12px;  font-weight: bold; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textfett:active {font-size:12px;  font-weight: bold; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}





.textkursiv { font-weight:normal; font-size:12px;  text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}

.textkursiv:link { font-weight:normal; font-size:12px;  text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}

.textkursiv:visited { font-weight:  normal; font-size:12px;  color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}

.textkursiv:active { font-weight: normal; color: #000000; font-size:12px;   text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}





.textlinks { font-weight:normal; font-size:12px; text-decoration: none; color:#6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textlinks:link { font-weight: normal; font-size:12px; text-decoration: none;  color:#6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textlinks:visited { font-weight:  normal; font-size:12px; text-decoration: none;  color:#6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textlinks:active { font-weight: normal; color: #6087C0; font-size:12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}



.textzwischen {font-size:12px;  font-weight: bold; text-decoration: none; color: #6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textzwischen:link {font-size:12px;  font-weight: bold; text-decoration: none; color: #6087C0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textzwischen:visited {font-size:12px;  font-weight: bold; color: #6087C0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.textzwischen:active {font-size:12px;  font-weight: bold; color: #6087C0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.img {border:0;}



.bild {

	margin-right: 10px;

	margin-left: 10px;
	
}
#pause  {
	height: 223px;
	width: 785px;
	}
/* menu example */

ul.anim_queue_example {
	list-style: none;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
	width: 170px;
	float: left;
display: block;
height: 20px;
}

ul.anim_queue_example li {
	margin: 0px;
	font-size: 13px;
}

ul.anim_queue_example li a {
	padding: 6px 0px;
	background: #000;
	color: #678EC9;
	text-align: center;
	text-decoration: none;
	position: relative;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
height: 30px;

}