@charset "iso-8859-1";
/*CSS Formatierung für Frienisberg-Tourismus */
/*Script erstellt von
                         \\\\|////
                         \\ _ _ //
                          ( o o )
       +---------------oOOo-(_)-oOOo----------+
                    www.funkeundfunke.de
© Stephan Funke <s.funke@funkeundfunke.de>
       +-----------------------Oooo-----------+
                         oooO  (  )
                         (  )  ) /
                          \ ( (_/
                           \_/
*/
*{
	margin : 0px;
	padding : 0px;
}
html{
	width : 100%;
	height : 100%;
}

body{
	/*overflow: hidden;*/
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width : 100%;
	height : 100%;
	background-image : url(images/bgStreifen.png);
}
img{
	border : none;
}
a:link, a:visited{
	color : white;
	text-decoration : none;
}
a:hover{
	color : white;
}
#bgimage{
	position: fixed;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
}
#container{
	width : 1024px;
	height : 700px;
	margin-left : -512px;	
	margin-top : -350px;
	top : 50%;
	left : 50%;
	position : absolute;
	
}
#content{
width : 985px;
height : 397px;
left : 23px;
top : 50px;
position : relative;
}
#navi{
	width : 985px;
	height : 104px;
	left : 23px;
	top : 29px;
	position : relative;
	background-color : #0C64AB;
}
#logo{
	background-image : url(images/logo.png);
	background-repeat : no-repeat;
	width : 163px;
	height : 72px;
	top : 15px;
	left : 16px;
	position : relative;
	float : left;
}
#suchform{
	top : 15px;
	position : relative;
	float : right;
	color : white;
	right : 40px;
}
#suchform input{
	margin-left : 10px;
}
#contentBottom{
	background-color : #C4D0DE;
	width : 985px;
	left : 23px;
	top : 50px;
	position : relative;
}
.boxText a:link, .boxText a:hover, .boxText a:visited{
            color : Black;
}

#box1, #box2, #box3{
	width : 280px;
	color : #313131;
	font-size : 11px;
	height : 100px;
	border-right : 1px solid #0C64AB;
	float : left;
}
#box1 h2, #box2 h2, #box3 h2{
	background-color : #0C64AB;
	color : white;
	font-weight : bold;
	font-size : 12px;
	height : 21px;
	padding-top : 5px;
	padding-left : 10px;
}
#box3{
	width : 422px;
}
#box1 p, #box2 p, #box3 p{
	padding : 10px;
}
.clear{
	clear : both;
}
#footer{
	left : 23px;
	top : 55px;
	position : relative;
	color : white;
}
/*++++++++++++++++ TOP Navigation ++++++++++++++++++++*/
#topnav{
	top : 75px;
	left : 210px;
	position : absolute;
	font-weight : bold;
	font-family : arial, Helvetica, sans-serif;
	font-size : 11px;
	color : white;
	float : right;
}

#topnav li{
	float : left;
	display : block;
	list-style : none;
	margin-right : 30px;
}
#topnav li a:link, #topnav li a:visited{
	color : White;
}
#topnav li a:hover{
	color : White;
}
/*++++++++++++++++ ENDE TOP Navigation ++++++++++++++++++++*/