html { overflow-y: scroll; }

html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	/*background-image: url(../images/template/bg_body.png);
	background-repeat: repeat-x;*/
	background-image: url(../images/template/bg3_blaupunkte.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
}

#container {
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	/*background-image: url(../images/template/bg_linie.png);
	background-repeat: repeat-y;
	background-position: center top;*/
	z-index:1;
}

#wrapper {
	position:relative;
	width:880px; /*960*/
	margin:0px auto;	
	z-index:2;
}

h1 {
	font-size: 26px;
	line-height: 1.2em;
	color: #077cc1;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin-bottom:25px;
}

h2 { font-size: 12px; color: #077cc1; margin-top:0px; margin-bottom:18px   /*margin: 0.8em 0 1.0em 0; color: #004f9d;*/ }
h3 { font-size: 12px; color: #077cc1; margin-top:25px; /*margin-bottom:20px;*/ }
h4 { font-size: 12px; }
h5 { font-size: 12px; }

img, 
a img { border:0; }

a { color: #0076be; text-decoration:none; }
a:hover { text-decoration:underline; }

.content a { color: #077cc1; }

.content { 
	color:#4b4a4d; 
	line-height:18px; /*line-height: 1.5em;*/
}

p { 
	margin-top:0px; 
	margin-bottom:18px; 
}

.imgtext_container p { margin: 0; }

.content ul {
	margin: 0px 0px 18px 17px;
	padding: 0px 0px 10px 0px;
}

/*.content li { list-style-image: url(../images/template/icon_list.jpg); } */

ul.list_product {
	margin-left:0px;
	list-style-type:none;
}

ul.list_product li{
	padding-left: 14px;
	background-image: url(../images/template/icon_list.png);
	background-position: 1px 8px;
	background-repeat: no-repeat;
}

#top-area {
	position:relative;
	width:100%;
	height:100px;
	/*background-color:#FFFFFF;*/
}

#logo {
	position:absolute;
	left: 0px;
	top: 0px;
}

#nav-image-area{
	position:relative;
	width:880px; /*864*/
	height:254px;
	background-color:#FFFFFF;
}

#nav-image-area .image_right {
	position:absolute;
	right:1px;
	/*width:642px;
	height:254px;*/
}

#content-area {
	position:relative;
	/*float:left;*/  /*Problem !!*/
	width:100%; /*825px - 199*/
	height:auto;

	padding-bottom:75px;	/* footer höhe*/
}

.content {
	position:relative;
	width:625px;
	margin-left:236px;
	margin-top:42px; /*30*/
}

.content img {
	width: 72%;
	height: auto;
}
	
#footer-area {
	position:absolute;
	width:100%;
	bottom:0;
	height:85px;

	/*background-image: url(../images/template/bg_footer.png);
	background-repeat: repeat-x;*/
	
	z-index:6;
}

#copyright {
	position:absolute;
	right:0px;
	top:0px;
	width:auto;
	text-align:right;
}

#copyright a { color:#003f7d; text-decoration:none; }
#copyright a:hover {text-decoration:underline; }


.flagge{
	position:absolute;
	top:2px;
}


/* ======= Für allgemeine Bilder mit Text links oder rechts ======= */

.pic_left,
.pic_right {
	max-width:270px;
	margin-top:3px;
	/*margin-bottom:15px;*/
}

.pic_left { 
	float:left;
	margin-right:15px;
}

.pic_right { 
	float:right; 
	margin-left:10px; 
}

.pic_text{
	margin-top:10px;
	width:auto;
	font-style: italic;
}

/* für Bilder mit Text rechts */
.imgtext_container { 
	position:relative;
	height:auto;
	min-height:100px;
	width:100%;
	display:table;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58585a;*/
	/*padding-bottom: 10px;*/
	margin-bottom:20px; /*10*/
}

/*Bild mit Rahmen*/
/* .imgtext_container img  { border: 1px solid #999999; } */
.bildrahmen { border: 1px solid #999999; }

/* dem img Tag als class zuweisen */
/*.pic_left_imgtext { float:left; margin-top:4px; margin-right:10px; }*/

/*div class für Text rechts neben Bild, falls Text höher als bild ist Ausnahme zum Beobachten*/
.textright {
	margin-left:130px; /*180*/
}

/* ======= Formular Layout ======= */

.textarea {
	width:475px; /*380*/
	height:100px;
}

.form {
	position:relative;
	height:25px;
	margin-bottom:5px;
}

.form input{
	position:absolute;
	left: 80px;
	width:300px;
}

.form_submit {
	margin-top:15px;
	margin-left:78px;
}

.button {
	border: 1px solid #b1b4b8;
	background-color:#dde0e2;
	padding:1px;
}