body {margin: 0px; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background-image: url(../Images/bg_body.jpg);background-repeat: no-repeat;background-attachment:fixed;background-color:#FFFFFF;}
/* Form styles */
label {display: block;float: left;width: 200px;font-size: 11px;text-align: right; padding-right: 1em;}
form br {clear:left;}
form {font-size:11pt;}
input, select, textarea {border: 1px solid #0e0e0e;padding: 3px;margin-bottom: 5px;font-size:12px;}
/* den Submit-Button */
input#submit { float: none;width: auto;}
input.submit { float: none;width: 100px;}
hr {height: 1px;background-color:#050000;color:#050000;border: #050000;}
img {border: 0px;}
div pre {margin:10px; font-size:11px; background-color:#CCCCCC; border: 1px solid #000000; clear:both; z-index:5000; }
/* link active ohne javascript */
body#startseite a#startseite_menu {border-bottom:6px solid #09ff00;}
body#verein div#verein_menu {background-color: #999999;border-bottom:6px solid #09ff00;}
body#verein div#verein_menu:hover {background-color: #FFC1BF;border-bottom:6px solid #FFFABF;}
body#verein div#verein_menu a {text-decoration: none;}
#box {position: absolute;left: 50%;width: 790px;margin:0 0 0 -396px;border: 1px solid #050000;background-color: #ffffff;}
/* Header */
#head {background-color: #050000;background-image: url(../Images/ius_01.png);background-repeat: no-repeat;background-position: left center;width: 790px;height: 200px;text-align:right;}
/* header menue */
#headermenue {position:absolute;left: 50%;top: 187px;font-size: 11px;width: 550px;padding: 0px 0;margin: 0 0 0 -155px;float:left;}
#headermenue ul {list-style-type: none;margin: 0px;padding: 0px;}
#headermenue li {display: inline;margin-right: 1px;padding: 0px;border: 1px solid #000;border-bottom: 0px solid #000;}
#headermenue li a, #headermenue li a:link {text-decoration: none;padding: 0 5px;color: #fff;background-color:#0337A7;}
#headermenue li a:visited {color: #0c0;}
#headermenue li a:hover, #headermenue li a:focus, #headermenue li a:active {color: #000;background-color: #fff;}
/* breadcrumb und footer */
#breadcrumb, #foot {width: 790px;background-color:#7bbDFF;font-size: 11px;}
/*breadcrumb */
#breadcrumb {border-bottom: 1px solid #050000;border-top: 1px solid #050000;height: 17px;text-align: left;}
#breadcrumb a {text-decoration: none;}
/* footer */
#foot {text-align:right; position:absolute;margin-left: -1px;padding-top: 5px;border: 1px solid #050000;border-left: 1px solid #050000;border-right: 1px solid #050000;}
* html #foot {\width:792px; w\idth:792px;}
#foot p {background:#FFFFFF;padding-top: 2px;padding-right: 5px;border-bottom: 1px solid #050000;border-top: 1px solid #050000;}
#foot p a img {
    opacity: 0.5;
}

#foot p a:hover img {
    opacity: 1;
}
#foot p img {
    opacity: 0.5;
}

#foot p img:hover {
    opacity: 1;
}

#content {padding: 10px;padding-right: 0px;}
#menue {display:block;float:right;width:174px;padding: 3px;background:#98B5D2;border:1px solid #000;border-right:0px}
.padding5 {padding:5px;}
.alignCenter {text-align:center;}
.clearBR br {clear:both;}
.UserInfo{
background-color:#FFFFCC;
border: 1px solid black;
padding:10px;
width:300px;
\width: 320px;
w\idth: 320px;
font-size:10px;
}
.UserInfoError {
background-color:#FFDFDF;
border: 1px solid black;
padding:10px;
width:300px;
\width: 320px;
w\idth: 320px;
font-size:10px;
}
.countdown {
float:right;
margin-right: 15px;
border-bottom: 1px solid black;
border-right: 1px solid black;
padding:10px;
width:300px;
\width: 320px;
w\idth: 320px;
font-size:10px;
}
#NewsBoxLinks {
margin:0;
padding: 5px;
width:375px;
\width: 375px;
w\idth: 365px;
float:left;
}
#NewsBoxRechts{
border-left: 1px solid gray;
margin:0;
padding: 5px;
width:375px;
\width: 375px;
w\idth: 365px;
float:right;
}
hr {
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	background-color:#7bbDFF; /* Mozilla 1.4 */
	color:#7bbDFF; /* IE 6 */
	border: #7bbDFF; /* Opera 7.11 */
	width: 50%;
}
/**
* google map Styles
*/
a, span, div, body {
	text-decoration: none;
}
.bubble {
	font: normal 10px verdana;
	width: 300px;
	border: 1px solid  #FFDFDF;
	padding:3px;
	text-align:left;
	color: #B915C3;
}
.abubble a, .abubble:link, .abubble:hover, .abubble:visited, .abubble:visited  {
	font: normal 10px verdana;
	color: #B915C3;
}


#detailmap, #mapDiv {
	font: normal 10px verdana;
}
#mapDiv {
}
#tab1 h3 {
border-bottom: 1px solid #7bbDFF;
width: 300px;

}
#detailmap {
	width: 300px;
	height: 220px;
	border:1px solid gray;
}
.SponsorLogo {
float:left;
}

/* suggest */
#search_suggest, #vcard {left: 225px;}
#search_suggest {position: absolute; background-color: #FFFFFF; text-align: left; border: 1px solid #000000;			}
.suggest_link {background-color: #FFFFFF;padding: 2px 6px 2px 6px;}
.suggest_link_over {background-color: #3366CC;padding: 2px 6px 2px 6px;}
.info {border: 1px solid #FF3300;color:#FF3300;background:#CCCCCC;}
.editor_cancel_editor_cancel_link {font-size: 10px; margin-left: 1em; color:#050000; text-decoration: none;}
/* Tooltip  */
.ToolTipTitel {color: black; font-weight: bold; font-size: 10pt;}
.ToolTipInhalt {color: black; font-size: 10pt;}
#ToolTip {position:absolute; width: 100px; top: 0px; left: 0px; z-index: 4; visibility: hidden;}
#load_image {background-color:#FFF; border: 0px solid #cfcfcf; visibility:visible; height:400px; text-align:center; vertical-align:center;}
.load_image {background-color:#FFEFEF; border: 1px solid #cfcfcf; font-size: 10px;font-weight: bold; width: 200px;}
.gen_info {font-size: 10px; color: #AFAFAF;}
/*
* Datagrid 
*/
#content #vcard {
position:absolute;
margin-left:250px;
font-size:10px;
padding:0px;
width:250px;
background-color:#FFFFCC;
color:#050000;
visibility:hidden;
border-top: 1px solid #050000;
border-left: 1px solid #050000;
border-bottom: 2px solid #050000;
border-right: 2px solid #050000;
}
#vcard .closeButton {
text-align: right;
background:#FFFF66;
border-bottom: 1px solid #050000;
}
#vcard .closeButton:hover {
background-color:#FFCCCC;
}
#content .DataGridDivNormal {
background-color:#FFFFFF;
font-size:9px;
cursor:pointer;
width:750px;
clear:left;
}
#content .DataGridDivColored {
background-color:#EDFFDF;
font-size:9px;
cursor:pointer;
width:750px;
clear:left;
}
.DataGridDivColored span, .DataGridDivNormal span {
display:block;
float:left;
}
.DataGridDivColored span{
background-color:#EDFFDF;
}
.DataGridDivNormal span {
background-color:#FFFFFF;
}
.DataGridDivColored .VereinID, .DataGridDivNormal .VereinID{
width: 20px;
}
.DataGridDivColored .Vorname, .DataGridDivColored .Nachname, .DataGridDivNormal .Vorname, .DataGridDivNormal .Nachname {
width: 65px;
}
.DataGridDivColored .Synonym, .DataGridDivNormal .Synonym {
width: 60px;
}
.DataGridDivColored .Strasse, .DataGridDivNormal .Strasse {
width: 140px;
}
.DataGridDivColored .Plz, .DataGridDivNormal .Plz {
width: 40px;
}
.DataGridDivColored .Ort, .DataGridDivNormal .Ort {
width: 60px;
}
.DataGridDivColored .Mobil, .DataGridDivNormal .Mobil, .DataGridDivColored .Telefon, .DataGridDivNormal .Telefon {
width: 90px;
}
.DataGridDivColored .Email, .DataGridDivNormal .Email {
width: 190px;
}
.DataGridDivColored .Zimmer, .DataGridDivNormal .Zimmer {
width: 15px;
}
.legende {
padding: 3px;
font-size: 11px;
background: #FFFF99;
width: 260px;
border: 1px solid black;
}

/*
* TAB Styles
*/

.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #778;font: bold 12px Verdana, sans-serif;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE;text-decoration: none;}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{color: #000; background: #AAE; border-color: #227;}
ul.tabbernav li.tabberactive a{ background-color: #fff; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{ color: #000; background: white; border-bottom: 1px solid white;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {width:750px;}
.tabberlive { width:750px; margin-top:1em;}
#tab1 {width:770px;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:4px;
 border:1px solid #aaa;
 border-top:0;
 width:759px;
 height: 620px;
 overflow:auto;
}

#tab1-1, #tab1-1 .tabberlive, #tab1-1 .tabbertab{width:680px;height: 450px;}
#tab2-1, #tab2-1 .tabberlive, #tab2-1 .tabbertab{width:680px;height: 450px;}
#tab3-1, #tab3-1 .tabberlive, #tab3-1 .tabbertab{width:680px;height: 450px;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive  .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { /*height:200px;*/ overflow:auto;}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { /*height:200px;*/ overflow:auto;}

/*
* Passwort Styles
*/
#strongtext {font-size: 11px;}
#strongness {margin-left:211px;height:5px;border: 1px solid #050000;}
.font11 {font-size: 11px;}
.strong-0 {width:4px;background-color:#FFFFFF;}
.strong-1 {width:20px;background-color:#FF1A00;}
.strong-2 {width:40px;background-color:#FF3300;}
.strong-3 {width:60px;background-color:#FF4D00;}
.strong-4 {width:80px;background-color:#FF6600;}
.strong-5 {width:100px;background-color:#FF9900;}
.strong-6 {width:120px;background-color:#FF9900;}
.strong-7 {width:140px;background-color:#D6A300;}
.strong-8 {width:160px;background-color:#ADAD00;}
.strong-9 {width:180px;background-color:#85B800;}
.strong-10 {width:200px;background-color:#5CC200;}