@charset "UTF-8";

@media screen, projection
{
	  	/***********************************************************************
         *
         *        Projekt:  Dietze + Schell
         *        
         *        Datei:    basemod.css
         *        
         *        --------------------------------------------------------------
         *         
         *        	1. Allgemeine Layouteinstellungen                                                      
         *        	2. Navigation oben
         *			3. Languagemenu
         *			4. Navigation links
         *			5. Content
         *			6. Rechte Spalte
         *			7. Footer
         *			8. Mailform                                                                     
         **********************************************************************/                                                                                                                                                                                    


          
          
        /***********************************************************************
         *
         *  1. Allgemeine Layouteinstellungen
         *
         **********************************************************************/                                           
          
      
		   body {
		        background-color:#9A9A9A;
		        background-image:url(../../images/bg.jpg); 
		        background-repeat:repeat-x;
		        padding: 0px 0 0px 0; 
		    }
		
		  /* Layout Alignment | Layout-Ausrichtung */
		  #page_margins { margin: 0 auto; }
		
		  /* Layout Properties | Layout-Eigenschaften */
		  #page_margins { width: 980px !important; background: #fff; }
		  #page { padding: 0px; }
		  #header { padding: 0px; color: #000; background:#edf2f8; height:128px;}
		  #topnav { color: #aaa; background: transparent; }
		  #nav { overflow:hidden; }
		  #nav_main { }
		  #main { margin: 0px 0; background: #fff; }
		  #footer {height:120px; background-image:url(../../images/footer_bg.jpg); background-repeat:repeat-x;}
		
		  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
		  #nav ul { margin-left: 20px; }
		
		  /*-------------------------------------------------------------------------*/
		
		  /**
		   * (de) Formatierung der Inhalts-Container
		   *
		   */
		
		  #col1 { float: left; width: 165px;  margin:0 }
		  #col2 { float: right; width: 150px;  margin:0 }
 		  #col2_worldmap { float: right; width: 0px;  margin:0 }		  
		  #col3 { width: auto; margin: 0 150px 0 165px}
		  #col3_worldmap { width: auto; margin: 0 0px 0 165px}
		  #col1_content { padding: 0 10px 0 20px; overflow:hidden; }
		  #col2_content { padding: 0 11px 0 0px }
		  #col3_content { padding: 0 5px }


		/***********************************************************************
         *
         *  2. Formatierung navi oben
         *
         **********************************************************************/
	
		   #nav{
		    background-image:url(../../images/navi.jpg);
		    height:36px;
		   }
		   #nav ul {
		    list-style-type:none;
		    margin:0px;
		    padding:0px;
		   }
		   #nav ul li{
		    float:left;
		    display:block;
		    height:31px;
		    padding-right:20px;
		    background-image:url(../../images/button_bg_right.gif);
		    background-position:right;
		    background-repeat:no-repeat;
		   }
		   #nav ul li a{
		    display:block;
		    color:#ffffff;
		    font-weight:bold;
		    margin-top:5px;
		   }
		   
		   #nav ul li.active a{
		   	color:#002967;
		   }
		   
		   #languagemenu {
		    float:left;
		    width:165px;
		    background-image:url(../../images/button_bg_right.gif);
		    background-position:right;
		    background-repeat:no-repeat;
		    height:31px;
		   }
   
   
   		/***********************************************************************
         *
         *  3. Formatierung Languagemenu
         *
         **********************************************************************/

		   .tx-srlanguagemenu-pi1 {
		   	margin-top:8px;
		   	margin-left:10px;
		   }
   
   
	   	/***********************************************************************
         *
         *  4. Formatierung navi links
         *
         **********************************************************************/
		   #col1_content ul {
		    list-style-type:none;
		    margin:0 0 0 -20px;
		    padding:0px;
		    padding-top:1px;
		   }
		   #col1_content ul li{
		    margin:0px;
		    padding:10px 0 10px 27px;
		    border-top:1px solid #002767;
		    
		    background-image:url(../../images/blue_arrow.gif);
		    background-position:17px 18px;
		    background-repeat:no-repeat;
		   }
		   #col1_content ul li.last{
		    border-bottom:1px solid #002767;
		   }
		   #col1_content ul li.active{
		    background-image:url(../../images/green_arrow.gif);
		    background-position:17px 18px;
		    background-repeat:no-repeat;
		   }
		   #col1_content ul li ul li{
		   	border:0px;
		   	background-image:none;
		   	padding:3px 0 3px 20px;
		   }
		   #col1_content ul li ul li.active{
		   	background-image:none;
		   }
		   #col1_content ul li a{
		    color:#000;
		    text-decoration:none;
		   }
		   #col1_content ul li.active a,
		   #col1_content ul li.active a:visited,
		   #col1_content ul li.active a:hover,
		   #col1_content ul li.active a:active{
		    color:#B2C900;
		   }
		   #col1_content ul li a:visited,
		   #col1_content ul li a:focus,
		   #col1_content ul li a:active{
		    color:#000;
		   }
		   #col1_content ul li a:hover{
		    text-decoration:underline;
		   }
		   #col1_content ul li ul li a{
		   	color:#002767!important;
		   	font-size:11px;
		    text-decoration:none;
		   }
		   #col1_content ul li ul li.active a{
		   	color:#B2C900!important;
		   	font-size:11px;
		    text-decoration:none;
		   }
		   #col1_content ul li ul li.active a:hover{
		   	color:#B2C900!important;
		   	font-size:11px;
		    text-decoration:underline;
		   }
   
   
   		/***********************************************************************
         *
         *  5. Formatierung Content
         *
         **********************************************************************/
		   
		   #col3_content {
		    height:auto!important;
		    height:500px;
		    min-height:500px;
		   }
		   
		   #col1_content {
		    margin-top:64px;
		
		   }
		   #col3_content p.bodytext{
			color:#242424;
		   }
		   #col2_content {
		    margin-top:64px;
		   }
		   
		   #col3_content .subcolumns .c50l{
		   	margin-right:15px;
		   }
		   .c50l, .c50r{
		   	width:49%!important;
		   }
		   
		   table{
		   	width:100%;
		   }
		   th {
		   	width:200px;
		   	vertical-align:top;
		   }
		   td{
		   	vertical-align:top;
		   }
		   .tr-odd{
		   	background-color:#ffffff;
		   }
		   .tr-even{
		   	background-color:#d2e0eb;
		   }

	
  		/***********************************************************************
         *
         *  6. Formatierung rechte Spalte
         *
         **********************************************************************/
   
		   #col2_content .green_container,
		   #col2_content .csc-frame-frame1{
		    border:3px solid #B2C900;
		    padding:10px;
		    width:118px;
		    margin-bottom:20px;
		   }
		   #col2_content p.bodytext {
		   	font-size:11px;
		   }
   
   
   		/***********************************************************************
         *
         *  7. Formatierung footer
         *
         **********************************************************************/
		   .nxsubmitbutton{
		    display:none;
		   }
		   #nxsearchbox{
		    float:left;
		    width:165px;
		   }
		   .nxsearchbox{
		    background-image:url(../../images/suche.gif);
		    width:128px;
		    height:18px;
		    border:0px;
		    padding-left:20px;
		    margin-left:17px;
		    margin-top:10px;
		   }
		   #footer_navigation{
		    float:left;
		    margin-left:320px;
		    margin-top:10px;
		    /* IE6 double margin bug */
		    display:inline;
		   }
		   
		   #footer .impressum,
		   #footer .agb {
		   	padding-right:10px;
		   	border-right:1px solid #000000;
		   	margin-right:10px;
		   }
   		#footer .impressum, #footer .aeb {
			border-right:1px solid #000000;
			margin-right:10px;
			padding-right:10px;
		}
   		.tx-felogin-pi1 label{
   			width:303px;
   			background-color:#D2E0EB;
		    padding:6px;
   		}
   		.tx-felogin-pi1 input {
   			display:block;
   			width:313px;
   			border:1px solid #D2E0EB;
   			height:25px;
   		}
   		.tx-felogin-pi1 input.submit_all{
   			width:auto;
   			padding-left:10px;
            margin-top: 10px;
            background-color: #ffffff;
            color: #B2C900;
            border: 0px solid #134E90;
            margin-left:0px;
            cursor:pointer;
            background-image:url(../../images/green_arrow.gif);
		    background-position:1px 13px;
		    background-repeat:no-repeat;
   		}
   		.felogin-hidden input{
   			border:0px;
   		}
   
   
   		/***********************************************************************
         *
         *  8. Formatierung Mailform
         *
         **********************************************************************/

          #col3_content form{
          	margin-bottom:20px;
          }
          
          
          .csc-mailform {
		            display: block;
		            border: 0;
		            margin: 0;
		            padding: 0;
		            width: auto;
	        }
	
	        div.csc-mailform-field {
		            clear: both;
		            margin: 0 0 0px 0px;
		            overflow: hidden;
	        }
	
	        div.csc-mailform-field label {
	        		display:block;
		            width: 548px;
		            margin: 0;
		            background-color:#D2E0EB;
		            padding:6px;
	        }
	         div.csc-mailform-field .csc-mailform-radio label {
	         		
					display:inline;
		            width: 560px;
		            margin: 0;
		            background-color:#ffffff;
		            padding-left:5px;
	        }
	        div.csc-mailform-field .csc-mailform-radio{
	        	border:0px;
	        }
	        fieldset{
	        	width:548px;
	        }
	
	        div.csc-mailform-field input,
	        div.csc-mailform-field select,
	        div.csc-mailform-field textarea {
		            float: left;
		            margin: 0;
		            padding: 2px;
		            border: 1px solid #D2E0EB;
		            background-color: #fff;
		            width: 554px;
	        }
	
	        div.csc-mailform-field select {
		            padding: 0;
		            width: 560px;
	        }
	
	        div.csc-mailform-field input.csc-mailform-submit {
		            width:auto;
   					padding-left:10px;
		            margin-top: 10px;
		            background-color: #ffffff;
		            color: #B2C900;
		            border: 0px solid #134E90;
		            margin-left:0px;
		            
		            background-image:url(../../images/green_arrow.gif);
				    background-position:1px 10px;
				    background-repeat:no-repeat;
	        }
	
	        .csc-mailform-radio fieldset {
		            background-color: #fff;
		            width: 554px;
			    height: 25px;
			    padding: 2px;
			    border:1px solid #D2E0EB;
	        }
	
	        .csc-mailform-radio fieldset legend {
		            display: none;
	        }
	
	        div.csc-mailform-field .csc-mailform-check,
	        div.csc-mailform-field span.csc-mailform-radio fieldset input {
		            background-color: #fff;
		            float: none;
		            padding: 0;
		            width: auto;
		            vertical-align: middle;
		            line-height: 16px;
		            height:25px;
	        }
			div.csc-mailform-field input {
				height:25px;
			}
	        .csc-mailform-radio fieldset label {
		            margin-left: 5px;
		            padding: 0;
		            width: 30px;
		            vertical-align: middle;
		            line-height: 16px;
		            float: none;
	        }
	        
	
	        .csc-mailform textarea {
		            font-family: Verdana, Helvetica, Arial, sans-serif;
	        }
	        
	    /***********************************************************************
         *
         *  8. Formatierung nxgallery
         *
         **********************************************************************/
	        
	        .gallery-element{
	        	width:310px;
	        	height:310px;
	        	overflow:hidden;
	        	
	        }
 			.gallery-thumbs{
 				margin-top:10px;
 				margin-bottom:0px;
 			}
 			.gallery-thumbs img{
 				cursor:pointer;
 			}
 			.gallery-thumbs img {
 				float:left;
 				/*width:62px;*/
 				height:62px;
 				margin-right:10px;
 			}
 			#nxgallery_img5{
         		display:none;
         	}
         	
 		/***********************************************************************
         *
         *  9. Formatierung FCE_LINK
         *
         **********************************************************************/
         
         	.fce_link{
         		margin-top:10px;
         		margin-bottom:10px;
         	}
         	.fce_link a,
         	.fce_link a:visited,
         	.fce_link a:focus,
         	.fce_link a:hover,
         	.fce_link a:active{
         		color:#B2C900;
         	}
         	
         	.fce_link_text{
         		position:relative;
         		top:-4px;
         		margin-left:5px;
         		margin-right:5px;
         	}
         	
        /***********************************************************************
         *
         *  10. Formatierung FCE_3-bilder_rechts
         *
         **********************************************************************/
         
            .dietzeschell_bilder{
                border:3px solid #B2C900;
                padding:10px;
                width:118px;
                overflow:hidden;
                margin-bottom:20px;
            }
            .dietzeschell_bilder .dietzeschell_link1 {
                margin-bottom:10px;
            }
            .dietzeschell_bilder .dietzeschell_pic1 {
                padding-bottom:10px;
                margin-bottom:10px;
                border-bottom:1px solid #B2C900;
            }
            .dietzeschell_bilder .dietzeschell_link2 {
                margin-bottom:10px;
            }
            .dietzeschell_bilder .dietzeschell_pic2 {
                padding-bottom:10px;
                margin-bottom:10px;
                border-bottom:1px solid #B2C900;
            }
            .dietzeschell_bilder .dietzeschell_link3 {
                margin-bottom:10px;
            }
            .dietzeschell_bilder .dietzeschell_pic3 {
            }
            

            
	.umschalter{
            	float:right;
		height:31px;
		overflow:hidden;
		margin-right: 15px;
	}
         
}