/*******************************************************************************

	Project		:	bauakte.info
	Copyright	:	Ing.-Büro WIUME

*******************************************************************************/

/* CSS layout */
:link,:visited { text-decoration:none; font-weight:bold;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

a:hover { text-decoration:none; }
a:link { text-decoration: none; color:red; font-weight:bold;}
a:visited { text-decoration: none; color:red;}
a:active { text-decoration: none; color:red;}
a:hover { text-decoration: underline; color: red;}



body {
	margin: 0;
	margin-top:5px;
	padding: 0;
	background-color:#E6E6E8;		/*#d6d6d9;	/*silver;*/	
    font-size:11px;
    line-height:1.2em;
	font-family:verdana,arial;
    margin-bottom:10px;
	scrollbar-arrow-color: white;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: #8DABFF;
	scrollbar-highlight-color: #D9E0ED;
	scrollbar-shadow-color: black;
	/*overflow:scroll;*/
}

#websiteheader {
	width:1000px;
	height:35px;
	background-color:#8DABFF;
	margin:0px auto 0px auto;
	text-align:right;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	vertical-align:middle;
	
	/*background-color:#E1E1E1;*/
}

#websitefooter {
	width:100%;
	height:25px;
	background-color:#8DABFF;
	margin:10px auto 0px auto;
	text-align:right;
	font-weight:bold;
	/*background-color:#E1E1E1;*/
}


#website {
	max-width:1000px;
	min-width:1000px;
	margin: 7px auto 0 auto;
	/*
	border-right: 2px outset #e0e0e0;
	border-bottom: 2px outset #e0e0e0;
	border-left: 1px solid white;
	border-top: 1px solid white;
	background-color:white;
	*/
	/*background-color:#E1E1E1;*/
}

#website-content {
	border-right: 3px outset #e0e0e0;
	border-bottom: 3px outset #e0e0e0;
	border-left: 1px solid black;	/*2px solid white;*/
	border-top: 1px solid black;	/*2px solid white;*/
	background-color:white;
	margin-top:7px;
}


#masthead {
	height:80px;
    background-color:#E6E6E8;	/*eaeef9;*/
    border:0 px;
}

#masthead ul {
	/*padding:0px 0px 3px 0px;*/
    list-style:disc;	/*disc;	/*square;*/
	padding-left:15px;
	line-height:1.4em;
}


#top_nav {
	height:25px;
	/*width:210px;*/
}

#Themenauswahl {
	height:25px;
	width:100%;		 /*200px;*/
	float: left;
	background-color:white;	/*#E1E1E1;*/
	font-weight:bold;
}

#Themenauswahl .Tabelle {
	width:100%;
	background-color: white;	
	height: 25px;
}

#HeadLine {
	height:25px;
	margin-left: 215px;
	margin-right: 150px;
	background-color:#E1E1E1;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border: 1px solid black;
}

#HeadLineRechts {
	height:25px;
	margin-left: 875px;
	margin-right: 10px;
	background-color:#E1E1E1;
	font-weight:bold;
	text-align:center;
	border: 1px solid black;
	width:125px;
	margin-top:0px;
}

#container {
	/*background-color:white;*/
	height:100%;

	/*dth:1000px;*/
}

#left_col {
	width: 185px;
	float: left;
	background-color:white;	/*#E1E1E1;  /*white;*/
    margin-top:0px;		/*10px;*/
    height:100%;
    /*border-right:1px solid black;*/
}

#right_col {
	width: 120px;
	float: right;
    margin-top:10px;	/*10px;*/
    height:100%;
}

#page_content {
	margin-left: 190px;
	margin-right: 0px;
	padding: 1px;
    word-spacing: 1pt;
    line-height: 1.5em;
    margin-top:0px;
    background-color:white;
    height:100%;
    padding: 0px 5px 0px 5px;
    /*padding: 10px 10px 10px 10px;*/
    /*border: 1px solid black;*/
}

#page_content h1 {
    background-color: #8DABFF;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-align: center;
	color: black;		
	background: inherit;
	font-size:1.1em;
	line-height:1.8em;
	letter-spacing: 0.1em;
	background-color:#8DABFF;
	width:100%;
}

#page_content ul {
	/*padding:0px 0px 3px 0px;*/
    list-style:disc;	/*disc;	/*square;*/
	padding-left:20px;
	line-height:1.8em;
}


#footer {
	clear:both;
    background-color:white;	/*#eaeef9;	/*white-space:	/*;	/*#E1E1E1;*/
    text-align:left;
    font-weight:bold;
    font-size:11px;
    vertical-align:middle;
}

.Hervorhebung {
	border: 2px dotted #8DABFF;	/*#8DABFF;*/
	word-spacing:1pt;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    background-color: #E1E7F7;		/*#D8DFF3;		/*#eaeef9;*/
	}

.HervorhebungOhneRahmen {
	word-spacing:1pt;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-style: normal;
	text-align: left;
    background-color: #E1E7F7;		/*#D8DFF3;	/*#E1E7F7; 	/* #D8DFF3; /* #eaeef9;*/
	}

/* ### Bildgalerie 1-paltig (nur ein Bild) ### */

#page_content div.galerie1 {
	text-align:center;
	clear: both;
	/*border:1px solid #8DABFF;*/
	width:100%;
}

#page_content div.galerie1 .Header {
	text-align:center;
	clear: both;
	font-weight:bold;
	background:white;	/*#E1E7F7;*/
	/*border-bottom:1px solid #8DABFF;*/
	width:100%;
	height:25px;
}

#page_content div.galerie1 div.image {
	float: left;
	width: 100%;	/*350px;*/
	text-align:center;
	font-weight:bold;
	font-size:10px;
}

#page_content div.galerie1 div.image img{
	padding: 5px;
	border:1px solid #aaa;
}


/* ### Bildgalerie 2-paltig ### */

#page_content div.galerie {
	text-align:center;
	clear: both;
	/*border:1px solid #8DABFF;*/
	width:100%;
}

#page_content div.galerie .Header {
	text-align:center;
	clear: both;
	font-weight:bold;
	background:white;	/*#E1E7F7;*/
	/*border-bottom:1px solid #8DABFF;*/
	width:100%;
	height:25px;
}

#page_content div.galerie div.image {
	float: left;
	width: 50%;	/*350px;*/
	text-align:center;
	font-weight:bold;
	font-size:10px;
}

#page_content div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}


/* ### Bildgalerie 3-spaltig### */

#page_content div.galerie3 {
	text-align:center;
	clear: both;
	/*border:1px solid #8DABFF;*/
	width:100%;
}

#page_content div.galerie3 .Header {
	text-align:center;
	clear: both;
	font-weight:bold;
	background:white;	/*#E1E7F7;*/
	/*border-bottom:1px solid #8DABFF;*/
	width:100%;
	height:25px;
}

#page_content div.galerie3 div.image {
	float: left;
	width: 32%;	/*350px;*/
	text-align:center;
	font-weight:bold;
	font-size:10px;
}

#page_content div.galerie3 div.image img{
	padding: 5px;
	border:1px solid #aaa;
}

textarea {
    background-color : #D8D8D8;
	border : 1px solid #FFFFFF;
	}
	
input {
    background-color : #D8D8D8;
	border : 1px solid #FFFFFF;
	}
	

.Puzzle {
  cursor: pointer; 
  font-size:12px; 
  font-weight:bold; 
  height:30px; 
  text-align: center;
  color: black;
  border: 1px solid black;
  /*
  border-top: 1px solid black;
  border-bottom: 1px solid white;	
  border-left: 1px solid white;	
  border-right: 1px solid white;	
  */
 }


/*
.zweispalter {
	font-size:1.0em;
	line-height:1.8em;
	letter-spacing: 0.1em;
	padding: 1px;
    word-spacing: 1pt;
    line-height: 1.4em;
	
	}
*/	


.zweispalter .linkespalte {
	width: 350px;
	float: left;
	}

.zweispalter .rechtespalte {
	width: 350px;
	margin-left: 40px;
	margin-top: 0px;
	float: left;
	}



.dreispalter {
	padding: 1px;
    width:100%;
	}

.dreispalter_spalte {
	/*padding: 1px;*/
    border:1px solid #8DABFF;
    border-collapse:collapse;
	}


/* -------------------------- Ticker ----------------------- */

#ticker a{ 
	text-decoration: none;
	color: black;	/*#0072BB;*/
	background-color:#E1E7F7;
	width:100%;
	font-size:12px;
}

#ticker a:hover {
	text-decoration: none;
	text-decoration: underline;
	color:red;
}


	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		/*position: relative;*/
		width: 100%;
		text-align:center;
		/*background-color:fuchsia;*/
	}
	
	.magazine-container {
		/*background: black;	/*#f6f6f6;*/
		width:75%;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}