@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;    
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
    line-height: 1;
    color:#000;
    background: white;
	background-image:url(../historische-bruecken-erfurt/bruecken-erfurt-001.jpg);
	background-repeat:repeat;

}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

a {
	color:#000;
	text-decoration:none;
}

#center {
	position: absolute;
	left: -12px;
	width: 100%;
	top: -35px;
}

#content {
	position:relative;
	background-image:url(../historische-bruecken-erfurt/bruecken-erfurt-002.jpg);
	background-repeat:no-repeat;
	width:1085px;
	height:1600px;
	left: 50%;
	margin-left: -545px;

}


#content_ohne_alles {
	position:relative;
	background-image:url(../historische-bruecken-erfurt/bruecken-erfurt-006.jpg);
	background-repeat:no-repeat;
	width:1085px;
	height:1513px;
	left: 50%;
	margin-left: -545px;
}

#content_mit_bildrahmen {
	position:relative;
	background-image:url(../historische-bruecken-erfurt/bruecken-erfurt-005.jpg);
	background-repeat:no-repeat;
	width:1085px;
	height:1513px;
	left: 50%;
	margin-left: -545px;
}


#content em {
	font-style: italic;
}

#content_ohne_Zitat em {
	font-style: italic;
}

#logo {
	position:absolute;
	left:715px;
	top:115px;
}


#vereinsbezeichnung {
	position:absolute;
	left:155px;
	top:190px;
}

#menue {
	position:absolute;
	left:140px;
	top:320px;
	font-size:1em;
	text-transform: uppercase;
	font-weight: bold;
}

#menue a {
	color: #000;
	margin:7px;
	text-decoration:none;
}


#menue a:hover  {
	text-decoration: underline;
}

#menue a:active  {
	text-decoration: underline;
}



#headline {
	position:absolute;
	left:130px;
	top:230px;
}

h1 {
	font-size:1.2em;
	line-height:1em;
	color:#000;

}

h2 {
	font-size:1.3em;
	line-height:2.3em;
  color:#75340a;
  font-weight: bold;
}

h3 {
	font-size:1em;
	margin-bottom:15px;
	color:#000;
}

#links {
	position:absolute;
	left:160px;
	top:410px;
	font-size:0.95em;
	width:350px;
	line-height:20px;
}

#links a {	
	color:#74340a;
	font-weight:bold;
	font-size:0.9em;	
}

.links_galerie{
	position:absolute;
	left:175px;
	top:440px;
	font-size:1em;
	color:#74340a;
	width:350px;
	line-height:20px;
}

#literatur {
  position:absolute;
	left:151px;
	top:380px;
}

#literatur-links {
  width:770px;
	font-size:1em;
	padding-right:25px;
	height: 970px;
  overflow-x: hidden;
}

#literatur_block {
	margin-top:15px;
	line-height:20px;
	line-height:20px;
	padding:15px;
	border: none;
}

#literatur a {
	text-decoration:underline;
  font-weight: bold;
	color:#74340a;
	line-height:20px;
}

#literatur li {
	line-height:22px;
  margin-bottom:19px;
}

#archiv {
  position:absolute;
	left:151px;
	top:380px;
}

#chronik-mit-archiv {
  width:850px;
	font-size:1em;
	height: 970px;
  overflow-x: hidden;
}

#chronik-mit-archiv img {
  -webkit-box-shadow: 2px 1px 12px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 2px 1px 12px 1px rgba(0,0,0,0.15);
  box-shadow: 2px 1px 12px 1px rgba(0,0,0,0.15);
  border: 3px solid #d1be8b;
}

#chronik-mit-archiv .container {
  margin: 10px;
  padding: 15px;
  -webkit-box-shadow: -2px -1px 12px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: -2px -1px 12px 1px rgba(0,0,0,0.16);
  box-shadow: -2px -1px 12px 1px rgba(0,0,0,0.16);
}

#chronik-mit-archiv h1{
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 1em;
}

#chronik-mit-archiv h2{
  color: #74340a;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

#chronik-mit-archiv p{
  color: #2F1D0B;
  line-height: 1.15em;
  margin-top: 20px;
}

#chronik-mit-archiv a.link{
  color: #74340a;
  line-height: 1.15em;
  font-style: oblique;
  text-decoration: underline;
}

#chronik-mit-archiv img{
  margin-bottom: 15px;
}

#chronik_block {
	margin-top:30px;
	line-height:20px;
	line-height:20px;
	padding:15px;
	border:2px #c9aa6a solid;
}

#chronik_block img {
	border:#ceaf6f 5px solid;
}

#chronik_block a {
	color: #000;
  text-decoration: underline;
}

#chronik_block h4 {
	font-weight: bold;
  line-height: 30px;
}

.chronik_bildunterschrift {
	font-size:0.7em;
	color:#74340a;
}

#datenschutz {
	position:absolute;
	left:151px;
	top:349px;
	width:770px;
	font-size:1em;
	padding-right:25px;
	height:auto;
}

#datenschutz a {
	color: #000;
}

#datenschutz h4 {
	font-weight: bold;
  line-height: 30px;
}

#slider_bruecken {
	position:absolute;
	left:240px;
	top:444px;
	width:550px;
	padding:30px;
}

#lageplan {
	position:absolute;
	left:170px;
	top:390px;
	width:auto;
	color: #876b43;
	font-size:15px
}

#lageplan_mini {
	position:absolute;
	left:455px;
	top:575px;
	width:auto;
}


#lageplan_umland {
	position:absolute;
	left:130px;
	top:410px;
	width:auto;
	color: #876b43;
	font-size:15px
}

#lageplan_umland img {
	margin:8px;
	border:4px #c4a576 solid;
}

#lageplan_umland a {
	color: #74340a;
	font-size:17px
}

#lageplan a {
	color: #74340a;
	font-size:17px
}

#lageplan img {
	margin:20px;
	border:5px #c4a576 solid;
}

#video_flash{
	position:absolute;
	left:235px;
	top:390px;
	width:600px;
	color: #74340a;
	line-height:20px;
	font-size:15px;
	padding:20px;
	border:3px #c9aa6a solid;

}

#video_flash h2 {
	font-size:1.4em;
	margin-bottom:15px;
	line-height:30px
}

#hinweis {
	position:absolute;
	left:220px;
	top:920px;
	width:670px;
	color: #876b43;
	font-size:0.8em
}

#karten {
	position:absolute;
	left:200px;
	top:990px;
	width: auto;
}

#karten a {
	color:#74340a;

}

#karten img {
	margin:11px;
	border:3px #c4a576 solid;
}

#float {
	float:left;
	margin-bottom:20px;
	margin-right:17px;
	color:#74340a;
}


#rechts {
	position:absolute;
	left:580px;
	top:370px;
	font-size:1em;
}

#rechts_start {
	position:absolute;
	left:580px;
	top:380px;
	font-size:1em;
}

#rechts_content {
	width:370px;
	padding-top:0px;
	margin-bottom:25px;
	font-size:1em;
	line-height:20px;
}

#rechts_content img {
	padding:5px;
	border:1px #ae9259 dotted;
}

.vorstand {
  width: 200px;
  min-height: 75px;
  float: left;
  font-size: 0.8em;
}

.vorstand-float {
  font-size: 0.8em;
  min-height: 75px;
}

.vorstand p, .vorstand-float p {
  text-transform: uppercase;
}

.vorstand p::first-letter, .vorstand-float p::first-letter {
  font-size: 135%;
}

ul {
	margin-top:15px;
	list-style-type: disc;
	font-size:1em;
	font-weight:normal;
}

li {
	margin-left:20px;
	margin-bottom:5px;
}

#rechts_content_start {
	width:370px;
	margin-bottom:30px;
	font-size:1em;
	line-height:20px;
}

#rechts_content_slider {
	width:370px;
	height:250px;
	margin-bottom:35px;
	margin-top:20px;
	font-size:0.9em;

}

#rechts_content_impressum {
	width:350px;
	padding-right:5px;
	font-size:1em;
	line-height:20px;
	height:980px;
	overflow: auto
}

#rechts_content_ohne {
	width:370px;
	padding-top:5px;
	margin-bottom:25px;
	font-size:1em;
	line-height:20px;
}

#rechts_content_galerie {
	width:280px;
	height:650px;
	padding-left:40px;
	padding-top:10px;
	font-size:0.8em;
	font-weight: bold;
	overflow: auto;
}

#rechts_content_galerie a {
	text-decoration:none;
	color:#74340a;
	font-weight: normal;
}

.counter {	
	color: #695632;  
}

.impressum_counter {
	position: absolute;
  text-align: center;
	top:1580px;
	font-size:1em;
	padding-bottom:50px;
	color: #000;
  width: 100%;
}

/* ZOOM CONTAINER */
.zoom				{ display: block; }

/* FOR IMAGE DEMO */
.small img			{ width: 240px; height: 240px; }
.large img			{ width: 2000px; height: 2213px; }

.column {
  float: left;
  height: 100%;
}

.left {
  width: 320px;
}

.middle {
  width: 30px;
  height: 50px;
}

.right {
  width: 380px;
	padding: 5px;
  border-right: 2px solid #c3aa7b;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Computer und Tablet CSS */
@media only screen and (min-device-height: 600px) and (max-device-height: 800px) {

#content {
	left: 51%;
	margin-left: -530px;
}

#content_ohne_alles {
	left: 51%;
	margin-left: -530px;
}

#content_mit_bildrahmen {
	left: 51%;
	margin-left: -530px;
}
}