/* Allgemeines
***********************************************/


html {
	height : 100%;
	width : 100%;
	margin : 0;
	padding : 0;
	border : 0;
}

html , body {
	font: small verdana, arial, helvetica, sans-serif;
	height : 100.1%;
	width : 100%;
	margin : 0;
	padding : 0;
	border : 0;
}


#body1
{
	background-color : #0055a7;
	margin : 0;
	padding : 0;
	border : 0;
}

#body2
{
	background-color : #E4EDEB;
	margin : 0;
	padding : 0;
	border : 0;
}

table
{
	clear: both;
	border-collapse: collapse;
}

td
{
	text-align: left;
	line-height: 1.3em;
}



img
{
margin : 0;
padding : 0;
border : 0;
}


h1 {
	width : 90%;
	margin: 20px 0 0 3%;
	font-weight : normal;
	font-size: 100%;
	color : #fff;
}

h2 {
	width: 90%;
	margin: 20px 0 0 3%;
	padding: 0;
	font-weight : bold;
	font-size: 110%;
	color: #ffffff;
}


h3, h4 {
	position: relative;
	margin: 1.5em 0 -.75em 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #fdf590;
	}


h5 {
width: auto;
font-weight : normal;
color : #ffffff;
text-align: ;
margin: 0;
padding: 0;
background-color: ;
}


a:link {
color : #ECD456;
text-decoration : none;
}
a:visited {
color : #ECD456;
text-decoration : none;
}

a:hover {
color : #A6E3FF;
text-decoration : none;
}
a:active {
color : red;
text-decoration : none;
}


#mid11 ul {
	margin: 1em 0;
	}


/* Navigation
***********************************************/


#navcontainer3 {
background-color : ;
color: #ECD456;
font-weight: bold;
width : 130px;
height : auto;
margin-left: 0px;
margin-top: 25px;
padding-left: 0px;
border: 0px solid #ECD456;
font-family : arial, helvetica, sans-serif;
}

#navcontainer3 ul
{
list-style-type: none;
display: block;
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
}


#navcontainer3 li
{
list-style-type: none;
display: block;
margin-bottom: 7px;
padding: 0;
font-family: arial, helvetica, sans-serif;
}



#navlist3 a, #navlist3 a:link, #navlist3 a:visited
{
display : block;
width : auto;
text-align: left;
font-weight: bold;
height : auto;
color : #ffffff;
text-decoration : none;
padding: 0;
border-right: ;
margin-bottom: 7px;

}


#navcontainer3 a:hover
{
color : #A6E3FF;
font-weight: bold;
padding: 0;
text-align : left;
border-right: ;
}

#navcontainer3 li#active3 a
{
background-color : ;
color : #ECD456;
text-align : left;
font-weight: bold;
padding: 0;
border-right: ;
}

#navcontainer3 li#active4 a
{
background-color : ;
color : #A6E3FF;
text-align : left;
font-weight: normal;
padding: 0;
border-right: ;
}


/* Navigation, neu
***********************************************************/


#nav {
	color: #ECD456;
	font-weight: bold;
	width : 130px;
	height : auto;
	margin-left: 0px;
	margin-top: 25px;
	padding-left: 0px;
	font-family : arial, helvetica, sans-serif;
	list-style-type: none;
}

#nav li {
	list-style-type: none;
	display: block;
	margin-bottom: 7px;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
}

#nav a {
	display : block;
	width : auto;
	text-align: left;
	font-weight: bold;
	height : auto;
	color : #ffffff;
	text-decoration : none;
	padding: 0;
	margin-bottom: 7px;
}

#nav a:hover {
	color : #A6E3FF;
	font-weight: bold;
	padding: 0;
	text-align : left;
}

#nav a.active {
	color : #ECD456;
	text-align : left;
	font-weight: bold;
}

#nav ul {
	margin: 0;
	padding: 0;
	}

#nav ul a, #nav ul a.active:hover {
	color : #A6E3FF;
	text-align : left;
	font-weight: normal;
}

#nav ul a:hover {
	font-weight: normal;
}

#nav ul a.active:hover {
	font-weight: bold;
	color : #ECD456;
}


/* Layout
***********************************************************/


/* --- Kontakt-Info --- */

#c-info {
	clear: both;
	width: 870px;
	margin: 0 0 .5em 0;
	text-align: right;
	font-size: 86%;
	}

#c-info a {
	margin-left: 2em;
	}


/* --- Spalten --- */


#top11 {
float : left;
width : 120px;
height : auto;
font-size : 0.1em;
color: #000000;
margin-right: 30px;
padding-left: 20px;
padding-top: 20px;
text-align : left;
background-color: #0055a7;
}

#top11 h1{
font-size : 0.1em;
color: #0055a7;
margin: 0:
padding: 0;
}


#top13 {
float : left;
width : 680px;
height : 120px;
text-align: right;
font-family: arial;
font-weight: bold;
margin-top: 30px;
padding-left: ;
padding-right:;
border: 0px solid blue;
color: #000000;
background-color: ;
background-image: url(back_1.gif);
background-repeat: no-repeat;
background-position: top right;
}


#mid11 {
clear : both;
float : left;
margin-top: 0px;
padding-left: 30px;
width : 170px;
height: auto;
text-align : left;
background-color : ;
}



#mid1 {
position: relative;
float : left;
width : 680px;
height: auto;
padding-bottom : 30px;
margin-bottom: 30px;
border: 1px solid #000080;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
}



#mid1b {
float : left;
width : 66%;
height: auto;
padding-bottom : 30px;
margin-bottom: 30px;
border: 1px solid #000080;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
}



.mid121 {
clear: both;
float : left;
width : 80%;
padding-top : 0px;
padding-left : 3%;
padding-right : 2%;
margin-top: 20px;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
background-color :  ;
}


.d2 {
clear: both;
float : left;
width : 100%;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
}


.mid12 {
clear: both;
float : left;
width : 46%;
padding-top : 0px;
padding-left : 3%;
padding-right : 2%;
margin-top: 20px;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
}


/* --- lists --- */


.mid12 ul, .mid13 ul {
	width: 100%; /* IE needs 100% to avoid shifting the list */
	margin: 1em 0;
	padding: 0;
	list-style: none;
	}

.mid12 ul li, .mid13 ul li {
	margin: 0;
	padding: 0 0 0 1em;
	background: url(img/bullet_normal.png) no-repeat 0 .6em;
	}


.mid13 {
float : left;
width : 44%;
padding: 5px 2.5% 0 2%;
margin-top: 20px;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
line-height : 1.5em;
color : #ffffff;
}


/* Spezielle Stile
***********************************************************/


/* --- shadow --- */


.shadow {
	background: url(img/shadow_right.png) no-repeat 100% 0;
	}

.shadow div {
	line-height: 0;
	background: url(img/shadow_bottom.png) no-repeat 0 100%;
	}

.shadow img {
	padding: 0 16px 16px 0;
	background: url(img/shadow_corner.png) no-repeat 100% 100%;
	}


/* Home
***********************************************************/


/* --- news --- */


#news {
	position: absolute;
	top: 70px;
	right: 35px;
	width: 210px;
	background: url(img/news_bottom.png) no-repeat 0 100%;
	}

#news h5 {
	margin: 0 0 -1px 0; /* IE adds a 1px margin */
	padding: 8px 0 0 35px;
	font-size: 120%;
	text-align: left;
	color: #cae130;
	background: url(img/news_top.png) no-repeat 0 0;
	}

#news ul {
	margin: 0 0 0 .25em;
	padding: .5em 0 2.5em 0;
	list-style: none;
	}

#news li {
	padding: 0 12px;
	line-height: 1.4em;
	font-size: 95%;
	background: url(img/bullet.png) no-repeat .25em .5em;
	}

#news li a {
	color: #fff;
	}


/* --- image --- */


#img-01 {
	position: absolute;
	top: 215px;
	left: 380px;
	}


/* Flags
***********************************************************/


table.flags {
	margin: 1em 0;
	}

table.flags td {
	width: 80px;
	padding: .25em;
	border: 1px solid #0066b8;
	font-size: 86%;
	text-align: left;
	}

table.flags .col-subject {
	width: 80px;
	}


#img-08 {
	position: absolute;
	top: 250px;
	left: 610px;
	}

#img-09 {
	position: absolute;
	top: 680px;
	left: 590px;
	}


/* Dekoartikel
***********************************************************/


table.deko {
	margin: 1em 3%;
	}

table.deko td {
	font-size: 86%;
	}


/* Fahnen
***********************************************************/


#df-h {
	margin-bottom: -.5em;
	font-size: 250%;
	text-align: right;
	font-style: italic;
	color: #2c7dc1;
	}

span.highlight {
	display: block;
	color: #ffec00;
	}

ul.sub-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul.sub-list li {
	padding-left: 1em;
	background: url(img/bullet_sub.png) no-repeat 0 .65em;
	}

#img-04 {
	position: absolute;
	top: 110px;
	left: 370px;
	}

#img-05 {
	position: absolute;
	top: 129px;
	left: 520px;
	}

#img-06 {
	position: absolute;
	right: 0;
	bottom: 0;
	}


/* Fahnenmasten
***********************************************************/


#img-07 {
	position: absolute;
	top: 120px;
	left: 390px;
	}

h5 {
	font-size: 100%;
	font-weight: bold;
	}

#fahnenmasten-box {
	clear: left;
	height: 350px;
	margin: 0 0 0 20px;
	padding: 1em 0 0 0;
	}

#fahnenmasten-box .type {
	float: left;
	width: 132px;
	margin: 0 18px 0 0;
	}

#fahnenmasten-box h5 {
	font-size: 100%;
	}

#fahnenmasten-box a {
	outline: none;
	color: #fff;
	}

h4 em {
	display: block;
	position: absolute;
	top: -7px;
	right: 0;
	font-size: 250%;
	font-style: italic;
	color: #2c7dc1;
	}

.fahnenmasten-typen {
	margin: 0 0 0 18px;
	}

.fahnenmasten-typen td {
	padding: 0 .25em;
	font-size: 100%;
	vertical-align: top;
	}

.col-model {
	width: 130px;
	font-weight: bold;
	}

.col-desc {
	width: 230px;
	}

.fahnenmasten-typen .shadow {
	width: 166px;
	}


/* Spannbänder
***********************************************************/


#img-02 {
	position: absolute;
	top: 0;
	right: 0;
	}

#img-03 {
	position: absolute;
	bottom: 0;
	right: 0;
	}

#body1 div.higher {
	height: 1000px;
	}