
body {
	margin : 0;
	padding : 0;
}

img {
	border : 0;
}

.grafiklinks, .grafikrechts, .grafikmittig {
	margin: 10px;
	font-size: 12px;
	font-family: Arial;
	line-height:150%;
} 

.grafiklinks img, .grafikrechts img, .grafikmittig img{
	border: 1px solid #e2e2e2;
} 

.grafiklinks {
    float : left;
	margin-left : 1px;
	margin-right : 10px;
	padding-right : 10px;
	border-right: 1px solid #e2e2e2;
}

.grafikrechts {
    float : right;
	margin-right : 1px;
	margin-left : 10px;
	padding-left : 10px;
	border-left: 1px solid #e2e2e2;
}

.grafikmittig {
   margin-top: 10px;
	margin-left : 1px;
	margin-right : 1px;
	/*margin-top: 10px;
	margin-bottom : 10px;*/
	padding-top : 10px;
	padding-bottom : 10px;
	border-top:1px solid #e2e2e2;
	border-bottom : 1px solid #e2e2e2;

}



/*blockquote {
margin-bottom: 30px;

}*/

ul.text {
	list-style-type : square;
	color : #147eab;
}

li {
	color : black;
}

a:link {
	color : #147eab;
	text-decoration : none;
}

a:visited {
	color : #147eab;
	text-decoration : none;
}

a:active {
	color : #3e3e3e;
	text-decoration : none;
}

.artikel a:hover, .ausserdem a:hover, .druck a:hover {
	color : white;
	background-color : #147eab;
}

.alert {
	color : #8b0000;
	width : 500px;
	padding : 10px;
	border : 1px solid #8b0000;
	border-left:5px solid #8b0000;
	font : 12px Arial, sans-serif;
}

div.liner a { color:black; }

.yes { display:none; }

#navi {
list-style-type: none; 
/*display:inline;*/
margin: 0 0;
}

#navi li { display:inline; }

.navlinks, .navaktiv  {
	background-color : #3e3e3e;
	font : bold 11px Arial;
	text-transform : uppercase;
	float : left; 
	padding : 2px;
	padding-right : 40px;
	padding-left : 10px;
	margin-right : 1px;
	margin-bottom : 1px;
	margin-top : 0;
	color : white;
	white-space : nowrap;
}

.navaktiv {
	background-color : #147eab;

}

.navlinks:hover {
	background-color : #147eab;
}

.druck {
	margin-top : 20px;
	padding-bottom : 20px;
	font : 12px Arial;
	padding-right : 62px;
	padding-left : 62px;
	text-align : right;
	border-bottom : 1px dotted #147eab;
}

.ausserdem {
	text-align : center;
	margin-left : 200px;
	margin-right : 200px;
	margin-top : 20px;
	margin-bottom : 20px;
	font : normal 12px Arial;
	color : #3e3e3e;
}



.gallerypic img {

margin-right:10px;margin-bottom:10px; border:1px solid #e2e2e2;

}

.gallerypic img:hover {

border:1px solid #147eab;

}

a.gallerypic:hover { 
background-color:transparent;

}




table.facts { width: 460px; padding:0;
border-collapse : collapse;}

table.facts td { border-bottom: 1px solid #3e3e3e; padding:0; margin:0 }

#donnerwetter input { background-color:white; border: 0px; font: normal 11px Arial;}
#donnerwetter input[type="submit"] { background-color:#3e3e3e; color:white; width:20px;}
/*#donnerwetter table {width:70%}*/



#suche_feld {
width:230px; 
background-color:#e2e2e2; 
background-image:url(/lupe.png);
background-repeat:no-repeat; 
background-position:0px center; 
border: 0px; 
font: bold 15px Arial; 
padding: 3px;
padding-left:18px;

}







#suche_button {
width:20px; background-color:#3e3e3e; border: 0px; font: normal 11px Arial; margin-left:1px; color:white

}

#addthis {
	background-repeat : no-repeat;
	padding-left : 0;
	padding-right : 0;
	padding-bottom:0;
	vertical-align:bottom;
	background-position : 0px center;
}

#print, #mail, #deli, #favo {
	background-repeat : no-repeat;
	padding-left : 15px;
	padding-right : 0;
	background-position : 0px center;
}

#print {
	background-image : url(/drucker.gif);
}
#mail {
	background-image : url(/brief.gif);
}
#deli {
	background-image : url(/delicious.gif);
}
#favo {
	background-image : url(/star.png);
}
a[href^="http:"] {
	background : transparent url(/aoutside.gif) no-repeat 100% 50%;
	padding-right : 10px;
}
#karte {
	width : 300px;
	height : 150px;
	min-width : 300px;

}

#karte, #ortsplan {
	border: 1px solid #e2e2e2;
}

#karte a[href^="http:"], #donnerwetter a[href^="http:"], #ortsplan a[href^="http:"] {
	background-image : none;
	background-color: transparent;
	padding : 0;
	line-height:100%
}

#karte div {
	line-height : 100%;
	
}

#donnerwetter {
padding-left:125px;
}




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

.left {
	float : left;
	margin-right : 15px;
	margin-bottom : 15px;
}
form.kontakt input, textarea {
	font-size : 12px;
	font-family : Arial;
	border : 1px solid #147eab;
	padding : 3px;
	margin-bottom : 3px;
}

form.kontakt input[type="submit"], input[type="reset"] {
	color : white;
	background-color : #3e3e3e;
}

textarea {
	line-height : 150%;
}

select, select option, input.default { 

	font-size : 12px;
	font-family : Arial;

 }

input.default { 

	border : 1px solid #147eab;

 }

form.kontakt input.formularbild {
border:0px;
padding:0px;
margin-top:5px;
vertical-align:middle;
}

h3 {
	margin-top : 20px;
	font : bold 11px Arial;
	color : #3e3e3e;
	padding-left : 62px;
}

h1 { height: 34px; margin-left:62px; margin-top:0px; margin-bottom:0px; }

/*h1 {
	line-height : 75%;
	font-weight : 700;
	display : inline;
	font : 2em Georgia;
	color : #3e3e3e;
	width : 100%;
	padding-left : 62px;
}*/

h1 span { visibility:hidden; }

.logo {
	position : absolute;
	top : 5px;
	right : 8px;
	width : 235px;
	background : white;
	text-align : right;
}

.artikel {
	padding-left : 62px;
	padding-right : 62px;
	font-size: .9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
	line-height : 160%;
}

/*.artikel p {
margin-top: -0.03em;
}*/

.quelle { color : gray;}

h2, .intertitle {
	font-weight : bold;
	font-size : 1.3em;
	font-family : Arial;
	color : #3e3e3e;
    margin-top: 1.5em;
}

.fotolink {
	font-style : italic;
	font-weight : bold;
}

.fotokasten {
	width : 350px;
	padding : 20px;
	vertical-align : bottom;
	background-color : gray;
	font : italic bold 1em Arial;
}

/*.quelle {
	margin-top : 20px;
	font : normal 1em Arial;
	color : gray;
	width : 100%;
}*/

div.liner, div.copyright {
	background-color : #e2e2e2;
	background-image : url(/liner_bg.gif);
}

div.liner {
	padding : 6px;
	padding-left : 62px;
	font : bold 11px Arial;
	line-height : 1.7em;
	text-align : right;
	white-space : nowrap;
}

div.copyright {
	color : #3e3e3e;
	padding-top : 6px;
	padding-bottom : 6px;
	font : bold 11px Arial;
	width : 100%;
	text-align : center;
}

table.klima {
	border-collapse : collapse;
}

table.klima td {
	border : 1px solid gray;
	width : 30px;
	padding : 3px;
	text-align : center;
	/*font : normal 12px Arial;*/
}

table.klima td.caption {
	width : 50px;
	text-align : left;
}