@charset "utf-8";
/* PH-Hamburg.de STYLE-CSS */

/*--------------------------------- BASICS --------------------------------------------*/


* {
	margin: 0px;
	padding: 0px;
	}
	
input, textarea {
	font-family:Arial;
	font-size:12px;
	color:#000;
	}


img {
	border: none;
	}
	
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a8ba2;
	}
	
body {
	background-color:#000;
	}
	
a {
	color:#7a8ba2;
	}

a:hover {
	text-decoration:none;
	}

/*--------------------------------- Sub Container ---------------------------------------*/

/* =================== NAVI =================== */	

#navi ul {
	list-style: none;
	margin-left:80px;
	}

#navi li {
	line-height:26px;
	display:block;
	width:135px;
	padding:10px 0 10px 20px;
	border-bottom:1px dotted #424c5c;
	}

#navi a {
	font-size:16px;
	text-decoration:none;
	color:#7a8ba2;
	padding-left:30px;
	background:url(images/navi_punkt.gif)  left no-repeat;
	}
	
#navi a:hover {
	color:#FFF;
	}
	
#navi ul li a:hover {
	background:url(images/navi-hover.gif) left no-repeat;
	}
	
#navi a:focus {
	color: #FFF;
	}

#navi ul li ul {
	margin:0;
	padding:0;
	}
	
#navi ul li ul li {
	line-height:16px;
	padding:0;
	margin:5px 0px 5px 0px;
	border:none;
	background:none;
	}
	
#navi ul li ul li a {
	font-size:12px;
	padding-left:0px;
	margin-left:31px;
	background:none;
	}

#navi ul li ul li a:hover {
	background:none;
	}
	
#navi ul li ul li:hover {
	background:none;
	}

#navi ul li .act {
	background:url(images/navi-hover.gif) left no-repeat;
	color:#FFF;
	}

/*--------------------------------- Content ---------------------------------------*/


#hamburg-text {
	margin-top:120px;
	padding-bottom:40px;
	}

#content {
	width:521px;
	min-height:422;
	height:auto !important;
	height:422px;
	padding:20px 40px 0 30px;
	}

#disclaimer {
	margin-top:100px;
	}

/* =================== Text-Box 1 =================== */
.text-box1 {
	padding:0 15px 20px 5px;
	border-bottom:1px dotted #424c5c;
	margin-bottom:20px;
	height:130px;
	}

/* =================== Text-Box 2 =================== */

.text-box2 {
	padding:0px 15px 0px 5px;
	}
	
/* =================== Text-Box 2 [.bildbox] =================== */

.bildbox {
	width:236px;
	height:134px;
	margin-right:20px;
	}
	
.bildbox img {
	border:7px solid #424c5c;
	}
	
.bildbox img:hover {
	border:7px solid #505d70;
	}
	
.list {
	width:230px;
	margin-left:10px;
	}
	
.list ul {
	margin-top:-5px;
	list-style:none;
	}

.list li {
	margin:10px 0 10px 0;
	}

/* =================== Galerie IMG-Box =================== */

.galerie-img-box {
	text-align:center;
	padding:0 0px 28px 0px;
	border-bottom:1px dotted #424c5c;
	margin-bottom:30px;
	}
	
.galerie-img-box img {
	border:5px solid #424c5c;
	}
	
/* =================== Weiter Link =================== */

#galerie-cat ul .pic-weiter {
	background:url(images/pic-weiter.jpg) right no-repeat;
	padding-right:10px;
	}

#galerie-cat ul .pic-weiter:hover {
	background:url(images/pic-weiter-hover.jpg) right no-repeat;
	}

/* =================== Zurück Link =================== */

#galerie-cat ul .pic-back {
	background:url(images/pic-back.jpg) left no-repeat;
	padding-left:10px;
	}

#galerie-cat ul .pic-back:hover {
	background:url(images/pic-back-hover.jpg) left no-repeat;
	}


/*--------------------------------- Galerie Area ---------------------------------------*/

#galerie-pics {
	width:591px;
	height:710px;
	}


/* =================== Weiter / Zurück Links =================== */

#galerie-cat {
	padding:12px 40px 0 40px;
	}

#galerie-cat ul {
	list-style:none;
	}

#galerie-cat li {
	display:inline;
	}
	
#galerie-cat li a {
	text-decoration:none;
	}

#galerie-cat li a:hover {
	color:#FFF;
	}

/* =================== Weiter Link =================== */

#galerie-cat ul .site-weiter {
	background:url(images/site-weiter.jpg) right no-repeat;
	padding-right:10px;
	}

#galerie-cat ul .site-weiter:hover {
	background:url(images/site-weiter-hover.jpg) right no-repeat;
	}

/* =================== Zurück Link =================== */

#galerie-cat ul .site-back {
	background:url(images/site-back.jpg) left no-repeat;
	padding-left:10px;
	}

#galerie-cat ul .site-back:hover {
	background:url(images/site-back-hover.jpg) left no-repeat;
	}


/*--------------------------------------- CLASSES ---------------------------------------*/

.fl {
	float:left;
	}

.fr {
	float:right;
	}

.nav-b {
	border-bottom:1px dotted #999;
	}

.q_logo {
	margin-top:7px;
	margin-left:20px;
	}
	
.block {
	background-color:#999;
	}
	
.subnavi {
	height:20px;
	width:100px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px 0;
	display: none;
	}
	

/* =================== Text Classes =================== */

.orange {
	color:#ff6600;
	}
	
h2 {
	font-family:"Myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	padding-left:15px;
	border-left:3px solid #70839f;
	margin-bottom:14px;
	}

h3 {
	font-family:"Myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	border-left:3px solid #70839f;
	margin-bottom:30px;
	background-color:#1e252e;
	}


.h3 {
	font-size:14px;
	font-weight:bold;
	}

/* =================== Other =================== */

.clear {
	clear:both;
	}
	

/* =================== Jumper =================== */
	
.jumper {
	height:14px;
	width:65px;
	float:right;
	margin-right:8px;
	}
	
.jumper_link {
	font-size:10px;
	background-image:url(../images/button_jumper.jpg);
	background-repeat:no-repeat;
	padding-left:11px;
	}
	
.jumper a {
	text-decoration:none;
	color:#666;
	}

.jumper a:hover {
	color:#000;
	}

	
/*------------------------------- CONTACT FORM -------------------------------*/

.button {
	height:24px;
	padding:0;
	border:1px solid #2a313a;
	background:#2a313a;
	color:#7a8ba2;
	}


.input {
	width:130px;
	height:18px;
	border:1px solid #2a313a;
	background:#2a313a;
	padding:2px 0 2px 2px;
	font-size:1em;
	color:#7a8ba2;
	}

.input:focus {
	border:1px solid #424c5c;
	}

textarea:focus {
	border:1px solid #424c5c;
	}
	
.button:hover {
	border:1px solid #424c5c;
	}
	
.select {width:133px; border:1px solid #ccc; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {height:108px; width:248px; border:1px solid #2a313a; background:#2a313a; font-size:1em; color:#7a8ba2; padding:2px 0 0 2px;}

/*
input:focus {
	background:;
	}

textarea:focus {
	background:;
	}
	
select:focus {
	background:;
	}

*/