/* SEITEN-GRUNDGERÜST */
#outer {
	height: 100%;
	width:100%;
	overflow: visible;	/* or without overflow */
	margin:auto;
	text-align:center;
}
#box {
	width:100%;
	margin:auto;
	vertical-align:top;
	text-align:center;
}
#container {
	width:900px; /* 880px + 2x25px Schatten */
	margin:0;
	margin:auto;
	text-align:center;
}
#container.big { width:100%; margin:auto; }
#main {
	width:900px;
	margin:auto;
}
#content {
	width:836px; 
	padding-left:38px;
	padding-right:38px;
	padding-bottom:20px;
	text-align:left;
}
#footer {
	margin: 0;
	padding-top:15px;
	padding-bottom: 40px; /* margin-bottom funktioniert in Firefox hier nicht (Abstand zum Seitenende) */
	clear:both;
}
/* LAYOUT ELEMENTE EINDEUTIG */
#homecontent {
	width:100%; height:379px; margin:auto; margin-top:35px; background: url(../img/content/home.jpg) no-repeat center; 
}
#mainimg {
	/* height:495px; */ /* auskommentiert, weil sonst kein Schatten bei zb Fotogalerie, wenn unter Main-Img noch inhalte sind */
	font-size:0; /* für IE zusätzl. */
	padding:0;
	margin:0;
}
#globalnavdiv {
	width:900px;
	margin:0;
	padding:0;
}
#globalnavbar {
	width:900px;
	height:40px;
	margin:auto;
	margin-top:0; /* wegen <br /> margin-top:0 statt 20px > sonst scrollbalken */
	margin-bottom:1px;
	position: relative;
	z-index: 5000;
	background: url(../img/globalnavbg.jpg) no-repeat; /* für IE zusaetzl., damit das Nav-Bild beim positionieren (Hover, ...) nicht flackert! */
	background-position: center -120px;
	font-size: 0; /* fuer IE */
}
#localnav {
	width:880px;
	height:45px;
	margin-left:20px;
	margin-right:20px;
	background:url(../img/localnavbg.png) repeat-x;
	z-index: 2000;
}
#submenubar {
	text-align: right;
}
#smartbar {
	height:100px;
	width:880px;
	text-align:center;
	margin:auto;
	margin-top:-25px;
	font-size: 0;
}
/* GRID */
.column { float: left; }
.grid2col, .grid2col-63, .grid2col-72, .grid2col-36, .grid2col-27, .grid2col-82, .grid2col-28, .grid3col, .grid3col-62, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2col-63 .column.first { width: 66%; }
.grid2col-63 .column.last { width: 32%; }
.grid2col-36 .column.first { width: 32%; }
.grid2col-36 .column.last { width: 66%; }

.grid2col-6530 .column.first { width: 65%; }
.grid2col-6530 .column.last { width: 30%; }

.grid2col-72 .column.first { width: 74.9%; }
.grid2col-72 .column.last { width: 23%; }
.grid2col-27 .column.first { width: 23%; }
.grid2col-27 .column.last { width: 74.9%; }

.grid2col-82 .column.first { width: 79%; }
.grid2col-82 .column.last { width: 19%; }
.grid2col-28 .column.first { width: 19%; }
.grid2col-28 .column.last { width: 79%; }

.grid3col .column, .grid3col .column.first, .grid3col .column.last { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3col-62 .column { width: 58%; margin-left: 2%; }
.grid3col-62 .column.first,
.grid3col-62 .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }
.grid5col .column { width: 18.4%; margin-left: 2%; }
.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }

#container:after, #content:after, .grid2col:after, .grid2col-63:after, .grid2col-36:after, .grid2col-72:after, .grid2col-27:after, .grid2col-82:after, .grid2col-28:after, .grid3col:after, .grid3col-62:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2col-63, .grid2col-36, .grid2col-72, .grid2col-27, .grid2col-82, .grid2col-28, .grid3col, .grid3col-62, .grid4col, .grid5col, .grid6col { _zoom:1; }

/* BOX STILE */
.box-grey {
	background-color: #121212;
	border: #333 1px solid;
}
.box-grey-light {
	background-color: #ccc;
	border: #aaa 1px solid;
}
.box-left-border {
	border-left: #999 1px solid;
	padding-left:10px;
}
.box-right-border {
	border-right: #999 1px solid;
	padding-right:10px;
}
.center .column {
	text-align:center;
}

/* SCHATTEN STILE */
.shadow_side {
	background:url(../img/shadow_side.png) repeat-y;
	font-size: 0; /* IE 7 */
}
.shadow_bottom {
	height:25px;
	width:920px;
	margin:auto;
	background:url(../img/shadow_bottom.png) top left no-repeat;
	font-size: 0; /* IE 7 */
}
.shadow_top {
	height:25px;
	width:920px;
	margin:auto;
	background:url(../img/shadow_top.png) top left no-repeat;
	font-size: 0; /* IE 7 */
}