/* Grundelemente */

html {
	height : 100%;
	margin-bottom : 1px;
}

body {
	background-color : #114477;
	color : #EDF2F8;
	font-family : Arial, Verdana, sans-serif;
	font-size : 80%;
	margin : 5px 0;
	text-align : center;

}

form {
	font-size : 100%;
	margin : 5px 0 0 0;
	padding : 0;
}

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

table, td {
	font-size : 100%;
	margin : 0;
	padding : 0px;
}

ul li {
	font-size : 100%;
	list-style-image : url('images/bullet.gif');
}


/* Hyperlinks     */
a:link {
	color : #EDF2F8;
	font-weight : bold;
	text-decoration : none;
}

a:visited {
	color : #EDF2F8;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	color : #BEBEBE;
	font-weight : bold;
	text-decoration : underline;
}

a:active {
	color : #BEBEBE;
	font-weight : bold;
	text-decoration : none;
}

.navigation {
	background-image : url('images/navi.jpg');
	color : #114477;
	height : 30px;
	letter-spacing : 2px;
	padding-top : 2px;
	text-align : center
}

.navigation a:link {
	border : 1px solid;
	color : #EDF2F8;
	font-weight : bold;
	padding : 1px 10px 1px 10px;
	text-decoration : none;
}

.navigation a:visited {
	border : 1px solid;
	color : #B5CCE3;
	font-weight : bold;
	padding : 1px 10px 1px 10px;
	text-decoration : none;
}

.navigation a:hover {
	border : 1px solid #FFFFFF;
	color : #FFFFFF;
	font-weight : bold;
	padding : 1px 10px 1px 10px;
	text-decoration : underline;
	background-color: #1E68B1;
}

.navigation a:active {
	border : 1px solid #FFFFFF;
	color : #FFFFFF;
	font-weight : bold;
	padding : 1px 10px 1px 10px;
	text-decoration : underline;
}

/* Überschriften */
h1 {
	color : #EDF2F8;
	font-family : Arial, Verdana, sans-serif;
	font-size : 20px;
	font-weight : bold;
	text-align : left;
}

h2 {
	color : #DC7C44;
	font-family : Arial, Verdana, sans-serif;
	font-size : 20px;
	font-weight : bold;
	text-align : left;
}

h3 {
	color : #DC7C44;
	font-family : Arial, Verdana, sans-serif;
	font-size : 20px;
	font-weight : normal;
	text-align : left;
}

h4, h5, h6 {
	color : #EC7242;
	font-family : Arial, Verdana, sans-serif;
	font-size : 16px;
	font-weight : normal;
}

hr {
	color : #DC7C44;
	height : 1px;
	width : 100%;
}

.liste {
	border: 1px inset #17609B;
	padding : 0 5px;
	white-space: nowrap;
}


.catalog {
	padding : 5px;
	text-align : left;
	vertical-align : top;
	width : 50%;
}

.footer {
	background-image : url("images/boden.jpg");
	background-position : bottom;
	background-repeat : no-repeat;
	border-bottom : 1px solid #BEBEBE;
	font-size : 90%;
	font-weight : normal;
	height : 150px;
	text-align : center;
}

.forminput {
	background-color : #114477;
	border : 1px solid #C0C0C0;
	color : #EDF2F8;
	font-family : Verdana, Arial, sans-serif;
	font-size : 100%;
	margin : 2px 0;
	padding : 2px;
}

.ftext {
	background-color : #114477;
	color : #EDF2F8;
	padding : 10px 20px;
	text-align : justify;
	vertical-align : top;
	width : 955px;
}

.header {
	background-image : url('images/kopf.jpg');
	background-position : top;
	background-repeat : no-repeat;
	color : #EDF2F8;
	height : 135px;
	padding-left : 20px;
	text-align : left;
	vertical-align : top;
	width : 955px;
}

.header h1 {
	color : #EDF2F8;
	font-family : Arial, Verdana, sans-serif;
	font-size : 26px;
	font-weight : bold;
	margin : 20px 0 40px 0;
	text-align : left;
}

.header h2 {
	color : #EDF2F8;
	font-family : Arial, Verdana, sans-serif;
	font-size : 20px;
	font-weight : bold;
	margin : 10px 0 10px 0;
	text-align : left;
}

.header p {
	color : #C0C0C0;
	font-size : 14px;
	font-weight : bold;
	margin : 0 0 10px 10px;
	vertical-align : top;
}

.imagecenter {
	border : 3px double #C0C0C0;
	margin : 0px 5px;
}

.imageleft {
	border : 3px double #C0C0C0;
	float : left;
	margin : 3px 10px 2px 0px;
}

.imageright {
	border : 3px double #C0C0C0;
	float : right;
	margin : 3px 0px 2px 10px;
}

.ltext {
	background-color : #114477;
/*	border-right : 2px dotted #C0C0C0; */
	color : #EDF2F8;
	padding : 10px 5px;
	text-align : left;
	vertical-align : top;
	width : 250px;
}

.rtext {
	background-color : #114477;
	color : #EDF2F8;
	padding : 10px 15px;
	text-align : justify;
	vertical-align : top;
	width : 705px;
}

#box1 {
	position : absolute;
	left : 20px;
	width : 200px;
	z-index : 1;
}

#box2 {
	position : relative;
	top : 150px;
	left : 10px;
	width : 200px;
	z-index : 2;
	filter : Alpha(opacity=90, finishopacity=60, style=2);
	filter : alpha(opacity=90);-moz-opacity:.60;opacity:.60;
}

#wrapper {
	background : #114477;
	border : 1px solid #C0C0C0;
	color : #EDF2F8;
	margin : 0 auto;
	text-align : left;
	width : 955px;
}

#inter {
 width: 600px;
 height: 400px;
 background: url('images/atoll-pfeiler.gif');
 margin: 10px auto; padding: 0;
 position: relative
}
#inter li {margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}

#inter a {display: block; color : #FFFFFF;text-align: center;bottom;}

#inter1 {left:  50px; top:  18px; width: 144px; height: 151px;}
#inter2 {left: 209px; top:   0px; width: 159px; height: 111px;}
#inter3 {left: 386px; top:  28px; width: 155px; height: 123px;}
#inter4 {left:  55px; top: 176px; width: 151px; height: 168px;}
#inter5 {left: 224px; top: 217px; width: 144px; height: 187px;}
#inter6 {left: 408px; top: 164px; width: 126px; height: 192px;}
#inter7 {left: 230px; top: 133px; width: 144px; height:  73px;}
#inter1 a {height: 151px;}
#inter2 a {height: 111px;}
#inter3 a {height: 123px;}
#inter4 a {height: 168px;}
#inter5 a {height: 187px;}
#inter6 a {height: 192px;}
#inter7 a {height:  73px;}

#inter1 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -50px -418px;}
#inter2 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -209px -400px;}
#inter3 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -386px -428px;}
#inter4 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -55px -576px;}
#inter5 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -224px -617px;}
#inter6 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -408px -564px;}
#inter7 a:hover {background: url('images/atoll-pfeiler.gif') no-repeat -230px -533px;}

#pic { text-align: left; position: relative; margin: 0em auto; }
#pic a span { display:none; }
#pic a:hover { border: 0px solid #fff;}
#pic a:hover span.show { color: #fff; display: block; font-weight: normal; font-size: 90%; position: absolute; left: 50px; top: 10px; line-height: 1.4em; padding: 5px; widthbbbbb: 160px; background-color: #8e8d8f; border: 1px solid #fff; text-align: left; }