body, html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Times New Roman;
    font-size:1em;
}


body{
    color:#142F44;
    background:url(pixel-blue.jpg);
}


a{
    font-weight:normal;
    color:#142F44;
}

a:link, a:visited, a:active{
    text-decoration:underline;
	font-weight:normal;
	color:#142F44;
}

a:hover{
    text-decoration:underline;
    color:#142F44;
}

img{
	border-width: 0px;	
}

#navi a{
    font-weight:bold;
}

#navi a:link, #navi a:visited, #navi a:active{
    color:#d5d5d5;
    text-decoration:none;
}

#navi a:hover{
    color:#d5d5d5;
    text-decoration:underline;
}


h1{
	margin:0;
	padding:0;
	font-size:1.4em;	
	text-align:left;
}


h2{
	margin:3px 0 0 0; /*orul*/
	padding:0;
	font-size:1em;	
	text-align:left;
}

h3{
	margin:0;
	padding:0;
	font-size:1em;	
	text-align:left;
}

ul{
	margin-top:1px;
	padding-left:20px;
}

p{
	text-align:justify;
}

/* IDs */

#main{
    width:1000px;
    margin:0;
    padding:0;
    padding-top:1px;
    background:url(hamburgwebcam-design.jpg) no-repeat left top;    
}


#content{
    width:745px;
    margin: 304px 0 0 195px; /*orul*/
    padding:25px;
    background:url(pixel-blue.jpg);
    font-size:0.8em;

} 


div>#content{
	    margin: 304px 0 0 198px; /*orul*/
}


#navi{
    float:left;
    width:197px;
	height:1150px;
    margin:304px 0 0 0; /*orul*/
    padding:10px 0 10px 0; /*orul*/
    background:url(hamburg-webcam-menu.jpg) repeat-y;
    font-size:0.8em;
    list-style:none;
    color: #ECD6AF;
}


#navi li{
    margin:0px 5px 0px 5px;/*orul*/
    padding:5px 1px 5px 15px; /*orul*/
    display:block;
}


#navi li a{
	font-weight:bold;
	display:block;
}


#navi li a:hover{
	text-decoration:none;
	background-color:#d5d5d5;
	color:#142F44;
}

#navi ul{
	margin: 0 0 0 15px;
	padding: 0;
	list-style:none;	
}

#navi ul li{
	margin: 0;
	padding: 1px 1px 1px 1px;	
}

#navi ul li a{
	font-weight:normal;	
}

#navi a.active, #navi a:visited.active, #navi a:active.active, #navi a:link.active{
	text-decoration:none;
	background-color:#d5d5d5;
	color:#142F44;
}

#fotos {
	margin:0;
	width:750px;
	text-align:center;
	border: 1px solid #142F44;
	border-width: 1px 0 0 1px;
}

#fotos th, #fotos td {
	margin: 0;
	padding:.5em .25em;
	width: 33%;
	height: 230px;
	border-right: 1px solid #142F44;
	border-bottom: 1px solid #142F44;
} 

#fotos th {
	font-weight: bold;
}



/* Klassen */
.cleared{
	clear:both;	
}

.centered{
    text-align:center;
}

.rightaligned{
    text-align:right;
}

.justified{
    text-align:justify;
}

.pictitle{
    font-size:0.8em;
}

.leftfloat{
    border:0px;
    float:left;
    margin:10px;
}

.rightfloat{
    border:0px;
    float:right;
    margin:10px;
}

#adsense{
	position: absolute;
	top: 455px;
	left: 20px;
}