/*
-----------------------------------------------------------------
	                  C O P Y R I G H T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	CSS for SV Warnemünde Fußball e.V.
	URL: http://www.sv-warnemuende.de/
	Description: Die Offizielle des SV Warnemünde Fußball e.V. - 
	Der Traditionsklub aus dem Ostseebad
	Author: Martin Schuster
	URL: http://www.martin-schuster.com/
	
	Version: 1.1 10/12/2008

-----------------------------------------------------------------
                    G L O B A L  R E S E T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* {
	margin: 0;
    padding: 0;
}
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #eee;
	margin: 0; padding: 0;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0.8em 0;
	color: #333; 
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
acronym { cursor: help; }

img { 	border: none }

div#all {
	width: 750px; margin: 20px auto; border: 1px solid #ccc;
	background: #fff url('images/gif/bg.gif') repeat-y left top }

div#top {
	padding: 0px; margin: 0px; height: 200px; text-align: right;
	background: url('images/gif/banner.gif') no-repeat }
div#top a { border: none }	
div#top ul {			list-style-type: none; margin: 0px; padding: 5px; text-align: left; float: left }
div#top li {			display: inline; padding: 0px; }
div#top li a { 			background-color: #000; text-decoration: none; font-size: 11px; padding: 2px 5px; color: #fff; border: none }
div#top li a:hover, div#top li.new a {	background-color: #c00; }

div#navigation {
	margin: 0px; padding: 0px; height: 38px;   /*text-transform: uppercase; font-weight: bold;*/
	background: #000 url('images/gif/navigation_bg.gif') scroll repeat-x left top;
	border-top: 3px solid #000; border-bottom: 3px solid #999;
}
div#navigation ul {
	height: 40px;
	margin: 0;
	padding: 0;
}
div#navigation ul li {			
	background: transparent url('images/gif/navigation_bg_trenner.gif') scroll no-repeat right top;
	float: left;
	list-style: none;
	margin: 0;
	padding-right: 3px;
}
div#navigation ul li a { 
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	padding: 9px 14px;
	border: none
}
div#navigation ul li a:hover {	
	background: transparent url('images/gif/navigation_bg_hover.gif') scroll repeat-x;
}
div#navigation ul li a:hover span {	
	border-bottom: 1px #c00 solid;
}

/* PopUp */
#close a {
	background-color: #000;	color: #fff;
	width: 15px;
	position: absolute;
	top: 0px; right: 0px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}
#popup {
	background: #fff; border: 10px solid #fff;
	position: absolute; width: 400px; height: 400px;
	top:50%; left:50%; z-index: 99; margin:-200px 0 0 -200px;
}

#anzeige {
	margin: 10px 0;
	text-align: center;
}

/* Lightbox 2*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/gif/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/gif/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Lightbox 2*/

/* Galerie */
#galerie {
	margin: 10px auto }
#galerie a img {
	border: 5px solid  #eee;
	padding: 1px; margin: 5px
}

#galerie a:hover img {
	border: 5px solid  #ccc;
	padding: 1px;
}

div#rechts {	width: 210px; float: right; margin: 0px; padding: 0px }
div#links {		width: 520px; margin: 0px; padding: 0px }


div#content {		margin: 0px; padding: 10px 0px 10px 20px }
div#content a, a:link, a:visited, a:active  { text-decoration: none; color: #900 }
div#content a:hover {	color: #000 }
div#content h1 {	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 2.0em; font-weight: normal }
div#content h2 {	font-size: 1.4em; font-weight: normal; color: #333 }
div#content h3 {	font-size: 1.0em }
div#content h4 {	font-size: 0.9em }
div#content p {		font-size: 0.9em; line-height: 1.4em; text-align: justify; }
div#content small {	font-size: 0.8em }
div#content table {	font-size: 0.9em; }
div#content caption {	font-size: 1.0em; font-weight: bold  }
div#content td {	vertical-align: top; padding: 3px 5px }
div#content th {	vertical-align: top; padding: 3px 5px; background-color: #eee; border-bottom: 1px solid #ccc }
div#content .lmoInner th { background: none; }
div#content .border {	width: 100%; border: 1px solid #999; text-align: center }
div#content .border td {	padding: 5px; vertical-align: top; font-size: 12px }
div#content .border th {	padding: 5px; font-weight: bold; vertical-align: bottom; border-bottom: 1px solid #666; background-color: #ccc }
div#content .cell {		background-color: #eee }
div#content .red {		color: #900 }
div#content ul {	list-style-image: url("images/gif/pfeil_rot.gif"); margin: 1em; padding: 0.3em 0em 0.7em 0.7em }
div#content li {	font-size: 0.9em; margin: 0; padding: 0em 0em 0.8em 0em; line-height: 1.1em }
div#content .rechts {	float: right }
div#content .links {	float: left }

div#content .extra {	font-size: 0.75em; margin: 0 0 10px 0 }

div#content .images {		margin: 0 0 20px 0 }
div#content .images p {		margin: 5px 0 0 0; font-size: 0.75em; line-height: 1.1em; font-style: italic; color: #666; }

div#content .bildbox {	position: relative;	width: 100% }
div#content .textbox {
	position: absolute; position: absolute; bottom: 0px; left: 0px; right: 0px;
	color: #fff; font-size: 0.75em;	padding: 10px; background-color: #000 }
div#content .rela {
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#content .box {				border: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 5px; } /* Archiv */
div#content .boxinhalt  {		clear: left; padding: 10px 10px 0 10px }
div#content .boxinhalt h2, div#content .boxinhalt h3  {	margin: 5px 0 }
div#content .boxinhalt table {	font-size: 75%; margin-bottom: 10px }
div#content .post  {			margin-bottom: 20px; }
div#content .info {				background-color: #eee; font-size: 0.75em; padding: 5px 10px; color: #333 }
div#content .info strong { 		text-transform: uppercase; font-weight: bold; }
div#content .profil {			border-bottom: 1px solid #eee; margin-bottom: 10px }
div#content .profil p {			font-size: 0.75em }
div#content .profilbild {		float: left; margin: 0 15px 10px 0; padding: 0 }
div#content .eilmeldung {		
	border: 1px solid #900; border-top: 4px solid #900;
	padding: 1em; margin: 10px 0px; -moz-border-radius: 4px;
}
div#content .eilmeldung p { 	color: #333; margin: 0; padding: 0 }		

div#box {			width: 160px; border: 5px solid #ccc; padding: 5px; margin: 10px 15px; font-size: 0.75em; text-align: center }
div#box p, h1, table {			font-size: 11px }
div#box a, a:link, a:active a:visited  { text-decoration: none; border: none; color: #666 }
div#box a:hover {	text-decoration: none; color: #900 }
div#box h1 {		font-size: 1.2em; margin: 0 0 5px 0; padding: 2px 5px; background-color: #900; color: #fff; }
div#box h2 {		font-size: 1.1em; margin: 0px; padding: 5px }
div#box th {		font-size: 1.4em; font-weight: bold; margin: 0px }
div#box ul { 		list-style-image: url("images/gif/pfeil_rot.gif"); text-align: left; margin: 10px 0 5px 10px; padding: 0em 1em }
div#box li { 		margin: 0; padding: 0; line-height: 1.5em }
div#box .result  {	font-size: 3em; font-weight: bold }
div#box .info  {	background: #900; color: #fff; }

div#redbox {		
	width: 160px; font-size: 0.75em; 
	border: 5px solid #ccc;
	margin: 10px 15px; 
	padding: 5px;}
div#redbox h1 {		font-size: 1.2em; margin: 0px; padding: 2px 5px; text-align: center; background-color: #900; color: #fff;  }
div#redbox p {		margin-bottom: 0px }
div#redbox a, a:link, a:active  { text-decoration: none; color: #000 }
div#redbox a:hover {	text-decoration: none; color: #900; border-bottom: none; }
div#redbox ul { 	
	list-style: none;
	text-align: left;
	margin: 10px 0;
	padding: 0 5px; }
div#redbox li { 	margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
div#redbox li a { 	font-weight: bold; line-height: 1.4em; }
div#redbox ul li ul {		margin: 0; padding: 0; }
div#redbox ul li ul li { 	border-top: 1px solid #ccc; border-bottom: none; }
div#redbox ul li ul li a { 	font-weight: normal; padding: 0px 10px; }
div#redbox ul li span { 	font-weight: normal; color: #666; text-align: right; float: right; }

div#box-twitter {			width: 180px; margin: 10px 15px; }


/* Twitter Widget */
div#twitter_div ul {	list-style-image: none }
div#twitter_div li {	text-align: left; margin: 5px; padding: 0em 1em }

div#geld {			width: 170px; font-size: 11px; color: #f60; border-bottom: 5px solid #f60; background: #336 url('images/gif/geld.gif') no-repeat 5px 5px; padding: 40px 6px 5px 6px; margin: 10px 15px }
div#geld a, a:link, a:active, a:visited { color: #fff }
div#geld a:hover { 	text-decoration: underline; }


div#image { 
  width: 100px; margin: 0 auto; padding: 2px;
  border: 1px solid #666; background-color: #fff }
  
.bild { 			width: 160px; float:left; padding: 0px; margin: 20px 20px 20px 0px }
div#bild {			border-right: 1px solid #ccc; background-color: #eee; padding: 0px; }
div#bildtitel {		width: 360px; border-bottom: 1px solid #ccc; background-color: #eee; font-size: 0.7em; padding: 5px 10px }
div#kleingedruckt {	font-size: 0.7em; border-left: 1px solid #900; border-top: 1px solid #c00; padding: 5px; margin-top: 10px }
div#achtung {		
	background-color: #fcc;
	border: 1px solid #900;
	border-top: 4px solid #900;
	padding: 1em; margin: 10px 0px;
	-moz-border-radius: 4px;
}
div#achtung p {	
	color: #900; margin: 0; padding: 0
}

#anzeige {
	margin: 10px auto;
	text-align: center;
}

div#footer {
	height: 150px; clear: both;
	padding: 25px 10px 10px 10px; margin-top: 10px;
	background: #000 url('images/gif/footer.gif') repeat-x right top
}
div#footer p {
	font-size: 11px; color: #999;
}
div#footer a, a:link, a:active, a:visited  { text-decoration: none; color: #ccc }
div#footer a:hover {	text-decoration: none; color: #fff }
	
hr {	size: 1px; height: 1px; color: #900; border: 1px dashed #900 }


/* MUSSD NOCH Ü*BERARBEITETE WERDEB  HUGB BI */



/* Blättern */
div#paging {		padding: 5px; margin: 10px; font-size: 0.7em; text-align:center }

/* 
-----------------------------------------------------------------
                      F O R M U L A R E
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

select {
	border: 1px solid #b2b2b2; color: #000;
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	margin: 1px; padding: 2px;
}

textarea, input {
	background: #f4f4f4;
	border: 1px solid #b2b2b2; color: #000;
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	margin: 1px; padding: 2px;
}

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;
}

fieldset {
	margin: 0px 20px 20px 20px;
    padding : 1em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 4px solid #ccc;
    -moz-border-radius: 4px;
	font-size: 1em
}

fieldset:hover {
    border: 1px solid #900;
    border-top: 4px solid #900;
}
                              
legend {
    color: #333;
    padding: 0.5em;
    font-size: 1.5em;
}
               
label {
    display : block;
    padding-right: 10px;
}
               
form#formular input, form#formular select {
	clear : both;
	border : 1px solid #ccc;
	color: #333;
	font-weight: normal;
	margin: 0.4em 0;
	-moz-border-radius: 2px;
}
               
form#formular textarea {
	border : 1px solid #ccc;
	margin: 0.4em 0;
	width: 90%;
	height: 15em;                  
}

form#formular fieldset div {
    margin: 0 0 10px 0;
}

form#formular .absenden {
	text-align: center;
}
               
form#formular .absenden input {
    background-color: #ccc;
	border: 1px solid #999;
	color: #000
}


/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#000; 
     
    width: 675px;     
    min-height: 200px; 
    border: 1px solid #333; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.details { /*
    position:absolute; 
    top:15px; 
    right:15px; */
    font-size:11px; 
    color:#fff; /*
    width:150px; */
	float: right;
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}
/**
 * Twitter - http://www.twitter.com
 * Copyright (C) 2009 Twitter
 * Author: Dustin Diaz (dustin@twitter.com)
 *
 * V 1.0.8 Twitter search/profile widget with a variety of options to customize
*/
.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;}.twtr-fullscreen{font-size:220%!important;}.twtr-fullscreen .twtr-new-results{display:none!important;}.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:3px;right:3px;}.twtr-inactive{display:none;}.twtr-widget a img{border:0!important;}.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.twtr-bd{padding:0 1px;}.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1;}.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}.twtr-widget h4{font-size:14px!important;}.twtr-widget i,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto;display:block;position:relative;bottom:5px;}.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}.t???????	????????????E???????????4???????4???????4????????????????????????????????????????????
Iwtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}.twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important;}.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}.twtr-fullscreen .twtr-hd{height:0;padding:0;}.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}.twtr-ft{position:relative;}.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}.twtr-ft span{float:right;text-align:right;}.twtr-ft a{float:left;display:block;}.twtr-ft span a{float:none;}.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}.twtr-img{height:25px;width:25px;}.twtr-img img{width:30px;height:30px;}.twtr-fullscreen .twtr-img img{width:72px;height:72px;}.twtr-fullscreen a.twtr-join-conv{display:none;}.twtr-tweet-text{margin-left:40px;}.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}.twtr-doc a{text-decoration:none!important;}.twtr-doc a:hover{text-decoration:underline!important;}

/* 
-----------------------------------------------------------------
                      C A P T C H A
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      Von Rene Schmidt (rene@reneschmidt.de) fuer DrWeb.de
*/

.s { color: #ccc; background-color: #ccc; }
.w { color: #fff; background-color: #fff; }