
@font-face {
	font-family: 'DroidSerifRegular';
	src: url('DroidSerif-Regular.eot');
	src: local('Droid Serif'), local('DroidSerif'), url('DroidSerif-Regular.woff') format('woff'), url('DroidSerif-Regular.ttf') format('truetype'), url('DroidSerif-Regular.svg#DroidSerif') format('svg');
}

@font-face {
	font-family: 'DroidSerifItalic';
	src: url('DroidSerif-Italic.eot');
	src: local('Droid Serif'), local('DroidSerif-Italic'), url('DroidSerif-Italic.woff') format('woff'), url('DroidSerif-Italic.ttf') format('truetype'), url('DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
}

@font-face {
	font-family: 'DroidSerifBold';
	src: url('DroidSerif-Bold.eot');
	src: local('Droid Serif'), local('DroidSerif-Bold'), url('DroidSerif-Bold.woff') format('woff'), url('DroidSerif-Bold.ttf') format('truetype'), url('DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
}

@font-face {
	font-family: 'DroidSerifBoldItalic';
	src: url('DroidSerif-BoldItalic.eot');
	src: local('Droid Serif'), local('DroidSerif-BoldItalic'), url('DroidSerif-BoldItalic.woff') format('woff'), url('DroidSerif-BoldItalic.ttf') format('truetype'), url('DroidSerif-BoldItalic.svg#DroidSerif-BoldItalic') format('svg');
}
/*
* 120%
* 100%
* 90%
* 83%
* 75%
* 69%
  
 */

* {
margin: 0px;
padding: 0px;
}
body {padding:2px;background-color:#bbc;color:#223;
font-family: 'DroidSerifRegular', Georgia, serif;
font-size:100%;
line-height: 1.3em;
}
#preload {
display: none
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: -9999;
left: -9999;
z-index: -30;
}
/*width:720px; margin: 0px auto;
 * 
 * width: 98%;max-width: 1040px; min-width: 720px;*/
#Rahmen {max-width: 950px; min-width: 720px; margin: 0px  auto; border-width: 1px;border-style:solid;border-color: #889;background-color:#efefef;background:url(grafik/BG1.jpg);padding: 0.3em 20px 10px 20px;position:relative;}

#Banner {margin: 0px 250px 0px 0px;height:4.5em;color:#445;}
#Banner1 {border-bottom: 3px #445 dotted;}
#Banner2 {}
h1,h2 {font-size:100%;line-height: 1.5em;font-family: 'DroidSerifBoldItalic', Georgia, serif;font-style: italic;}

#Banner-klein {margin: 0;height:4.5em;color:#445;max-width: 48em;}

#Platzhalter-menu {width:11.5em;float:left;}
#Platzhalter-menu-pixel {height:13px;}
#Platzhalter-menu-em {height:18em;}

#Platzhalter-menu-klein  {width:11.5em;float:left;}
#Platzhalter-menu-pixel-klein {height:6px;}
#Platzhalter-menu-em-klein {height:8.5em;}

#Platzhalter-menu-alpin  {width:11.5em;float:left;}
#Platzhalter-menu-pixel-alpin {height:7px;}
#Platzhalter-menu-em-alpin {height:12.5em;}


h3,h4,h5,h6 {
padding: 0px;margin: 5px 0px;font-family: 'DroidSerifBold', Georgia, serif;
}

h3 {font-size:100%;color:#445;}
h4 {font-size:100%;color:#445;}
h5 {font-size:90%;color:#445;}
h6 {font-size:90%;color:#445;}

#Inhalt1 {}
#Inhalt2 {border-top: 3px #445 dotted;margin-top:10px;}

a {text-decoration:none;outline:0px;}
a:link {color:#aa0000;}
a:visited {color:#800000;}
a:hover {color:#ff0000;text-decoration:underline;}
a:focus {background-color:#eef;color:#d50000;text-decoration:underline;}
a img {border: 0px;}

#menu {position:absolute;top:5.3em;left:20px;width:11.5em;list-style:none;margin: 5px 15px 10px 0px;border: 1px solid #c2c2cc;border-top: 0;font-size:90%;line-height:1.6em;}
#menu li {width:11.5em;}
#menu a {display:block;background-color:#e8e8f8;border-top: 1px solid #c2c2cc;font-size:100%;padding-left:10px;}
#menu a:link {color:#aa0000;}
#menu a:visited {color:#800000;}
#menu a:hover {background-color:#ccd;color:#ff0000;text-decoration:underline;}
#menu a:focus {background-color:#ccd;color:#d50000;}

#angezeigt {display:block;padding:0px;background-color:#f8f8ff;font-size:100%;border-top: 1px solid #c2c2cc;padding-left:10px;}

#bereich a {display:block;background-color:#f8f8ff;}
#bereich a:link {color:#aa0000;}
#bereich a:visited {color:#800000;}
#bereich a:hover {background-color:#ccd;color:#ff0000;text-decoration:underline;}
#bereich a:focus {background-color:#ccd;color:#d50000;}

#menu li ul {list-style:none;width:12em;text-indent:25px;}
#menu li ul li a {text-indent:25px;background-color:#f8f8ff;}

#unterseite {display:block;background-color:#f8f8ff;border-top: 1px solid #c2c2cc;font-size:100%;text-indent:35px;}

#Galerie1 {float:right;width:180px;margin: 0px 0px 0px 25px;position:relative;top:-4.25em;}
#Galerie2 {float:right;width:180px;margin: 5px 0px 0px 25px;}

.schliessen {display:block; font-size:90%; margin-top:10px;margin-left:-6px;}
.oeffnen {display:block;font-size:90%;margin:320px 0 20px 25px;}

#nachoben {clear:both;width:600px;}

#Fuss {text-align:center;margin-top:10px;}
#Fuss ul {list-style-type:none;width:100%;font-size:90%;line-height: 1.3em;}
#Fuss ul li {float:left;width:50%;}
#Fuss ul li a {display:block;background-color:#dde;}
#Fuss ul li a:link {color:#aa0000;}
#Fuss ul li a:visited {color:#800000;}
#Fuss ul li a:hover {background-color:#c8c8d8;color:#ff0000;}
#Fuss ul li a:focus {background-color:#ccd;color:#d50000;}

p {margin:0em 0em 0.6em 0em;font-size:90%;max-width: 55em;}

blockquote, i {margin:10px;font-family: 'DroidSerifItalic'; font-style:italic;font-size:90%;max-width: 55em;}
#Liste {margin:10px 25px 10px 150px;list-style-type:circle;font-size:90%;max-width: 55em;}
#Linkliste {float:left; margin:0px 25px 0px 50px;list-style-type:none;font-size:90%;max-width: 55em;}
#Linkliste li {margin-bottom:20px;max-width: 55em;}
.liste {margin:10px 25px 10px 50px;list-style-type:circle;font-size:90%;max-width: 55em;}


.kleineListe {list-style:disc;margin: 10px 50px 10px 14em;color:#aa0000;font-size:90%;max-width: 55em;}
#bildangezeigt {font-weight: bold;list-style: none;}

i {font-size:100%; margin:0;}
/*Einzelbilder*/
#brianconnaise {float:left;margin:20px;}
#sommets {float:left;margin:20px;}



