/*------------------------------------------------------
	Allgemein
------------------------------------------------------*/

body {
  background-image: url(../images/titel/site_bg.gif);
  font-family: Verdana;
  margin: 0px;
  padding: 0px;
  }

.center {
  text-align: center;
  }

.left {
  text-align: left;
  }

.right {
  text-align: right;
  }

.clear {
  clear: both;
  }


.red {
  color: #ff0000;
  }

.spaceleft {
  padding-left: 20px
  }

 .formbuttons .inputsubmit, .formbuttons .inputbutton { margin: 2px 4px; }
 input[type~="submit"], input[type~="button"] { border-style: solid; border-top-width: 1px; border-left-width: 1px;
  border-bottom-width: 1px; border-right-width: 1px; border-top-color: #ff8888; border-left-color: #ff8888;
  border-bottom-color: #aa0000; border-right-color: #aa0000; background-color: #E68956; color: #FFFFFF; font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif; }

* html .inputbutton, * html .inputsubmit { border-style: solid; border-top-width: 1px; border-left-width: 1px;
  border-bottom-width: 1px; border-right-width: 1px; border-top-color: #ff8888; border-left-color: #ff8888;
  border-bottom-color: #aa0000; border-right-color: #aa0000; background-color: #E68956; color: #FFFFFF; font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif; padding: 1px; }

/*------------------------------------------------------
	Text Sondergrössen
------------------------------------------------------*/

.txt_8 {
  font-size: 8px;
  }

.txt_10 {
  font-size: 10px;
  }

/*------------------------------------------------------
	Links
------------------------------------------------------*/

a {
  color: #A52;
  text-decoration: none;
  }

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

a:hover, a:active {
  color: #720;
  text-decoration: underline;
  }
  a.custom_select {
  	font-family: Verdana, Arial;
			/*width: 150px;
			background: white;*/
			display: block;
			font-size: 11px;
			/*color:#880000;*/
			font-weight: normal;
			padding: 5px 0px 5px 3px;
			vertical-align: middle;
      text-decoration: none;
			margin: 0px;
	}

a.custom_select:hover, a.custom_active,  a.custom_active:hover {
			background: #dddddd;
	}
a.logout{
	color: #e9e9e9;
}
/*------------------------------------------------------
  Menue - links
------------------------------------------------------*/

#menu_left {
  width: 160px;
  padding-right: 28px;
  vertical-align: top;
  }

#menu_alpha {
  background: #fa7;
  background-image: url(images/edge/menu_left_bg.gif);
  border-right: 1px solid #000;
  border-top: 1px solid #800;
  padding: 5px;
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #600;
  }

#menu_alpha a {
  color: #A52;
  text-decoration: none;
  }

#menu_alpha a:visited {
  color: #A52;
  text-decoration: none;
  }

#menu_alpha a:hover, a:active {
  color: #720;
  text-decoration: underline;
  }

.alpha {
  width: 136px;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 2px;

  border-top: 1px solid #800;
  border-right: 1px solid #000;

  background: #fa7;
  background-image: url(../images/edge/menu_left_bg.gif);
  }

/*------------------------------------------------------
  Überschriften
------------------------------------------------------*/

.header {
  height: 20px;

  background-image: url(../images/edge/header_bg.gif);

  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: #edd;
  }

.header_middle {
  height: 20px;

  background-image: url(../images/edge/header_middle_bg.gif);

  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  color: #edd;
  }

.header_edge_left {
  width: 7px;
  height: 20px;

  background-image: url(../images/edge/header_left.gif);
  }

.header_edge_right {
  width: 7px;
  height: 20px;

  background-image: url(../images/edge/header_right.gif);
  }

/*------------------------------------------------------

------------------------------------------------------*/

#showSport .floatright {
  float: right;
  padding-left: 10px;
  padding-bottom: 5px;
  }

#showSport .floatleft {
  float: left;
  padding-right: 10px;
  padding-bottom: 5px;
  }

#showSport p {
  text-align: justify;
  }

#impressum_table td {
         font-size: 10px;
         }

.mail_inputfeld {
	background-color: #ffffff;
	border: 1px inset #b29980;
	height: 16px; width: 95px;

	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
	color: #b29980;
	cursor: write;
	}

.mail_text {
	background-color: #ffffff;
	border: 1px inset #b29980;
	height: 80px; width: 175px;

	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
	color: #b29980;

	cursor: write;
	}
/*------------------------------------------------------
    Tabellen
------------------------------------------------------*/

.black{
	color: #000000;
	}
/*------------------------------------------------------
	sonstiges
------------------------------------------------------*/

input{
	font-family: Verdana, Arial;
	font-size: 11px;
	color:#880000;
	border-color:#880000;
    border-style:groove;
    border-width:1px;
   /* border-left:1px solid #880000;*/
	}
.box{
  	border-color:#880000;
    border-style:solid;
    border-width:1px;
	}
textarea{
	color:#880000;
  }

div.fileinputs{
	position: relative;
	}

div.fakefile{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

input.file{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	left: 0px;
	}
h1, h3, ul, ol, li, div, td, th {
  font-family: Verdana, Arial;
  font-size: 11px;
  color: #880000;
  }

h2 {
  font-size: 13px;
  font-weight: bold;
  }

h4 {
  font-size: 11px;
  font-style: italic;
  }

p {
  text-align: justify;
  }

li, ul {
  text-align: justify;
  }
select {
	background-color: #FFAA77;
	BORDER: #880000 solid 0px;
	color:#880000;
  }
  
 /*--Fotoalben--*/
.addphotoalbum { margin-right: 10px; padding-left: 10px; width: 200px; height: 100px; text-align: left; float: left}
.listfriendsfotoalbum {width: 350px; text-align: left; margin-right: 10px; float: right;}
.photoheader { padding: 2px 0px; color: #000000; font-size: 11px; font-weight: bold; text-align: left; border-bottom: solid 1px #ee0000;}
.nophotos { height: 100px; font-size: 12px;  line-height: 17px;  text-align: center;  color: #999;  background: #f7f7f7;  border: solid 1px #ddd;}
.albumdescription { float: left; padding: 10px; margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumdescription_overview { width: 340px; margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumlocation_overview { width: 340px; margin-top: 10px;  color: #000000; font-size: 11px; text-align: left;}
.albumlinks_overview{ width: 340px; margin-top: 10px;  color: #000000; font-size: 11px; text-align: left; position: relative; bottom : 0px;}

.albumheadline { color: #000000;  width: 300px; font-size: 12px;  line-height: 17px; font-weight: bold; float: left; margin-right: 10px;}
.albumheadlinecount { color: #999;  font-size: 12px;  line-height: 17px; float:right; }

.inputtext_magglass { width: 5px; padding-left: 17px; padding-right: 3px; border: 1px solid #7b9ebd; padding-top: 3px; padding-bottom: 3px; font-size: 11px; background:url(../images/magglass.png) 3px 4px no-repeat; }
.albumphotocount {padding: 0px 8px;color: #000000; font-size: 11px; font-weight: bold; text-align: left; float: left;}
.myalbumscount { padding: 0px 0px 5px 10px; color: #ee0000; font-size: 11px; font-weight: bold; text-align: left;}

.myalbumspreviewcontainer {float: right; background: #ffaa77; border-top: solid 1px #ff8080; border-bottom: solid 1px #ff8080; width:100%;} /*width:495px;}*//*width: 616px;*/

.myalbumpreview { padding: 5px;  background: #ffffff; margin: 8px 8px 8px 8px; border: solid 1px #ff8080; text-align: left; float: left; width:470px;}/*  */
.photocomments { padding: 15px; text-align: left; width: 450px}
.photocomments .spam_message {color: #FF4040;}
.photonewcomment { padding: 15px; color: #000000; font-size: 11px; font-weight: bold; text-align: left; width: 450px}


/*--tests--*/
#tabs              { text-align: center; padding: 4px 0px; }
  .TabsWithMargin  { margin: 10px 20px 10px; border-bottom: solid 1px #880000; }
#tabs div          { display: inline; padding: 0px; margin: 0px; }
* html #tabs div   { margin: 0 3px; }
#tabs a            { margin: 0px; padding: 4px; }
#tabs .activetab a { color: white; background: #ffaa77; }
#tabs .activetab a:hover { text-decoration: none; }
#tabs .inactivetab a:hover { background: #ffc8a7; text-decoration: none; }

.frame{
	width:300px;
	height:200px;
	border:5px groove #880000;
	top:200px;
	left:500px;
	position:absolute;
	background:#fca777;
	visibility:hidden;
	display:none;
}