/************************************************************************
* CSS für das Projekt MGV
* Beinhaltet grafische Formatierungen und Positionierungen der div 
* container aller Seitentypen, ausser Print.
*
* @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
* @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
*
* @author Sascha Nos <sascha.nos@web.de>
* @author Dirk Remiger <dirk@remiger.info>
* @version 2.0 - 14.04.2011
*
* #828282 (grau)  -> #696969 (dimgray)
* #1F5892 (blau)
* #1f5791 (blau)
* @color
*/

/* Grundelemente *******************************************************/
*{
	margin:0;
	padding:0;
}
body{
  margin:0;
  padding:0;
  font-family:"Lucida Sans", Verdana, Arial, sans-serif;
  font-size:100.1%;
  text-align:left;
  color:#000;
  background:url("images/body_bg.gif") repeat-y #d0ddee;
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
  /* IE6 */
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}
            																									
/* Formularemente *******************************************************/
form{line-height:200%;}
form br{clear:left;}
hr{visibility:hidden;}
input,select{
  font-family:"Lucida Sans", Verdana, Arial, sans-serif;
  font-size:100%;
	margin:0.3em 0 0.3em 0;
}
textarea{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;}
label,select{ 
  cursor:pointer;
} 
label.left{ 
  float:left; 
  width:150px; 
  text-align:right;
  margin-right:10px; 
}
label.left_error{ 
  float:left; 
  width:150px; 
  text-align:right;
  margin-right:10px;
  color:#F00; 
} 
input.error{
  background:#FCC;
} 
/* Submit button */
input.right{ 
  margin-left:162px; 
}
/* CMS-Formatierungen ********************************************/  
/* Galerie *******************************************************/  
.galerie{
  width:140px;
  height:140px;
  text-align:center;
  padding-top:20px;
  float:left;
  margin:0 5px 5px 0;
  
  voice-family: "\"}\"";voice-family:inherit;
  height:120px;
}
.galerie a{
   text-decoration:none;
}
.g1{
  width:70px;
  height:70px;
  margin:5px;
  background-positon:center center;
}
.g2{
  border:3px solid;
  float:left;
  margin:0 20px 15px 0;
}
.g1 img{
  width:70px;
  height:70px;
}
#zusatzimages{
  margin:10px 19px 0px 19px;
}
.uc{
	clear:left;
	visibility:hidden;	
}
.nixhier{
	display:none;
}

/* Gästebuch *******************************************************/  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}
table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FFFF00;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  background-color: #FFFFFF;
  color: #000000;
}

img.button {
  vertical-align: bottom;
}
/* float clearing */
#logo:after, #menu:after, #outer:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
  content:		".";
  display:		block;
  visibility:		hidden;
  clear:			both;
  height:			0;
}
* html #navi, * html #content, * html form, * html form div {
  height:			1%;
}
/* Layout *******************************************************/  
#outer{
	width:			1000px;
	background:		url("images/logo_bg.gif") no-repeat left top;
}
#outer_content{
	padding-left:	82px;
}
#left{
	padding-top:	155px;
	float:		left;
	width:		191px;
	font-size:		75%;
}
#left ul{
	padding-left:	18px;
}
#left ul span{
	display:		none;
}
#left ul li{
	display:		block;
	list-style:		none;
	color:			#696969;
	font-size:		80%;
	font-weight:	bold;
}
#left ul li a{
	text-decoration:none;
	color:			#696969;
	display:		block;
	padding:		0.3em 1em 0.3em 12px;
	border-bottom:	1px solid #d9d9d9;
}
#left ul li a:hover, #left ul li.menu-current a, #left ul li.menu-parent>a{
	background:		#d9d9d9;
	color:			#1f5892;
}
#left ul ul{
	padding:		0;
}
#left ul ul li{
	font-weight:	normal;
	font-size:		100%;
}
#left ul ul li a{
	padding:		0.3em 1em 0.3em 24px;
}
#left ul ul li a:hover{
	background:		#efefef;
	color:			#1f5892;
}
#left ul ul li.menu-current a, #left ul ul li.menu-parent>a{
	background:		#efefef;
	color:			#1f5892;
	font-weight:	bold;
}
#left ul ul ul span{
	display:		inline;
}
#left ul ul ul li.menu-current a, #left ul ul ul li.menu-parent>a{
	background:		#efefef;
	color:			#1f5892;
	font-weight:	normal;
}
#left ul ul ul ul li a{
	padding:		0.3em 1em 0.3em 30px;
}
#left ul ul ul ul li.menu-current a, #left ul ul ul ul li.menu-parent>a{
	background:		#fbfbfb;
	color:			#1f5892;
	font-weight:	normal;
}
#right{
	width:			228px;
	float:			right;
	color:			#FFF;
}
#right a{
	color:			#FFF;
	text-decoration:none;
	font-weight:	bold;
}
#right_content{
	padding:		6px 14px;
}
.box{
	border-top:		5px solid #FFF;
	border-bottom:	20px solid #36699d;
	font-size:		65%;
	margin-top:		50px;
}
.box1{
	background:		url("images/box1_bg.gif") bottom left no-repeat #FFF;
	color:			#1f5892;
	padding-left:	22px;
	padding-bottom:	42px;
	text-transform:	uppercase;
	font-size:		110%;
}
.box2{
	background:		#36699d;
	padding-left:	22px;
}
/* Left Content Dirk***********************************************/  
#left_content{
	padding-left:     18px;
	padding-top:	20px;
}
#superior{
	font-size:		75%;
	text-align:		right;
}
#superior a{
	color:		#696969;
	text-decoration:	none;
	font-weight:	bold;
}
#input_search{
	background:		url("images/lupe.gif") left 2px no-repeat #1F5892;
	color:		#FFFFFF;
	padding:		2px 5px 2px 30px;
	border:		1px solid #1F5892;
	width:		136px;
}
/******************************************************************/  

#center{
	width:		727px;
	margin-left:	191px;
	margin-right:	0px;
	color:		#696969;
	font-size:		75%;
}
#center h1{
	color:			#1f5892;
	text-transform:	uppercase;
	border-bottom:	1px solid #d9d9d9;
	padding:		0 19px 0.3em 19px;
	margin-bottom:	15px;
	font-size:		180%;
}
#center h2{
  margin:			1.2em 19px 0.5em 19px;
	color:			#1f5791;
}
#center h3{
	margin:			1.2em 19px 0.5em 19px;
}
#center p{
  margin:			0.7em 19px 0.7em 19px;
	line-height:	1.4em;
}
#center img{
	margin-bottom:	1em;
}
#center a{
	color:		#696969;
	text-decoration:	underline;
}
#center ul, #center ol{
  margin:			0.7em 19px 0.7em 19px;
	line-height:	1.4em;
}
#center ul li, #center ol li{
  margin-left:	3em;
}
#center table{
	width:			427px;
	margin:			0.5em 0 0 19px;
	border-bottom:	7px solid #d0ddee;
}
#center table.noborder{
	border-bottom:	none;
}
#center table th{
	background:		#1f5791;
	font-weight:	bold;
	color:			#FFF;
	padding:		0.7em 0.6em 0.5em 1em;
	border-bottom:	7px solid #d0ddee;
}
#center table th.right{
	padding:		0 0 0 0.6em !important;
	border-bottom:	0 !important;
	vertical-align:	bottom;
	width:			55px;
}
#center table td{
	background:		#d0ddee;
	color:			#1f5791;
	padding:		0.2em 0.6em 0.2em 1em;
	font-size:		80%;
	border-bottom:	1px solid #EFF6FF;
}
#center table a{
	color:			#1f5791;
}
#center table p, #center table h1, #center table h2, #center table h3{
	margin-left:	0;
	margin-right:	0;
}
#center img{
	margin-bottom:	0;
}
#center .r_selector{
	border:			1px solid #CCC;
	padding:		3px 3px;
	margin-right:	1px;
	font-weight:	bold;
	font-size:		80%;
}
#center .r_active{
	background:		#D0DDEE;
}
#center .r_selector a{
	text-decoration:none;
}
#center_content{
	padding:		30px 17px 30px;
}