/*-----------------------------------------------------------------------------
[Südtirol Classic] Screen Stylesheet

version:   1.3
date:      10/04/07
ldoc:      20/01/10
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.it

Farbcode:
    Orange: #EC6C0F; 
    Rot:    #E43117;
    Blau:   #122370;
    Untermenu, reiter2: #EE7F01;
-----------------------------------------------------------------------------*/

html, body 
{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, Verdana, Sans-Serif;
    /*background-color:#FFF8E6;*/
}

#slideshow {
    position:relative;
    height:165px;
}

/* Admin Modus */
#cntrl
{
    position:absolute;
    margin:0;
    padding:5px;
    top:-2px;
    left:-3px;
    width:400px;
    height:25px;
    background-image:url(http://xpsitemanager.by-experience.com/img/liveCMSBg.gif);
    background-repeat:no-repeat;
    font-size:0.8em;
    filter: alpha(opacity=75); 
	-moz-opacity:0.75;
	opacity:0.75;
}

#cntrl a
{
    color:White;
    text-decoration:none;
    font-weight:bold;
}

#cntrl img
{
    border:none;
}

#cntrl ul
{
    padding:0;
    margin:-2px 0 0 0;
}

#cntrl li
{
    float:left;
    list-style:none;
    padding-right:5px;
    padding-left:8px
}

.cmsMody
{
    text-align:right;
    /*background-image:url(http://xpsitemanager.by-experience.com/img/liveCMSBgMody.gif);*/
    background-position:right;
    background-repeat:no-repeat;
    filter: alpha(opacity=80); 
	-moz-opacity:0.75;
	opacity:0.75;
	padding-top:3px;
	margin-right:-5px;
}

/*.cmsMody a
{
    padding-right:7px;
}*/

.statistikTab
{
    font-size:0.75em;
    width:50%;
    margin:20px;
}

.statistikTab td
{
    border:solid 1px #bbbbbb;
    border-top:none;
    border-left:none;
    white-space:nowrap;
}

.statistikTab th
{
    border:solid 1px #bbbbbb;
    border-top:none;
    border-left:none;
    color:#ffffff;
    white-space:nowrap;
}

.statistik_menu a
{
    font-size:0.8em;
    text-decoration:none;
    color:#78a6f4;
    padding-left:20px;
    font-weight:bold;
}
/* ENDE Admin Modus 

div
{
   border:solid 1px #000000;
}
*/

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  font-size:0.8em;
  font-weight:bold;
  margin:0 0 0 60px;
  padding:4px;
  text-align:center;
  width:500px
}

/* HEAD */
#head
{
    width:960px;
    height:270px;
    /*border:solid 1px #0000FF;*/
    background-repeat:no-repeat;
    margin:0 0 10px 0;
}

.flash
{
    padding:50px 0 0;
}

.home
{
    position:absolute;
    padding:0;
    margin:0;
    font-size:0.8em;
    font-weight:bold;
    left:16px;
    top:30px;
    visibility:hidden;
}

.sprachen
{
    font-size:0.8em;
    font-weight:bold;
    position:absolute;
    margin:0;
    padding:0;
    left:689px;
    top:30px;
    white-space:nowrap;
}

.sprachen img
{
    border:none;
}

.home a, .sprachen a
{
    text-decoration:none;
    color:#000000;
    margin-top:-3px;
}

#sprachen img
{
    padding:0;
    margin:0;
}

.suche
{
    position:absolute;
    left:0;
    top:0;
    margin:50px 0 0 680px;
    padding:0;
    border:solid 1px #4A7724;
    background-color:#E4EBDE;
    width:270px;
    height:201px;
}

.suche .wetter
{
    font-size:0.7em;
    text-align:center;
    margin-top:15px;
}

.suche .suchen
{
    font-size:0.7em;
    text-align:left;
    margin:30px 0 0 15px;
}

.logo{
  background:#fff;
  border:solid 1px #f26922;
  filter: alpha(opacity=85);
  margin:10px 0 0 68px;
  opacity:0.85;
  position:absolute;
  padding:5px;
  z-index:1000;
}

.logo img{
  border:none;
}

/* MENU */
#reiter
{
    font-size:0.8em;
    font-weight:bold;
    height:25px;
    width:750px;
}

#reiter a
{
    margin:0 10px;
    padding:0; 
    text-decoration:none;
    color:#000000;
    outline:none;
}

#reiter2
{
    font-size:0.8em;
    margin-bottom:10px;
    margin-top:0;
    padding:0;
    font-weight:bold;
    background-color:#EE7F01;
    height:13px;
    width:850px;
}

.tabelle
{
    float:left;
    margin-bottom:15px;
    margin-top:-10px;
}

.tabelleMenu
{
    background-color:#EE7F01;
    
}

#menu
{
    float:left;
    width:157px;
    height:675px;
    font-size:0.8em;
    font-weight:bold;
    padding:0;
    background-color:#EE7F01;
}

#menu ul
{
    margin:0;
    padding:0;
}

#menu li
{
    list-style:none;
    margin:0;
    padding:5px 11px;
    background-color:#EE7F01;
    border-bottom:dotted 1px #FFFFFF;
}

#menu a
{
    text-decoration:none;
    color:#FFFFFF;
    outline:none;
}

.menuSponsoren
{
    margin-top:20px;
    width:150px;
    text-align:right;
}

.menuSponsoren img
{
    padding-top:15px;
    padding-left:4px;
}

.menuSponsoren a
{
    font-size:0.8em;
    display:block;
    outline:none;
    margin-top:8px;
    /*margin-left:58px;*/
}

/* News */
#news
{
    float:left;
    width:609px;
    margin-top:15px;
    /*border:solid 1px #0000FF;*/
}

#news img
{
    border:none;
}

.neues
{
    font-size:0.75em;
    margin-left:15px;
    padding:0;
}

.neues h1
{
    margin:0;
    padding:5px;
    font-size:1em;
    text-decoration:underline;
}

.neues p
{
    margin:0;
    padding:5px;
    overflow:auto;
    color:Black;
}

.neues a
{
    text-decoration:none;
}


.neues p a
{
    text-decoration:underline;
}

.eineNews
{
    width:285px;
    height:250px;
    float:left;
    padding:0;
    margin-right:10px;
    margin-bottom:10px;
    border:solid 1px #e5eaef;
    background-color:#ebeff6;
    text-align:left;
}

.eineNews span
{
    text-align:right;
}

.eineNews h1
{
    clear:both;
}

.eineNews p
{
    height:195px;
    overflow:hidden;
}

.eineNews img
{
    float:left;
    padding-right:5px;
}

/*.newsTitle
{
    clear:both;
    background-color:#ebeff6;
}*/

.newsBild
{
    text-align:right;
    float:left;
}

.eineNewsSelect
{
    margin:0;
    padding:0;
    background-color:#ebeff6;
    text-align:left;
    vertical-align:top; 
}

.newsSelectTitle
{
    width:580px;
    float:left;  
    vertical-align:top;  
}

.newsSelectTitle img
{
    float:left;
    padding-right:3px;
}

/* User News + Login */
#nutzerNews
{
    float:left;
    display:block;    
    width:190px;
    margin:0;
    padding:0;
    /*border:solid 1px #0000FF;*/
}

#nutzerNews fieldset
{
    font-size:0.7em;
    border:solid 1px #316ac5;
}

#nutzerNews fieldset legend
{
    border:solid 1px #316ac5;
}

#nutzerNews input
{
    width:100px;
}

#nutzerNews ul
{
    list-style-type:none;
    margin-left:23px;
    margin-top:-48px;
    padding:0;
    border:solid 1px #E43117;
    position:relative;
    background-color:#ffffff;
    font-size:0.75em;
    font-weight:bold;
    text-align:center;
    width:160px;
}

#nutzerNews ul li
{
    padding:0;
    margin:20px 5px 40px 5px;
}

/* News Channel */
/*.sidebar{
  height:700px;  
}*/

.channel
{
    border:solid 1px #4A7724;
    margin:10px 0 0 2px;
    padding:0;
    width:186px;
}

.channel h1
{
    font-size:0.75em;
    margin:0;
    padding:2px;
    background-color:#8BA873;
}

.channel p
{
    font-size:0.75em;
    margin:0;
    padding:5px 2px;
    background-color:#E4EBDE;
}

/* Registrierung */
#registrierung
{
    float:left;
    width:545px;
    margin-left:20px;
    margin-right:34px;
    padding:0;
}

#registrierung fieldset
{
    font-size:0.7em;
    border:solid 1px #316ac5;
    background-color:#ebeff6;
    width:215px;
}

#registrierung fieldset legend
{
    border:solid 1px #316ac5;
    background-color:#ffffff;
}

/* Profil */
#profil
{
    width:675px;
    float:left;
    font-size:0.75em;  
}

#profil fieldset
{
   border:solid 1px #316ac5;
   background-color:#ebeff6;  
   width:500px;
   margin-right:50px;
   margin-bottom:50px;
   margin-left:50px;
}

#profil fieldset legend
{
   border:solid 1px #316ac5;
   background-color:#ffffff;
}

/* Inhalt aus der DB */
.inhalt, .sponsoren, .registrierung
{
    /*background-color:#ebeff6;
    border:solid 1px #e5eaef;*/
    margin:10px;
    margin-top:-5px;
}

.inhalt h1, .inhalt h2, .inhalt p, .strecke, .inhalt table
{
    padding-left:10px;
    padding-right:10px;
}
.inhalt h1
{
    margin:10px 0;
    font-size:0.9em;
    text-align:left;
    color:#316ac5;
}

.inhalt h2
{
    margin:15px 0;
    font-size:0.8em;
    text-align:left;
    color:#E43117;
}

.inhalt strong
{
    color:#000000;
    text-decoration:underline;
}

.inhalt p, .sponsoren p
{
    margin:15px 0;
    font-size:0.75em;
    line-height:140%;
}

.inhalt span
{
    background-color:#fcfcac;
}

.strecke
{
    font-size:0.75em;
    line-height:140%;
    margin-top:-10px;
    margin-left:40px;
    padding-right:20px;
    text-align:justify;
    border-left:solid 1px Purple;
    margin-bottom:20px;
}

.inhalt table
{
    font-size:0.75em;
    width:250px;
}

.inhalt table ul
{
    list-style:none;
    padding:0;
    margin:0;
}

.pakete
{
    font-size:0.75em;
    line-height:140%;
}

.sponsoren td
{
    padding-left:10px;
}

.registrierung
{
    font-size:0.75em;
    text-align:left;
}

.registrierung h1
{
    margin:10px 0;
    font-size:1.1em;
    text-align:center;
    color:#316ac5;
}

/* Videogalerie */
#video
{
    float:left;
    width:290px;
}

#video a:link
{
    color:#000;
    text-decoration:none;
}

#video a:visited
{
    color:#000;
    text-decoration:none;
}

#video a:hover
{
    color:#000;
    text-decoration:underline;
}

#video a:active
{
    color:#000;
    text-decoration:none;
}

/* Bildergalerie */
#bildergalerie
{
    float:left;
    font-size:0.65em;
    color:#777;
    width:125px
}

#bildergalerie img
{ 
    border:1px solid #EE7F01; 
    padding:2px;
}

#bildergalerie img:hover
{ 
    border:1px solid #EEBF01; 
    padding:2px;
}

/* Formular */
.formular{
	margin-top:0;
}

.formarea{
	border:none;
	margin-left:12px;
	margin-top:0;
	padding-left:12px;
	width:545px;
}

.formarea label
{
    display:block;
	font-size:0.75em;
}

.formarea input{
	margin-bottom:5px;
	width:460px;
}

.guestbook
{
    font-size:0.75em;
    margin-left:15px;
    width:600px;
}
/* ENDE Formular*/

/* FOOTER */
#footer
{
    clear:left;
    width:940px;
    height:87px;
    font-size:0.8em;
    text-align:center;
    background-color:#E4EBDE;
    padding:5px;
    margin-bottom:80px;
    margin-top:10px;
    border-top:solid 1px #E43117;
}

#footer div
{
    padding:5px;
    float:left;
    text-align:left;
}

#footer .adresse
{
    margin:0 10px;
    float:left;
}

#footer a
{
    font-size:0.85em;
}

#footer .logos img
{
    margin-left:20px;
    margin-top:0px;
}

#infoHome{
  background:#fefefe;
  border:3px solid #f00;
  font-size:0.9em;
  top:0;
  margin:325px 0 0 255px;
  padding:15px;
  position:absolute;
  z-index:10;
}

.close{
  color:#000;
  font-size:0.7em;
  margin:-60px 0 0 -45px;
  position:absolute;
  text-decoration:none;   
}