@media screen {

	/* ################################
	 * ### Allgemeine Einstellungen ###
	 * ################################ */

	html {
		height: 100%
	} 

	body { 
		/* Hiermit werden Scrollbalken erzwungen, auch wenn die Bildschirmhoehe groe§er der Inhaltshoehe ist. 
			 Somit wird der 10-Pixel-Sprung verhindert, wenn die Inhaltsmenge einen Scrollbalken erzwingt. */
		min-height: 101%; 
		color: #000;				
		background: #fff;
		text-align: center; 
		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 100%;
	}

	/* Wir setzen Randabstaende und Rahmen in ALLEN HTML-Elementen auf Null. Allerdings ruft dies das extreme 
	Zoom-Verhalten des IE hervor, welches in der Datei ie_hacks.css wieder beseitigt wird. */
	* {
		margin: 0; 
		padding: 0; 
		border: 0; 
	}

	
	/* An manchen Stellen werden im Dokument Notizen zu Inhaltssegmenten hinterlassen, wollen wir im Browser nicht sehen,
	da selbsterklaerend, aber im XHTML-Dokument an sich ... lynx zeigts uns ... */
	.hiddenButUseful {
		display: none;
	}
	
	a:link, a:visited {
		color: #000;
		text-decoration: none;
	}
 	
	a:hover, a:active {
		color: #fff;
		text-decoration: none;
	}
 	
 	h1, h2, h3, h4 {
    	font-size: 100%;
 		font-weight: bold;
 	}

	p {
    	font-size: 75%;
 		font-weight: normal;
	}

	ul {
		list-style-type: square;
		margin: 0 0 0 20px;
		padding: 0;
	}

	ol {
		margin: 0 0 0 20px;
		padding: 0;
	}

	li {
    	font-size: 75%;
 		font-weight: normal;
	}

	td {
    	font-size: 75%;
 		font-weight: normal;
	}
	
	input, textarea {
		font-family: arial, helvetica, verdana, sans-serif;
    	font-size: 75%;
 		font-weight: normal;
		color: #333;		
	}

    .clearLeft {
        clear: left;
    }

    .clearRight {
        clear: right;
    }

    .clearBoth {
        clear: both;
    }


	a.textlink:link, a.textlink:visited {
		color: #e30613;
		text-decoration: none;
	}

	a.textlink:hover, a.textlink:active {
		color: #e30613;
		text-decoration: underline;
	}



	/* #####################
	 * ### Page Settings ###
	 * ##################### */

	#pageMargins { 
        margin: 0 auto 0 auto;
		background: transparent;
	}


	#page { 
        margin: 0 auto 0 0;
		width: 990px;
		text-align: left;
		background: transparent;
	}




	/* ######################
	 * ### sideNav		  ###
	 * ###################### */


	.sideNav {
		border-bottom: 18px solid #000000;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.sideNav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.sideNav ul li {
		padding-bottom: 5px;
	}

	.sideNav ul li a {
		display: block;
		padding-left: 20px;
		margin-bottom: 3px;
		font-weight: bold;
		font-size: 150%;
		text-transform: uppercase;
		line-height: 22px;
		background: transparent url(../img/navbullit.jpg) left 4px no-repeat;
	}

	.sideNav ul li a:hover,
	.sideNav ul li.active a {
		color: #fff;
		background: #000000 url(../img/navbullit_active.jpg) left 4px no-repeat;
	}
	
	.sideNav ul1 li1 a:hover,
	.sideNav ul1 li1.active a {
		color: #fff;
		background: #E30613 url(../img/navbullit_active.jpg) left 4px no-repeat;
	}

	.sideNav ul li ul li a:hover {
		background: none;
		color: #000;
	}

	.sideNav ul li ul {
		margin-left: 20px;
	}

	.sideNav ul li ul li{
		padding: 3px 0 3px 0;
	}

	.sideNav ul li ul li a {
		margin-bottom: 0;
		font-weight: normal;
		font-size: 160%;
		line-height: 20px;
		background: none;
	}

	.sideNav ul li ul li:hover a,
	.sideNav ul li ul li.active a {
		background: none;
		color: #000;
		text-decoration: underline;
		
	}

	.sideNav ul li.active ul li a {
		color: #000;
		background: none;
	}







	/* ######################
	 * ### Template 20 80 ###
	 * ###################### */

	.template2080Wrapper {
	
	}

	.template2080Wrapper .mainContent {
	
	}

	.template2080Wrapper .mainContent .leftCol20 {
		float: left;
		width: 250px;
		padding-bottom: 20px;
	}
	
	.template2080Wrapper .mainContent .rightCol80 {
		padding-bottom: 20px;
		margin-left: 270px;
		width: 720px;
	}

	.template2080Wrapper .mainContent .rightCol80 .breadcrumb {
		margin-bottom: 18px;
		height: 19px;
		line-height: 20px;
		font-size: 85%;
		background: #000000;
	}

	.template2080Wrapper .mainContent .rightCol80 .breadcrumb ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style-type: none;
		color: #fff;
	}

	.template2080Wrapper .mainContent .rightCol80 .breadcrumb ul li {
		display: inline;
		margin: 0;
		padding: 0;
	}

	.template2080Wrapper .mainContent .rightCol80 .breadcrumb ul li a {
		color: #fff;
		text-decoration: none;
	}

	.template2080Wrapper .mainContent .rightCol80 .breadcrumb ul li.active a,
	.template2080Wrapper .mainContent .rightCol80 .breadcrumb ul li a:hover {
		text-decoration: underline;
	}







	.template2080Wrapper .mainContent .rightCol80 .shoplink div {
		margin-top: 10px;
	}

	.template2080Wrapper .mainContent .rightCol80 .shoplink a {
		padding: 1px 3px 0 22px;
		color: #000;
		background: #fff url("../img/navbullit.jpg") no-repeat 3px 3px;
	}

	.template2080Wrapper .mainContent .rightCol80 .shoplink a:hover {
		color: #fff;
		background: #E30613 url("../img/navbullit_active.jpg") no-repeat scroll 3px 3px;
	}


	.template2080Wrapper .mainContent .rightCol80 .pdfDownload {
		margin-bottom: 15px;
	}

	.template2080Wrapper .mainContent .rightCol80 .pdfDownload a {
		padding: 1px 3px 1px 20px;
		color: #E30613;
		line-height: 16px;
		font-size: 95%;
		font-weight:normal;
		background: url(../img/pdf_icon.gif) left top no-repeat;
	}

	.template2080Wrapper .mainContent .rightCol80 .pdfDownload a:hover {
		color: #fff;
		background: #E30613 url(../img/pdf_icon.gif) left top no-repeat;
	}


	.template2080Wrapper .mainContent .rightCol80 .contentDivider {
		margin-bottom: 0px;
	}

	.template2080Wrapper .mainContent .rightCol80 h1 {
		margin: 0 0 20px 0;
		padding: 0 5px 0 5px;
		color: #fff;
		background: #E30613;
		text-transform: uppercase;
		font-size: 120%;
		line-height: 22px;
		letter-spacing: 1px;
	}
	
	.template2080Wrapper .mainContent .rightCol80 h4 {
		margin: 0 0 20px 0;
		padding: 0 5px 0 5px;
		color: #fff;
		background: #000000;
		text-transform: uppercase;
		font-size: 120%;
		line-height: 22px;
		letter-spacing: 1px;
	}

	.template2080Wrapper .mainContent .rightCol80 p {
		margin-bottom: 15px;
		font-size: 95%;
	}


	.template2080Wrapper .mainContent .rightCol80 ol li,
	.template2080Wrapper .mainContent .rightCol80 ul li {
		margin-bottom: 15px;
		font-size: 95%;
	}









	/* ######################
	 * ### Right Col 80	  ###
	 * ### Teaser Item 	  ###
	 * ###################### */

	.template2080Wrapper .mainContent .rightCol80 .contentItem {
		overflow: hidden;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem h2 {
		display: block;
	    padding-left: 20px;
		height: 20px;
		line-height: 20px;
		background: url("../img/navbullit.jpg") no-repeat scroll left 2px transparent;
	}	
	

	.template2080Wrapper .mainContent .rightCol80 .contentItem .teaserLeftTeaserRight {

	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .teaserLeftTeaserRight .teaserLeft{
		float: left;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .teaserLeftTeaserRight .teaserRight {
		margin-left: 371px;
	}







	/* ############################
	 * ### Right Col 80	  		###
	 * ### ImageLeftTextRight 	###
	 * ############################ */

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftTextRight {

	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftTextRight .contentImage {
		float: left;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftTextRight .contentText {
		margin-left: 180px;
		padding: 10px 0 0 0;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .contentText h3 {
		margin: 0 0 20px 0;
		padding: 0 5px 0 5px;
		color: #fff;
		background: #E30613;
		text-transform: uppercase;
		font-size: 120%;
		line-height: 22px;
		letter-spacing: 1px;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .contentText a {
		color: #E30613;
	}


	.template2080Wrapper .mainContent .rightCol80 .contentItem .contentText a:hover {
		color: #fff;
		background: #E30613;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .dllink {
		margin: 10px 0;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem  .dllink a{
		padding: 1px 3px 1px 20px;
		color: #E30613;
		line-height: 16px;
		font-size: 95%;
		font-weight:normal;
		background: url(../img/pdf_icon.gif) left top no-repeat;
	}


	.template2080Wrapper .mainContent .rightCol80 .contentItem .dllink a:hover {
		color: #fff;
		background: #E30613 url(../img/pdf_icon.gif) left top no-repeat;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .linkFarm {

	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .linkFarm ul {
		margin: 0;
		list-style-type: none;
	}
	
	.template2080Wrapper .mainContent .rightCol80 .contentItem .linkFarm ul li {line-height:150%;
		
	}
	
	.template2080Wrapper .mainContent .rightCol80 .contentItem .linkFarm ul li a {
		padding: 2px 3px 1px 22px;
		color: #000000;
		background: url("../img/navbullit.jpg") no-repeat scroll 3px 4px #FFFFFF;
	}
	
	.template2080Wrapper .mainContent .rightCol80 .contentItem .linkFarm ul li a:hover {
		color: #fff;
		background: #E30613 url("../img/navbullit_active.jpg") no-repeat scroll 3px 4px;
	}

	img.test {
		margin: 0 25px 0 0;
	}

	img.test.last {
		margin: 0 0 0 0;
	}











	/* ############################
	 * ### Right Col 80	  		###
	 * ### ImageLeftImageRight 	###
	 * ############################ */

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftImageRight {
		margin-bottom: 50px;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftImageRight h2 {
		display: block;
		margin-bottom: 5px;
		height: 40px;
		line-height: 20px;
		padding-left: 20px;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftImageRight div div{
	}


	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftImageRight .imageLeft {
		float: left;
		width: 350px;
		min-height:300px;
	}

	.template2080Wrapper .mainContent .rightCol80 .contentItem .imageLeftImageRight .imageRight {
		margin-left: 370px;
	}















	/* ############################
	 * ### Right Col 80	  		###
	 * ### Teaser Three Col 	###
	 * ############################ */

	.contentItem .teaserThreeCol {
		margin-bottom: 25px;
	}

	.contentItem .teaserThreeCol .teaser {
		float: left;
		margin: 0 26px 0 0;
		padding: 0 0 10px 0;
		width: 220px;
		border: 1px solid #000;
		background: #cacbbf;
		/*background: #E30613;*/
	}

	.contentItem .teaserThreeCol .last {
		overflow: hidden;
		float: none;
		margin: 0 0 0 0px;
	}

	.contentItem .teaserThreeCol .teaser .teaserImage {
		margin-bottom: 10px;
	}

	.contentItem .teaserThreeCol .teaser .teaserText {
		text-align: center;
	}

	.contentItem .teaserThreeCol .teaser .teaserText a {
		display:block;
		margin-bottom: 10px;
		color: #fff;
		font-size: 85%;
	}

	.contentItem .teaserThreeCol .teaser .teaserText a:hover {
		text-decoration: underline;
	}

hr { 
	color: #214c95; 
	background: #214c95; 
	height: 22px;
	margin-bottom: 10px;   }







	/* ######################
	 * ### Template 20 80 ###
	 * ### Left Col 20	  ###
	 * ###################### */

	.template2080Wrapper .mainContent .leftCol20 .logo {
		padding-bottom: 20px;
	}

	.template2080Wrapper .mainContent .leftCol20 .logo a {
		line-height: 0px;
	}

	.template2080Wrapper .mainContent .leftCol20 .sitelogo {
		margin-bottom: 20px;
	}

	.template2080Wrapper .mainContent .leftCol20 .sitelogo a {
		line-height: 0px;
	}

	.template2080Wrapper .mainContent .leftCol20 .facebookPlugin {
		padding:  0 0 14px 20px;
	}


	.template2080Wrapper .mainContent .leftCol20 .facebookPlugin .connect_widget_button_count_count { 
		min-width: 20px;!important
	}

	.template2080Wrapper .mainContent .leftCol20 .twitterPlugin {
		padding:  0 0 0 20px;
	}













	/* ######################
	 * ### Footer		  ###
	 * ###################### */

	.footer {
		padding-bottom: 20px;
		width: 990px;
		text-align: center;
	}

	.footer ul {
		list-style-type: none;
	}

	.footer ul li {
		display: inline;
		padding-right: 3px;
		color: #ccc;
	}

	.footer ul li a {
		color: #ccc;
		font-size: 110%;
		letter-spacing: 1px;
	}

	.footer ul li a:hover {
		color: #e30613;
	}

	.footer .bottomNav {
		margin: 0 0 5px 0;
		padding: 5px 0 5px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 100%;
	}

	.footer .bottomNav ul li a {
		color: #ccc;
		text-transform: uppercase;

	}

	.footer .bottomNav ul li a:hover {
		color: #e30613;
	}
}