/*  */
/*====================================== BASICS ====================================*/
    

	body {
	margin:0 auto;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:1024px;
	background:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align: justify;
	vertical-align: baseline;
	/*min-height: 1300px;*/
	line-height:12pt;
	padding-left: 15px;
    }


h2			{
	color:#666;
	line-height:12pt;
			}


h1, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
	
p {
        margin:.4em 0 .8em 0;
        padding:0;
		
    }
	
	
img {
		border:none;
		margin:10px 0 5px;	
	}
	
li {
		list-style-type:none;
		padding:0px;
		margin:0px;}
		


/*====================================== HEADER + NAVIGATION ====================================*/	


.link_logo {
	position:absolute;
	left: 590px;
	top: 6px;
					}


.horizontal_navi li	{
						font-size:12px;
						color:#FFF;
						display:inline;
						list-style-type: none;
						padding-left:45px;
						
						}
						
.horizontal_navi li a {
						text-decoration:none;
						color:#FFF;}
						
						
.horizontal_navi li a:hover {
						text-decoration:underline;
						color:#FFF;}
						
	

						
.ul_navi 	{
						list-style-type:none;
						padding-top:0px;
						padding-left: 0px;
						
								}
			
.ul_navi a 	{
						color:#666;
						text-decoration:none;
						
						}
			
.ul_navi a:hover 	{
						color:#485d96;
						text-decoration:none;
						
							}
							
.ul_rechterkasten	{
						list-style-type:none;
						padding:0px;
						text-align:left;
					}
			
									
									
#header {
	background-image:url(../img/hamburgportal_panorama_01.jpg);
	background-repeat:no-repeat;
	height:153px;
	clear:both;
	float:left;
	width:100%;
					}
	
#navigation {
						padding-top:110px;
						width:1024px;
						height:25px;
						}


/*====================================== CONTENT ====================================*/	 

#Nachricht {
			width:273px;
			height:150px;
			padding:2px 0 3px 3px;
			color:#91867f;
			border:1px solid #a09b96;}


.button {
			width:100px;
			padding-left:8px;
			color:#999;
			background:none;
			border:1px solid #a09b96;
			height: 20px;
		}


.input {
			width:170px;
			padding:2px 0 3px 3px;
			color:#91867f;
			background:none;
			border:1px solid #a09b96;
			height: 20px;
		}

.checkbox {
			background:none;
			border:1px solid #a09b96;}


#box1		{
			border:1px solid #dde0e4;
			width:583px;
			height: 100%;
			margin-top:10px;
			margin-left:5px;
			/*margin-right:15px;*/
					float:left;
					}
			
#box2		{
			border:1px solid #dde0e4;
			width:182px;
			height:100%;
			float:left;
			margin-left:5px;
			margin-top:10px;
					}


#box3     	{
			border:1px solid #dde0e4;
			width:182px;
			height:100%;
			float:left;
			margin-left:16px;
			margin-top:10px;
					}


#box4     	{
			border:1px solid #dde0e4;
			width:183px;
			height:100%;
			float:left;
			margin-left:16px;
			margin-top:10px;
					}


#box5		{
			border:1px solid #dde0e4;
			width:583px;
			height: 100%;
			margin-top:10px;
			float:left;
			margin-left:5px;
			
			}
	
	
#box6		{
			border:1px solid #dde0e4;
			margin-left:5px;
			float:left;
			margin-top:10px;
			margin-bottom:50px;
			width:583px;
			}						
			
			

.text_in_box {
			padding:10px;
			padding-top:1px;
			color:#504f4f;
			}
			
.text_in_box a {
			color:#504f4f;
			text-decoration:underline;
			}	
			
.text_in_box a:hover {
			color:#a8a8a8;
			text-decoration:none;
			}



#crumb 		{
			padding-top:5px;
			color:#929292;}

			
#crumb	a	{
			color:#929292;
			text-decoration:none;
			}
			
#crumb	a:hover	{
			color:#929292;
			text-decoration:underline;
			}
			
#links_kasten {
			color:#666;
			background-color:#edf1f4;
			width:200px;
	
			}
			
.liste 		{
			padding:0px;}			
			
			
	/* holy grail 3 column settings */
	
.holygrail {
					background:#edf1f4;    	/* Right column background colour - Vorher:#edf1f4 */
				}
				
	
.holygrailbox1		{
					font-size:11px;
					border:1px solid #dde0e4;
					float:left;
					width:183px;
					height:100%;
					background:#fff;
					margin-top:30px;
					padding-left:10px;
					padding-right:5px;
									}
									
.holygrailbox2		{
					font-size:11px;
					border:1px solid #dde0e4;
					float:right;
					width:183px;
					height:100%;
					background:#fff;
					margin-top:20px;
					padding-left:10px;
					padding-right:5px;
									}	
	
	
	
.holygrail .colmid {
					float:left;
					width:200%;
					margin-left:-200px; 	/* Width of right column */
					position:relative;
					right:100%;
					background:#fff;    	/* Centre column background colour */
				}
	
	
.holygrail .colleft {
					float:left;
					width:100%;
					margin-left:-50%;
					position:relative;
					left:400px;         	/* Left column width + right column width */
					background:#edf1f4;  	/* Left column background colour */
				}
	
.holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		
}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
	
	
.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
                 	/* right:15px;Width of the left-had side padding on the left column */
    }
	
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of right column content (right column width minus left and right padding) */
	/* margin-right:15px;Width of right column right-hand padding + left column left and right padding */
    position:relative;
	left:50%;
	right:50%;
    }
	
	
#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}	
	
	/* column container */
	
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
		
			
/*====================================== FOOTER ====================================*/				
			
#footer {
        clear:both;
        float:left;
        width:100%;
		height:100%;
		display:block;
		background-color: #8ea0ca;
		margin-left: auto;
		margin-right: auto
    }
	
#footer p {
        padding:5px;
        margin:0;
		text-align:center;
    }
	
#footer p a {
        color:#000;
		text-decoration:none;
    }
	
	
#footer p a:hover {
        color:#edf1f4;
		text-decoration:underline;
    }	
		

	
    /*  */