@media all
{
/* ######################################################################################################
** ### Vorbereitende Ma nahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabst nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	/** { margin:0; padding: 0; } */

	/* Das zur cksetzen der Innen- und Au enabst nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H he des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr  en im Opera sowie Standardformatierungen */
			font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr  e des Browser 
			Fensters ge ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #EBEBEB;
		text-align: left;
		padding-top: 10px; 
		font-family: Arial, Verdana, Helvetica;
	} 
	
	/* Standardrahmen zur cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f r Safari Browser. font-size:100% ist f r den Safari in Formularen zu gro  */ 
	select, input, textarea { font-size: 99% }
	
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++ DIV-CONTAINER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	#page{
		border: 1px #666666 solid; 
		background: #fff;
		padding: 5px;
	}
	#page_margins {width:950px; height:800px; margin:auto;}
	
	#head1 {
		width: 228px;
		float: left;
	}

	
	#head2 {
		float: left;
		width: 226px;
	}
	
	#head3 {
		float: right;
		width: 483px;
		height: 58px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: right;
	}
	
	#head31 {
		margin: 30px 10px 5px 5px;
	}
	
	#head311 {
		float: right;
		padding-top: 3px;
		text-align: right;
		width: 340px;
		margin: 0px;
		margin-top: 5px;
		margin-right: -11px;
	}
	
	
	#head312 {
		float: right;
		margin: 0px;
		width: 125px;
	}
	
	
	#col1 {
		width: 223px;
		float: left;
		padding-right: 2px;
	}

	#col23 {
		width: 709px;
		min-height: 500px;
		/* border: 1px solid #ccc;
*/
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	#if1 {
		width: 710px;
		margin: 0px;
		padding: 0px;
	}
	
	#col2{
		width: 226px;
		background-color: #ccc;
		background-image: url(http://60jahre.opwz.com/fileadmin/templates/images/60er.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		vertical-align: top;
	}
	
	
	#col3 {
		vertical-align: top;
		padding: 0px 0px 0px 5px;
		margin: 0px;
	}
	
	
	
	
	
	#clear {
		clear: both;
	}
	
	
	div.karo { 
		margin-bottom: 3px; 
	}
	
	
	#div1col3 {
		display: block;
		background-color: #BD9E55;
		color:#fff;
		font-size: 12px;
		font-weight: bold;	
		padding: 2px 3px 2px 5px;
	}

        #div2col3 {
        	position: relative; 
        	width: 478px; 
        	min-height: 560px; 
        	overflow: scroll;
		overflow-x: hidden;
        }
        
        
        #div2col3st {
        	width: 478px; 
        	min-height: 550px; 
        	overflow: auto;
		overflow-x: hidden;
        	margin-top: 10px;
        }
        
        #div2col3 div.csc-textpic-text {
		padding: 0px 5px 2px 0px;
	}
	
	#div2col3st img {
		margin-left: 10px;
	}
	
	#divadresse {
		float: left;
		font-size: 11px;
		width:610px;
		margin: 5px 0px 0px 0px;
	}
	
	#divadresse2 {
		font-size: 11px;
		margin: 5px 0px 0px 0px;
	}
	
	#start2 p {
		margin: 2px 3px 3px 5px;
		font-size: 11px;
	}
	
	
	div#titelgrau  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #666;
		padding: 2px 0px 2px 5px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
		font-weight: bold;
		width: 220px;
	}
	
	
	
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ Formatierung Elemente +++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

	#form1 {
		margin: 0px;
	}
	
	#ssearch {
		height: 15px;
		width: 60px;
		vertical-align: middle; 
	}
	
	#sgo {
		font-size: 10px;
		height: 20px;
		padding: 0px;
		vertical-align: middle; 
	}
	
	img.test {
		margin: 0px 0px 0px 0px;
	}
	
	.img1 {
		float: left; 
		margin: 5px 0px 5px 0px;
	}
	
	.img2 {
		float: right; 
		margin: 5px 0px 5px 0px;
	}

	a {color: #000; text-decoration:none;}
	a:hover {color: #BD9E55; text-decoration:underline;}
	a:focus {color: #BD9E55; text-decoration:underline;}
	
	a.navhorizontal  { 
		display: inline-block; 
		text-decoration:none; 
		padding: 0px 5px 0px 5px; 
		border-right: 1px solid #ccc;
		font-size: 12px;
	}
	
	a:hover.navhorizontal { 
		text-decoration:none; 
	}
	
	a.nav1  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-bottom: 3px; 
		border: 1px solid #666;
		font-size: 12px;
		font-weight: bold;
	}
	
	a.nav1special  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 22px;
		margin-bottom: 3px; 
		border: 1px solid #666;
		font-size: 12px;
		font-weight: bold;
		background-image: url(http://www.opwz.com/fileadmin/user_upload/bilder/buttons/bullet.gif); 
		background-position: 5px 5px;
		background-repeat:no-repeat;
	}

	a:hover.nav1 { 
		display: block;
		text-decoration:none; 
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
	}

	a:hover.nav1special { 
		display: block;
		text-decoration:none; 
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
		background-image: url(http://www.opwz.com/fileadmin/user_upload/bilder/buttons/bullet.gif); 
		background-position: 5px 5px;
		background-repeat:no-repeat;
	}

	
	a.nav1active  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-bottom: 3px; 
		font-size: 12px;
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
		font-weight: bold;
	}
	
	a:hover.nav1active  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-bottom: 3px; 
		font-size: 12px;
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
		font-weight: bold;
	}

	a.nav1activespecial  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 22px;
		margin-bottom: 3px; 
		font-size: 12px;
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
		font-weight: bold;
		background-image: url(http://www.opwz.com/fileadmin/user_upload/bilder/buttons/bullet.gif); 
		background-position: 5px 5px;
		background-repeat:no-repeat;
	}
	
	a:hover.nav1activespecial  { 
		display: block; 
		text-decoration:none; 
		padding: 2px 0px 2px 22px;
		margin-bottom: 3px; 
		font-size: 12px;
		background-color: #BD9E55;
		border: 1px solid #BD9E55;
		color: #ffffff;
		font-weight: bold;
		background-image: url(http://www.opwz.com/fileadmin/user_upload/bilder/buttons/bullet.gif); 
		background-position: 5px 5px;
		background-repeat:no-repeat;
	}
	
	a.nav2  { 
		display: block;
		text-decoration:none;
		text-align: left;
		background-color: #fff;  
		padding: 2px 0px 2px 5px;
		margin: 0px 0px 3px 15px;
		font-size: 12px;
	}
	
	a:hover.nav2  { 
		display: block; 
		color: #fff;
		background-color: #BD9E55;
	}
	
	a.nav2active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #BD9E55;
		padding: 2px 0px 2px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	

	a.nav2subactive  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #666;
		padding: 2px 0px 2px 5px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
		font-weight: bold;
		width: 220px;
	}
	
	

	a.nav3sub  { 
		display: block; 
		width: 220px;
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-top: 6px; 
		font-size: 12px;
	}

	a:hover.nav3sub { 
		background-color: #BD9E55;
		text-decoration:none; 
		color: #ffffff;
	}
	
	a.nav3subactive  { 
		display: block; 
		width: 220px;
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-top: 6px;  
		font-size: 12px;
		background-color: #BD9E55;
		color: #ffffff;
	}
	
	a:hover.nav3subactive  { 
		display: block; 
		width: 220px;
		text-decoration:none; 
		padding: 2px 0px 2px 5px;
		margin-top: 6px;  
		font-size: 12px;
		background-color: #BD9E55;
		color: #ffffff;
	}
	
	a.internal-link {
		text-decoration:none;
		color: #000;
	}
	
	a.start-link {
		text-decoration:underline;
		color: #000;
	}
	
	a.start-link:hover {color: #BD9E55; text-decoration:underline;}
	a.start-link:focus {color: #BD9E55; text-decoration:underline;}

	
	
	/*ul {  
	   list-style-position: outside;
	   list-style-type: square;
	   font-size: 12px 
	  } */
	    
	 ul { 
	   list-style-image:url(http://60jahre.opwz.com/fileadmin/user_upload/bilder/buttons/square1.gif);
	   }
	   
	 li { 
	   list-style-image:url(http://60jahre.opwz.com/fileadmin/user_upload/bilder/buttons/square1.gif);
	   margin: 5px 0px 6px 0px;
	   }
	
	/*
    	li {  
	   list-style-position: outside;
	   list-style-type: squate
	}*/
	
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ typo3-Formatierung ++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	table
	{
		margin-left: 10px;
	}
	
	td
	{
		font-size: 12px;
	}

	#col3 p.bodytext {
		font-size: 12px;
		margin-left: 10px;

	}
	
	#col3 h1 {
		margin: 10px 0px 0px 10px;
		font-size: 14px;
		font-weight: bold;
	}
	
	label {
		font-size: 12px;
	}

	#tabelle2 {
		width:100%;
		margin: 0px;
	}
	
	#erstespalte {
		width: 50%;
		text-align: left;
		vertical-align: top;
	}
	
	#erstespalte p.bodytext{
                margin: 0px 3px 3px 12px;
	}
	
	#zweitespalte {
		width: 50%;
		text-align: left;
		vertical-align: top;
	}
	
	#zweitespalte p.bodytext{
		margin: 0px 3px 3px 3px;
	}
	
	#erstezeile {
		text-align: left;
		vertical-align: top;
		padding: 0px;
	}

	#erstezeile p.bodytext {
		padding: 3px 3px 0px 12px;
		margin: 0px;
	}

	

	form {
		margin-top: 0px;
	}
	
	legend {
		display: none;
	}
	
	select, input, textarea { 
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
                color: #000;
	}
	
	#head312 input {
		color: #666;
	}
	
	#titelgrau p.bodytext {
		margin: 0px;
		padding: 0px;
	}
	
/*###########################################
############# Navigation Themen #############
#############################################
*/

	a.navi1, a.navi2, a.navi3, a.navi4, a.navi5, a.navi6, a.navi7, a.navi8, a.navi9, a.navi10, a.navi11, a.navi12, a.navi13, a.navi14  { 
		display: block;
		text-decoration:none;
		text-align: left;
		background-color: #fff;  
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 3px 15px;
		font-size: 12px;
	}
	
	a:hover.navi1  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #A52F33;
	}
	
	a.navi1active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #A52F33;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi2  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #CC1F2F;
	}
	
	a.navi2active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #CC1F2F;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi3  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #3A9C00;
	}
	
	a.navi3active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #3A9C00;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi4  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #E2382A;
	}
	
	a.navi4active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #E2382A;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi5  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #E29200;
	}
	
	a.navi5active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #E29200;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi6  { 
		display: block;
		text-decoration:none;
		color: #fff;
		background-color: #00D2E2;
	}
	
	a.navi6active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #00D2E2;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi7  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #00CE9D;
	}
	
	a.navi7active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #00CE9D;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi8  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #FF8F00;
	}
	
	a.navi8active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #FF8F00;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi9  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #117ABC;
	}
	
	a.navi9active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #117ABC;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi10  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #FF6400;
	}
	
	a.navi10active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #FF6400;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi11  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #46BB00;
	}
	
	a.navi11active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #46BB00;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi11active  { 
		color: #fff;
	}
	
	a:hover.navi12  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #008A7D;
	}
	
	a.navi12active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #008A7D;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi13  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #BD9E55;
	}
	
	a.navi13active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #BD9E55;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
	
	a:hover.navi14  { 
		display: block;
		text-decoration:none; 
		color: #fff;
		background-color: #BD9E55;
	}
	
	a.navi14active  { 
		display: block;
		color: #fff;
		text-decoration:none;
		text-align: left;
		background-color: #BD9E55;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px 15px;
		font-size: 12px;
		width: 202px;
	}
}