/* RESET all browser defaults */
* {
  margin: 0px;
  padding: 0px;
}



/* HTML, BODY */
html, body {
  width: 100%;
  height: 100%;
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #68676b;
	background:#010000;
}



/* TOP */
#top-container {
  height:101px;
  width:100%;
  background-color:#f70f04;
  background-image:url(img/top-pattern2.gif);
  background-repeat:repeat-x;
}



/* Navigation Lvl1 */
#navigation {
  height:35px;
  width:100%;
  background-color:#f70f04;
  background-image:url(img/top-navi-pattern.jpg);
  background-repeat:repeat-x;
}
#navigation ul {
	float:right;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	text-align: right;
	padding: 0;
	float: left;
	padding-right:4px;
	margin-left:0px;
}
#last {
  margin-right:20px;
}
#navigation A {
	float:left;
	display: block;
	width:160px;
	height:31px;
	margin-top:4px;
}



/* Navigation Lvl2 */
#navigation_extended {
  height:35px;
  width:100%;
}
#navigation_extended ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#navigation_extended li {
	display: inline;
	padding: 0;
	float: left;
	padding-right:25px;
	margin-left:0px;
}
#navigation_extended A {
  width:62px;
	height:25px;
	display: block;
}



/* Navigation MiniKarte */
.minikarte_navi {
	margin: 0;
	padding: 0;
	list-style:none;
}
.minikarte_navi A {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #68676b;
	text-decoration:none;
}
.minikarte_navi A:hover {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}
.minikarte_navi A.active {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}



/* GALLERY */
#gallery {
  clear:both;
  text-align:center;
  width:100%;
  background-color:#010000;
  padding-bottom:20px;
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #68676b;
}
#minikarte {
  margin-top:7px;
  margin-left:14px;
}
.minikarte_headline {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #f70f04;
	text-decoration:none;
}
#gallery_sights_headline {color:#b8d227;}
#gallery_kkm_headline {color:#23864b;}
#gallery_ks_headline {color:#bc0707;}
#gallery_gastronomie_headline {color:#dd9200;}
#gallery_sport_headline {color:#317bce;}



/* CONTENT */
#content {
  clear:both;
  height:323px;
  width:100%;
  text-align:center;
  overflow:auto;
  background-color:#ffffff;
  background-image:url(img/shadow-pattern.jpg);
  background-repeat:repeat-x;
  background-position:0px 285px;
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color: #68676b;
}
#berlinerfernsehturm {
  position:absolute;
  top:150px;
}
#handunddreikarten {
  position:absolute;
  top:166px;
}
#sonderformat {
  position:absolute;
  top:165px;
}
#knickfalz:hover {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #f70f04;
	text-decoration:none;
}
#liporello1:hover {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #f70f04;
	text-decoration:none;
}
#liporello2:hover {
  font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #f70f04;
	text-decoration:none;
}



/* KONTAKTFORMULAR */
#kontaktformular {
  position:absolute;
  width:350px;
  height:250px;
  background-image:url(img/content_5_2.jpg);
  background-repeat:no-repeat;
}
#kontaktformular table {
  background-color:#edeeef;
  width:260px;
  height:21px;
  margin-left:37px;
}



/* TAGs */
img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
p {
  margin-bottom: 18px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}
ul {
  list-style-type:disc;
}
ul li {
  margin-left:16px;
}


A                     {color: #68676b; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; font-weight:normal;}
A:link                {}
A:visited             {}
A:hover               {color: #ffffff;}
A:active              {color: #ffffff;}

A.red {
  font-weight: bold;
  color: #f70f04;
}
A.red:link {
  font-weight: bold;
  color: #f70f04;
}
A.red:hover {
  font-weight: bold;
  color: #010000;
}
A.red:active {
  font-weight: bold;
  color: #f70f04;
}
A.redActive {
  font-weight: bold;
  color: #f70f04;
}


/* Special Classes */
.alarm {
  font-weight: bold;
  color: #f70f04;
}
.invisible {
  display:none;
}