/* CSS-Styhlsheet für web.template */ 

/* Formatierung Basis */
html {
	margin          : 0;
	padding         : 0;
	overflow        : hidden;
}

body {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	margin             : 0;
	padding            : 0;
	overflow           : auto;
	/*overflow-x         : hidden;*/
	background-color   : #fff;
	width              : 100%;
   	height             : 100%;
   	font-size          : 100.01%;
   	margin             : 0;
   	padding            : 0;
}

h1 {
	font-size       : 16px;
	font-weight     : normal;
	font-style      : normal; 
	font-family     : Arial Black, Arial;
	line-height     : 60%;
	color           : #a30000;
}

/* Überschriften */
h2 {
	font-size       : 14px;
	font-weight     : normal;
	font-style      : normal; 
	font-family     : Arial Black, Arial;
	line-height     : 110%;
	margin          : 0:
	padding         : 0;
	color           : #a30000;
}

/* Auszeichnungen */
h3 {
	font-size       : 15px;
	font-weight     : normal;
	font-style      : italic; 
	font-family     : Gill Sans, Arial;
	line-height     : 120%;
	color           : #a30000;
	clear           : left;
	float           : none;
}


/* Betohnungen */
em {
	font-family  : Verdana, Geneva, Arial;
	color        : #3a3b3f;
	font-weight  : bold;
	font-style   : normal;
	font-variant : normal;
	font-size    : 12px;
	line-height  : 130%;
}

b {
	font-family  : Verdana, Geneva, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-variant : normal;
	font-size    : 12px;
	line-height  : 130%;
}
	
strong {
	font-family  : Verdana, Geneva, Arial;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-variant : normal;
	font-size    : 12px;
	line-height  : 130%;
}






/* Formatierung Contentbereich 	*/
#inhalt {
	background-color   : transparent;
	position           : absolute;
	z-index            : 6;
	font-family        : Verdana, Geneva, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-size          : 12px;
	line-height        : 130%;
	overflow           : auto;
	width              : 48%;
	height             : 59%;
	top                : 40%;
	left               : 31%;
	padding-top        : 2px;
	padding-left       : 0;
}


#inhalt p{
	font-family   : Verdana, Arial, sans-serif;
	font-size     : 12px;
	margin-right  : 15px;
	line-height   : 130%;
	clear         : left;
}
#inhalt em {
	font-family  :Verdana, Arial, sans-serif;
	color        : #3a3b3f;
	font-style   : normal; 
	font-weight  : bold;
	font-variant : normal;
	font-size    : 12px;
	line-height  : 130%;	
}



/* Formatierung der Tabellen im Contentbereich */
#inhalt table {	
	font-family        : Verdana, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 12px;
	text-align         : left;
	clear              : both;
	width              : 95%;
	vertical-align     : top;
	margin-left        : 0;
	border             : none;			
}

#inhalt th {
	font-family        : Verdana, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 12px;
	color              : #fff;
	vertical-align     : top;
	text-align         : left;
	background-color   : #a30000;
	padding            : 5px;
	border             : 1px solid #fff;

}

#inhalt td {
	font-family        : Verdana, Arial, sans-serif;
	font-size          : 12px;
	text-align         : left;
	vertical-align     : top;
	background         : none;
	border             : 1px solid #fff;
	background-color   : #efefef;

}

#inhalt tr td {
	text-align       : left;
	vertical-align   : top;
	font-size        : 12px;
	padding-left     : 5px;
	border           : 1px solid #fff;
}


/* Link im Contentbereich */
#inhalt a:link,
#inhalt a:visited,
#inhalt a:visited {
	font-size       : 12px;
	font-weight     : bold;
	font-style      : normal;
	font-family     : Verdana, Geneva, Arial;
	color           : #a30000;
	text-decoration : none;
}

#inhalt a:hover {
	font-size       : 12px;
	font-weight     : bold;
	font-style      : normal;
	font-family     : Verdana, Geneva, Arial;
	color           : #000;
	text-decoration : none;
}


#inhalt table a:link,
#inhalt table a:active,
#inhalt table a:visited {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-size      : 12px;
	color          : #a30000;
	text-decoration: underline;
}

#inhalt table a:hover  {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-size      : 12px;
	color          : #000;
}

#inhalt th em,
#inhalt th b,
#inhalt table th em,
#inhalt table th b {
	color          : #fff;
}




/* Bild in Tabelle */
#inhalt table img {
	float         : left;
	clear         : both;
	border        : none;
	margin-top    : 5px;
	margin-right  : 10px;
	margin-bottom : 5px;
	margin-left   : 0px;	
}



/* Formatierung Listen im inhaltbereich*/

#inhalt ul {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-size      : 12px;
	margin-left    : 3px;
	padding-left   : 15px; 
	list-style-type: square;
	/*margin-left    : 5px;
	padding-left   : 10px;
	float          : left;
	clear          : none;*/

}

#inhalt li {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	color          : #000;
	padding-bottom : 7px;
	/*padding        : 0;
	float          : left;
	clear          : none;*/

}

#inhalt ul li {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	list-style-type: square;
	color          : #000;
	margin-right   : 10px;
	font-size      : 12px;
	/*float          : left;
	clear          : none;*/
		clear          : left;
}

#inhalt ul li a {
	font-family    : Verdana, Arial, sans-serif;
	font-weight    : normal;
	font-style     : normal;
	font-variant   : normal;
	font-size      : 12px;
	/*float          : left;
	clear          : none;
	list-style-type: none;*/
}


/* Aufzählung */
#inhalt ol {
	margin-left : 32px;
	padding     : 0;
}




/* Bild normal */
#inhalt img,
#inhalt a img,
#inhalt h3 img {	
	float              : right;
	clear              : none;
	border             : none;	
	padding            : 0;
	margin-left        : 10px;
	margin-bottom      : 5px;
	margin-top         : 0;
	padding-left       : 10px;
}




/* Listenbild */

#inhalt ul li img,
#inhalt ul li a img,
#inhalt li a img,
li a img, 
ul li a img  {
	text-align     : left;
	float          : left;
	clear          : left;
	border         : none;
	margin-right   : 25px;
	margin-left    : 0;
	padding-left   : 0;
	list-style-type: none;
}


/* Formatierung Navigation */
#navigation {
	z-index            : 5; 
	position           : absolute;
	font-size          : 14px;
	overflow           : hidden; 
	top                : 28%;   
	left	           : 10.6%;    
	width              : 17.2%; 
	height             : 72%; 
	padding-top        : 20px;
}


#navigation ul {
	padding-top     : 0;
	padding-left    : 0;
	margin-bottom   : 0;
	margin-left     : 0;
	margin-top      : 0; 
	background-color: transparent;
	list-style      : none;
	font-size       : 12px;
}

#navigation ul li,
#navigation p {
	font-size       : 12px;
	margin          : 0;
	margin-left     : 0;
	padding-top     : 0;
	margin-bottom   : 0;
	margin-right    : 20px;
}


#navigation li a {
	display            : block;
	background-image   : url(/button-navigation.png);
	background-repeat  : no-repeat;
	background-position: left;
	background-color   : #cccccc;
	font-family        : Officina, Times, Serif;
	font-size          : 14px;
	font-style         : normal;
	font-weight        : normal;
	color              : #323232;
	text-decoration    : none;
	border-bottom      : 1px solid #909090;
	width              : 100%;
	margin             : 0;
	padding-left       : 25px;
	margin-left        : -3px;
	padding-top        : 2px;
	padding-bottom     : 2px;

}

#navigation li a:hover {
	display            : block;
	background-image   : url(/button-navigation-hover.png);
	background-repeat  : no-repeat;
	background-position: left;
	font-family        : Officina, Times, Serif;
	font-size          : 14px;
	font-style         : normal;
	font-weight        : normal;
	color              : #b50000;
	text-decoration    : none;
	border-bottom      : 1px solid #909090;
	width              : 100%;
	margin             : 0;
	padding-left       : 25px;
	
	margin-left        : -3px;
	padding-top        : 2px;
	padding-bottom     : 2px;
}


#navigation  em {
	display            : block;
	background-image   : none;
	background-color   : #b30000;
	font-family        : Times, Geneva, Serif;
	font-size          : 14px;
	font-style         : normal;
	font-weight        : normal;
	color              : #fff;
	text-decoration    : none;
	width              : 100%;
	border-bottom      : 1px solid #e6e6e6;
	margin             : 0;
	padding-left       : 25px;
	margin-left        : -3px;
	padding-top        : 2px;
	padding-bottom     : 2px;
}


/* Formatierung 2.Level */	

#navigation li.Navilevel2 a {
	display         : block;
	font-family     : Arial,sans-serif;
	font-size       : 12px;
	font-style      : normal;
	color           : #000;
	text-decoration : none;
	background-image   : url(/pfeil-navigation.png);
	background-repeat  : no-repeat;
	background-position: 15px;
	width           : 199px; 
	padding-left    : 40px;
	margin-left     : 40px;
	margin          : 0;
}

#navigation li.Navilevel2 a:hover,
#navigation li.Navilevel2 em   {
	display         : block;
	font-family     : Arial,sans-serif;
	font-size       : 12px;
	font-style      : normal;
	color           : #fff;
	text-decoration : none;
	background-image   : url(/pfeil-navigation.png);
	background-repeat  : no-repeat;
	background-position: 15px;
	width           : 199px; 
	padding-left    : 40px;
	margin-left     : 40px;
	margin          : 0;
}



#pfad {
	z-index            : 5; 
	position           : absolute;
	background         : none;
	top                : 7%;   
	right	           : 13%;    
	width              : 60%; 
	height             : 15px; 
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	font-size          : 10px;
	color              : #fff;
	text-align         : right;
	padding-top        : 3px;
	padding-right      : 185px;
}

#pfad a:link,
#pfad a:visited  {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	text-decoration    : none;
	font-size          : 10px;
	color              : #000;
	text-align         : right;
	margin             : 0;
	padding            : 0;
}
#pfad a:hover  {
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	text-decoration    : underline;
	text-align         : right;
	font-size          : 10px;
	color              : #fff;
	margin             : 0;
	padding            : 0;
}



#suche {
	z-index            : 6; 
	position           : absolute;
	background         : none;
	top                : 7%;   
	right	           : 13%;    
	width              : 175px; 
	height             : 15px; 
	font-family        : Verdana, Arial, sans-serif;
	font-weight        : normal;
	font-size          : 10px;
	color              : #fff;
	text-align         : right;
	padding-top        : 3px;
} 

#suche .search input {
   background-color  : #fff;
   font-family       : arial,sans-serif;
   font-weight       : normal;
   font-style        : normal;
   font-variant      : normal;
   font-size         : 10px;
   float             : left;
   width             : 120px;
   height            : 12px;
   border            : 1px solid #444444;
}

#suche .search input.submit {
   border             : none;
   background-color   : transparent;
   font-family        : Verdana, Arial, sans-serif;
   font-weight        : normal;
   font-style         : normal;
   font-variant       : normal;
   font-size          : 10px;
   color              : #000;
   text-align         : left;
   width              : 50px;
   height             : 12px;
   margin-left        : 0;
   padding-left       : 5px;
   float              : right
}


/* Editor formatierung */
#funktionen {
	z-index            : 6; 
	position           : absolute;
	font-size          : 14px;
	overflow           : hidden; 
	bottom             : 2%;   
	left	           : 2%;    
	width              : 30px; 
	height             : 30px; 
}
	
#funktionen form.default input{	
	background         : none;
	width              : 30px;
	height             : 24px;
	border             : none;
	font-size          : 0;
	color              : #aa8f62;
	text-align         : left;
}

#funktionen form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}


/* Formatierung Benutzermanager Button */
#funktionen form.usermanager input{
	background         : none;
	width              : 30px;
	height             : 24px;
	border             : none;
	font-size          : 0;
	color              : #aa8f62;
	text-align         : left;
}
#funktionen form.usermanager input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}



/* Webseiten Hintergrund */
#fond {
	z-index            : 1; 
	position           : absolute;
	background-image   : url(/fond-gold.jpg); 
	background-repeat  : repeat; 
	background-position: top;
	background-color   : #aa8f60;
	top                : 0;   
	left	           : 0;    
	width              : 100%; 
	height             : 100%; 
}


/* Formatierung Flash Logo */
#logo {
	z-index         : 4;
	background      : transparent;
	overflow        : hidden;
	position        : absolute;
	text-align      : center;
	top             : 1.5%;
	left            : 11%;
	width           : 12%;
	height          : 20%;
	margin          : 0;
	padding         : 0;
}

#fond-kopf {
	z-index            : 3; 
	position           : absolute;
	background-image   : url(/fond-kopf.gif); 
	background-repeat  : no-repeat; 
	background-position: top left;
	background-color   : transparent;
	top                : 7%;   
	left	           : 9%;
	right              : 12%;    
	width              : 79%; 
	height             : 6%;
	border-bottom      : 1px solid #b99e71;
}


#fond-pfad {
	z-index            : 2; 
	position           : absolute;
	background-image   : url(/fond-pfad.gif); 
	background-repeat  : no-repeat; 
	background-position: top right;
	background-color   : transparent;
	top                : 7%;   
	left	           : 12%;
	right              : 12%;    
	width              : 76%; 
	height             : 6%; 
}


#facebook { 
	z-index            : 6;	
	position           : absolute;
	background-color   : transparent;
	left               : 31.5%;
	top                : 5px;
	width              : 600px;
	height             : 50px;
	border             : none;
} 
  
#titelbild { 
	z-index            : 1;	
	position           : absolute;
	background-color   : #fff;
	background-image   : url(/titelbild.jpg); 
	background-repeat  : repeat-x; 
	background-position: right center;
	left               : 9%;
	right              : 12%;
	top                : 12%;
	width              : 79%;
	height             : 22%;	
} 



#fond-navigation {
	z-index            : 2; 
	position           : absolute;
	overflow           : hidden; 
	background-color   : #b50000;
	top                : 34%;   
	left	           : 9%;    
	width              : 17%; 
	height             : 66%; 
}

#fond-navigation-links {
	z-index            : 4; 
	position           : absolute;
	background-image   : url(/navigation-links.png); 
	background-repeat  : no-repeat; 
	background-position: top left;
	background-color   : transparent;
	top                : 28%;   
	left	           : 9.4%;   
	width              : 63px; 
	height             : 72%;
}

#fond-navigation-rechts {
	z-index            : 3; 
	position           : absolute;
	background-image   : url(/navigation-rechts.png); 
	background-repeat  : no-repeat; 
	background-position: top right;
	background-color   : transparent;
	top                : 28%;   
	left	           : 11%;  
	width              : 18%; 
	height             : 72%;

}


#fond-inhalt {
	z-index            : 2;	
	position           : absolute;
	background-color   : #fff;
	-moz-opacity       : 0.5;
	filter             : alpha(opacity=50);
	opacity            : 0.5;
	overflow           : hidden; 
	width              : 59.5%;
	height             : 66%;
	top                : 34.1%;
	left               : 28.5%;
	right              : 12%;
}

#fond-inhalt-kopf {
	z-index            : 3;	
	position           : absolute;
	background-color   : transparent;
	background-image   : url(/fond-inhalt-kopf.png); 
	background-repeat  : no-repeat; 
	background-position: left top;
	overflow           : hidden; 
	width              : 51.2%;
	height             : 66.8%;
	top                : 35.2%;
	left               : 28%;
	right              : 12%;
}

#newsticker {
	z-index            : 5; 
	position           : absolute;
	background-color   : transparent;
	top                : 34.5%;   
	left	           : 79%;    
	width              : 227px; 
	height             : 62%; 
}

#Winterprogramm {
	z-index            : 5; 
	position           : relative;
	top                : 5px;   
	left	           : 0;    
	border             : 0;
	width              : 227px; 
	height             : 197px; 
	border             : none;
}

#Sommerprogramm {
	z-index            : 5; 
	position           : relative;
	top                : 0;   
	left	           : 0;    
	width              : 227px; 
	height             : 197px; 
	border             : none;
}

#Pension {
	z-index            : 5; 
	position           : relative;
	top                : 0;   
	left	           : 0;    
	width              : 227px; 
	height             : 197px; 
	border             : none;
}
#Winterprogramm a img,
#Sommerprogramm a img,
#Pension a img {
	border             : none;
}