/*========================================================
	 *  general page styles
	 *========================================================
	 */
	
body {
	background-color: #aeb7bc;
	background-image: url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bg-letteron.png');
	background-repeat: repeat-y;
	margin:0px;
		
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#333333;
	line-height:1.5;
}

#page {
	margin-left:0px;
	margin-top: 0px;
	border: 0px;
	width:1140px;
	height:100%;

}


a:link, a:active, a:visited {
	color:#772266;
	text-decoration:none;
	outline:none;
}


a:hover {
		color: #772266;
		text-decoration:none;
		outline:none;
}



h2 {
               font-size:12px;
}




	/*======================================================= 
	 *   the top row - including logo and main navigation
	 *=======================================================
	 */
	 
#top_row {
	
	width: 1120px;
	height: 140px;
	
}


#logo {
	margin-left:20px;
	border:0px;
	float: left;
}

#logo img {
	border:0px;
}



#mainnav {
    position:absolute;
    left:270px;	
    width:850px;
	background-color:#f6f6f6;
	padding-top:92px;
	
}

#spacer {
	position: absolute;
	background-color: #adb7bc;
	top:0px;
	left:0px;
	height:20px;
	width:270px;
}


div#pageCounter {
	position:absolute;
	top:20px;
	left: 1050px;
	color: #772266;
	font-size:24pt;
	font-family:Arial;
	height:32px;
	width:42px;
}

div#localeSelecta {
	position:absolute;
	top:100px;
	left: 1000px;	
}

div#localeSelecta img {
	border: 0px;	
}

	/* =======================================================
	 *   the middle row - including subnavi, content area and
	 *   some text boxes on the right hand side
	 * =======================================================
	 */


#middle_row {
	
	position:relative;
	width: 1120px;
}



	#subnavi {
		position:absolute;
		left:20px;
		height:600px;
		float:left;
        padding-left: 15px;
        width: 225px;
  }
	
	#content {
		position:relative;
        left:0px;
        top:0px;    
		width:580px;
        float:left;    
	}

	#main-right {
		position:relative;
        left:0px;
        top:0px;
		width:270px;
        float:right;     
	}

    #clearer {
    	clear:both;
    }
	
	.imageBox {
        position:relative;
        margin-left:-15px;

	}
	
	.imageBox a img {
		border: 0px;
	}
	
	/* ========================================================
	 *   the footer - including the footer ;)
	 * ========================================================
	 */


	#footer {
		position:relative;
		margin-top:40px;
		margin-left:270px;
		height: 75px;
		width: 850px;
		background-color: #97bccf;	
		margin-bottom:40px;
		color: #3f3f3f;
	}	

        #footer-left {
            line-height:55px;
            width:565px;
            float:left;
            padding-left:15px;
            font-size:12px;
            color: #ffffff;
            
        }
        
        #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
        	color: #ffffff;
        	text-decoration: none;
        }

        #footer-right {
            height:65px;
            line-height:65px;
            padding-left:15px;
            float:right;
            width:245px;
            font-size: 10px;
            color: #adb7bc;
        }
	
	/* =======================================================
	 *	the boxes for articles 
	 * =======================================================
	 */
	 
	#articleHead {
		height:30px; 
		width:100%; 

	}
	
		#articleHeadText {
		        background-color:#006aad;	
			float:left;
			padding-left:10px;
			line-height:30px;
			color: white;
			font-size:12pt;
                        width:556px;
		}
		
		#articleHeadImage {
			width:14px;
			height:30px;
			float:right;
			background-image:url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bar-blue-corner.png'); 
                        
                        
			
		}
		
		/* article content */
		#articleBodyText {
                
			padding-top:0px;
			padding-left:10px;
			padding-right:10px;
		}
		
		#articleBodyText h1, #articleBodyText h3 {
      	      margin-top:10px;
			font-size:20px;
			color: #737373;
			line-height: 1;
			font-style:normal;
			font-weight:normal;
			font-size-adjust:none;
			font-style:normal;
			font-variant:normal;
		
		}
               #articleBodyText h2 {
                    margin-bottom:0px;
                }

                #articleBodyText p {
                    margin-top:3px;
                }

		
		.articleImage img {
			border:0px;
			text-decoration:none;
		}
		
		.articleBodyText ul li {
			list-style-type:none;
		}

		    /* ====================================================
             *     The newspages
             * ====================================================
             */

            div.news-detail { 
             	padding-left: 10px;  
            }
		
            div.news-detail h1 { 
	            margin-top:10px;
				font-size:20px;
				color: #737373;
				line-height: 1;
				font-style:normal;
				font-weight:normal;
				font-size-adjust:none;
				font-style:normal;
				font-variant:normal;
            
            }
		
			div.news-detail img {
				padding-bottom: 10px;
				position:relative;
				left: 10px;
			}
		
		
			/* ===========================================
			 *  	Sidebar Boxes in different colors    /
			 * ==========================================
			 */
		
		

	.box_schema1 {
    	margin-left:10px;
	}
	
	.box_schema1 a:hover {
		color: #006aac;
	}

		.box_schema1_boxHead {
		    width:100%;
		    height:30px;
		    color:white;
 			background-color: #bbbb31;       
		}

		.box_schema1_boxBody {
	        
            position: relative;
            min-height:120px;
		    margin-top:-1px;
		    margin-bottom:10px;
            padding-top:5px;
		    padding-bottom:10px;
		    padding-left: 10px;
		    padding-right: 10px;
		    background-color: #e2e390; 
		}

                .box_schema1_boxBody p {
                    margin-top:5px;
                    position:relative;
                    top:0px;
                }


		.box_schema1_boxHeadText {
		    float:left;
		    line-height:30px;
		    padding-left:10px;
		}

		.box_schema1_boxHeadImage {
		    float:right;
		    height:30px;
		    width:14px;
		  	background-image:url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bar-green-corner.gif');  
		}
	
	
		.box_schema1_link {
                    position:relative;
                    left:0px;
                    width:100%;
                    padding-top:0px;                 		
	            text-align:right;
		    font-weight:bold;
		}
			
		.box_schema1_link a {
			color: #772266;
		}
					/***** purple boxes *****/

	.box_schema2 {
	    margin-left:10px;
	}
	
	.box_schema2 a:hover {
		color: #006aac;
	}

		.box_schema2_boxHead {
		    height:30px;
		    color:white;
		    background-color: #772166;
		}
		
		.box_schema2_boxBody {
            position: relative;
            min-height:120px;
		    margin-top:-1px;
		    margin-bottom:10px;
            padding-top:5px;
		    padding-bottom:10px;
		    padding-left: 10px;
		    padding-right: 10px;
		    background-color: #a77997;
                    
		}

         .box_schema2_boxBody p {
		    color: #ffffff;
                    margin-top:5px;
                    position:relative;
                    top:0px;
                    
                }
		
		.box_schema2_boxHeadText {
		    float:left;
		    line-height:30px;
		    padding-left:10px;
		}

		.box_schema2_boxHeadImage {
		    float:right;
		    height:30px;
		    width:14px;
		  	background-image:url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bar-purple-corner.gif');  
		}
				
		.box_schema2_link {
			position:relative;
			left:0px;
			width:100%;
                    padding-top:0px;                 		
	            text-align:right;
		    font-weight:bold;
		}
		
		.box_schema2_link a {
			color: #ffffff;
		}
		
							/***** orange boxes ******/
		.box_schema3 {
	            margin-left:10px;
	        }
	
	        .box_schema3 a:hover {
	        	color: #006aac;
	        }

		.box_schema3_boxHead {
		    height:30px;
		    color:white;
		    background-color: #e08f00;
		}
		
		.box_schema3_boxBody {
			position: relative;
			min-height:120px;
			margin-top:-1px;
		    margin-bottom:10px;
			padding-top:5px;
		    padding-bottom:10px;
		    padding-left: 10px;
		    padding-right: 10px;
		    background-color: #fff6db;
		}

		.box_schema3_boxBody p {
		    margin-top:5px;
		    position:relative;
		    top:0px;
		}
		
		.box_schema3_boxHeadText {
		    float:left;
		    line-height:30px;
		    padding-left:10px;

		}

		.box_schema3_boxHeadImage {
		    float:right;
		    height:30px;
		    width:14px;
		  	background-image:url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bar-orange-corner.gif');  

		}
		
		.box_schema3_link {
                    position:relative;
                    left:0px;
                    width:100%;
                    padding-top:0px;                 		
	            text-align:right;
		    font-weight:bold;
		}

		.box_schema3_link a {
			color: #772166;
		}


							/***** blue boxes ******/
		.box_schema4 {
	            margin-left:10px;
	        }
	
	        .box_schema4 a:hover {
	        	color: #006aac;
	        }

		.box_schema4_boxHead {
		    height:30px;
		    color:white;
		  	background-color: #006aad;
		}
		
		.box_schema4_boxBody {
			position: relative;
			min-height:120px;
			margin-top:-1px;
		    margin-bottom:10px;
			padding-top:5px;
		    padding-bottom:10px;
		    padding-left: 10px;
		    padding-right: 10px;
		    background-color: #a8ceea;
		}

		.box_schema4_boxBody p {
		    margin-top:5px;
		    position:relative;
		    top:0px;
		}
		
		.box_schema4_boxHeadText {
		    float:left;
		    line-height:30px;
		    padding-left:10px;

		}

		.box_schema4_boxHeadImage {
		    float:right;
		    height:30px;
		    width:14px;
		  	background-image:url('/letteron/eContent/system/modules/de.letteron.econtent.template.LetteronWeb/resources/images/bar-blue-corner.gif');  

		}
		
		.box_schema4_link {
        	position:relative;
            left:0px;
            width:100%;
            padding-top:0px;                 		
	        text-align:right;
		    font-weight:bold;
		}

		.box_schema4_link a {
			color: #772166;
		}


        .box_schema5_boxHead {
           color:#737373;
           font-size:18px;
           padding-left:10px;
            display:none;	
	}
   
       .box_schema5_boxBody {
           padding-left:10px;
           
       }

	/* ===================================================
         *      listboxes
         * ===================================================
         */

                div.boxbody {
                    
                }
                
                div.boxbody_listentry {
                    padding-top:0px;
                    margin-top:0px;
                    margin-bottom:20px;
                }

                div.boxbody_listentry h5 {
                	margin-top:0px;
                	margin-bottom:0px;

                }
				.box_schema5 div.boxbody_listentry h5 {
					margin-top:0px;
					margin-bottom:0px;
					border-bottom: 1px solid #006bab;
				}
                div.boxbody_listentry div {
                    margin-bottom:10px;    
                    margin-top:10px;               
                }                

               div.boxbody_listentry h5 a {
                    color: #006aad;
                    font-size:12px;
                    font-weight:normal;
                }

                .box_schema5 div.boxbody_listentry h5 a {
                    color: #737373;
                    font-size:18px;
                    font-weight:normal;
                }


                div.boxbody_listentry h5 a:hover {
                    color:#006aad;
                }

                div.boxbody_listentry p {

                    display:inline;
                    padding-top:px;
                    
                }
		
		div.boxbody_listentry div.right {
                    float:right;
                    
                }
		
                div.boxbody_listentry div.left {
                    float: left;
                    padding-right: 10px;
                   	padding-bottom: 10px;
                }
		
		        div.listbox_moreLink {
                    float:right;
                }
		        
		        div.listbox_listentry_content { }

                div.listentry_left { 
                     padding-top:3px;
                     padding-right:5px; 
                    float:left;
                    margin-top:0px;
                }

                div.listentry_right { 
                     padding-top:3px;
                     padding-right:5px; 
                    float:right;
                    margin-top:0px;
                }

				div.listbox_moreLink {
                    float:right;
                }
		
		
		
		/* ====================================================
		 *   the main navigation lists
		 * ====================================================
		 */

	.nav_main ul {
		margin:0px;
		position:relative;
		left:0px;
		padding-left:10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #aeb7bc;

	}

		.nav_main li {
			position: relative;
			left: 0px;
			display:inline;
			list-style-type:none;
			padding-left:0px;
			padding-right:8px;
			border:1px solid #f3f3f3;			
		}
		
		.nav_main li img {
			border: 0px;
		}
		
		/* the menu item-texts - current means currently selected */
		.mainMenu {
			color: #006aac;
			text-decoration:none;
			font-weight: bold;
			font-size: 11pt;
			font-family: Arial;
		}

		.mainMenu sub {
			font-family: Arial;
			font-size: 7pt;
			color: #772266;
		}

		.mainMenu_current {
			color: #772266;
			text-decoration:none;
			font-weight: bold;
			font-size:11pt;
			font-family: Arial;
		}

		.mainMenu_current sub {
			font-family: Arial;
			font-size: 7pt;
			color: #772266;
		}

	/* =======================================================
	 * 	 the subnavigation 
	 * =======================================================
	 */
	
	.navLeft ul {
		position: relative;
		top:0px;	
		padding-left:0px;
		margin-left:10px;       
		margin-top:0px;        
	}
	
	.navLeft li {
		list-style-type:none;
		color: #006aac;
		font-size: 10pt;
		font-family:Arial;		
        font-size:11pt;
		
	}

    .navLeft li div {
    	padding-bottom:5px;
        padding-top:5px;
        border-bottom: 1px dashed #adb7bc;
    }
        
    .navLeft a {
    	color:#006aac;
    }

	.navLeft a.current {
		color: #772266;
		font-weight: normal;
	}

        .navLeft a:hover {
                color:#772166;
        }

		.navLeft li div.div-current {
			background-color: #f2f2f2;
		}

        .navLeft li div:hover {
        	background-color: #f2f2f2;
                
        }

        .navLeft a.current:hover {
                font-weight:normal;
                color: #772166;
        }
        
        #subnav_spacer {
        	height: 20px;
        }
   
          /*==========================================================
         *    the forms 
         * =========================================================
        */

        .element p {
            padding-left:10px;
        }
        
        .element h3 {
            padding-left:10px;	
        }


        table#contactTable {
            border-spacing:10px;
            width:500px;

        }

        table#contactTable td {
            border-spacing:10px;
        }

        td#formLabel {
            height:21px;
            width:180px;
            padding-left:10px;
            padding-top: 5px;
            padding-bottom:0px;
            vertical-align: top;
            background-color: #dedede;

        }

        td#formField {
            width:510px;
            padding:0px;
        }
        
         div#formLabel { 
            
            float:left;
            height:24px;
            width: 170px;
            line-height:24px;
            position:relative;
            background-color:#dedede;
            padding-left:10px;
        }
        
        div#formField {
            width:370px;
            height:24px;
            margin-left: 10px;
            float:right;
            margin-top:0px;
            padding-top:0px;
        }

        div#formField input {
            width:365px;
            border:1px solid #adb7bc;
            height:17px;
            padding-top:4px;  
            font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	    font-size:12px;
	    font-size-adjust:none;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:normal;        
        }

		
        .newslettersubscription-wrapper { padding-left:10px;}
        .newslettersubscription-wrapper h1 { 
            margin-top:10px;
			font-size:20px;
			color: #737373;
			line-height: 1;
			font-style:normal;
			font-weight:normal;
			font-size-adjust:none;
			font-style:normal;
			font-variant:normal;
		}
        .newslettersubscription-buttons { position:relative; padding-top:10px; clear:both; float:right; }
        .newslettersubscription-buttons input{ border:1px solid #adb7bc; margin:10px; color:#3f3f3f;}

        .onlineform {
            border: 1px solid #adb7bc;
            width:100%;
          
            padding-top:3px;
            padding-bottom:3px;
            
            font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	    font-size:12px;
	    font-size-adjust:none;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:normal;
        }

        textarea.onlineform {
            
            height:130px;
            margin-bottom:0px;
            font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	    font-size:12px;
	    font-size-adjust:none;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:normal;
        }

        .formbutton {
            border: 1px solid #adb7bc;
            margin: 10px;
            color:#3f3f3f;
        }

        span.redstar {
            color: #772166;
        }


        
        span#formFieldError {
            color:#772166;
            font-size:8pt;
            
        }

        td#buttonField {
            text-align:right;
            padding-right:0px;
        }

            /* the check page */

        table#checkFormTable {

            padding-left:10px;
            border-spacing: 5px;
        }
        
        table#checkFormTable td {
            border-bottom: 1px solid #dedede;
            
        }
        
   
        
    /* ================================================================
     *  teasers
     * ================================================================
     */


    #articleTeasers {
         margin-left:10px;
         margin-top:20px;  
    }

    #teaser_schema1 {
    
    }

    #teaser_schema1_Headline {
        border-bottom: 1px solid #006bab;
        font-size: 18px;
        color: #737373;
    }

    #teaser_schema1_Body {
       background-color:transparent;
    }


    #teaser_schema1_Text a {
        position:relative;
        width:100%;
        float:right;
        text-align:right;
        top:-20px;

    }
    
     #teaser_schema1_Image {
        padding-top:10px;
        width:240px; 
        min-height:0px;
       float:left;
       border: 0px;
        
    }

    #teaser_schema1_Text {
        position:relative;
        left:0px;
        float:right;
        width:310px;
        margin-left:10px;
        margin-right:10px;
        padding-top:15px;
    }

    #teaser_schema1_Text p {
       margin-top:0px;
    }

    #clearfix {
        clear:both;
        height:0px;
    }
        

    #teaser_schema2 a {
    	position: relative;
    	top:-20px;
    	float:right;
    }

    #teaser_schema2_Headline {
        border-bottom: 1px solid #006bab;
        color:#737373;
        font-size:18px;
    }

    #teaser_schema2_Body {
       
    }