/*

standard.css formatiert Inhalte, die in *jeder* Projektseite vorkommen oder 
vorkommen können: z.B. Header, Footer, Navigation, Fotos.
Diese Datei wird demnach auch von jeder Projektseite eingebunden.

*/


@import url(http://www.warnemuende-infos.de/reset.css);


body
{
	background: url(http://www.warnemuende-infos.de/grafiken/hintergrund-streifen.gif);
	color:      #836B43;    /* Standardschriftfarbe                          */
	font-size:  13px;       /* Maßstab für alle weiteren Schriftgrößen in em */
}


a
{
	color: #296393;
	text-decoration:none;
	border-bottom: 1px solid #84B5DD;
}  

a:hover  
{     
	text-decoration: none;
	border-bottom: 1px solid #06C;
} 


#navigation h4,
#header h1,
#header h2,
#header-unterseite h1,
#header-unterseite h2,
#copyright td
{
	color: #836B43;
}



#navigation, 
#content, 
#footer
{
	background: url(http://www.warnemuende-infos.de/grafiken/hintergrund-struktur.png);
}




#wrapper    /* Seite zentrieren und Außenrahmen */
{
	background-color: white;
	margin:  1em auto 2em auto;
	width:   891px;
	border:  1px solid #909090;
	padding: 5px;
}



/* ============================= HEADER ============================ */

#header
{
	background-color: #FBF8F0;
}

#header-unterseite
{
	background-image:    url(http://www.warnemuende-infos.de/grafiken/hintergrund-header-unterseite.png);
	background-color:    #FBF8F0;
	background-position: bottom;
	background-repeat:   repeat-x;
}

#header h1 
{
	font-family: "Times New Roman", serif;
	font-size:   3.6em;
	margin:      20px 0 0 20px;
}

#header-unterseite h1
{
	font-family: "Times New Roman", serif;
	font-size:   2.5em;
	margin:      34px 0 0 20px;
}

#header h2
{
	font-size: 1.1em;
	margin:    0.3em 0 0 25px;	
}

#header-unterseite h2
{
	font-size: 1.1em;
	margin:    0.5em 0 0 25px;	
}


#logo
{
	float:        right;
	display:       inline;
	margin-right: 20px;
	margin-top:   8px;
}



/* ============================= NAVIGATION ============================ */

#navigation
{
	text-align: right;
}

#navigation h4
{
	font-size:     2.0em;
	font-family:   "Times New Roman", serif;
	margin-bottom: 0.4em;
	width:         100%;    /* IE6 richtet sonst Text nicht aus?! */
}

#navigation ul 
{
	margin-bottom: 2.7em;
}

#navigation li 
{
	font-size:      1.1em;	
	line-height:    1.8em;
	vertical-align: middle;
	border-top:     1px dotted #b4ab9a;
	margin-left:    20px;
}

#navigation a
{
	text-decoration: none;
	color:   #785942;
	width:   100%;          /* der ganze Menuepunkt und nicht nur... */
	display: block;         /* ...der Linktext soll anklickbar sein  */
	border-bottom: 0 none;
}

#navigation a:hover,
#navigation li:hover
{
	color:            #990000;
	background-color: #FFF;
	border-bottom: 0 none;
}

#wetterbox
{ 
    margin-left: 30px;
	margin-top:5px;
	border:  1px solid #cccccc;
			
}

#wetterbox td
{ 
    background-color: #fffffe;
	padding-top:6px;
	padding-bottom: 6px;
	padding-left:21px;
	padding-right:21px;
	border:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration: none;
	text-align:center;
	
	
}

/* ============================= CONTENT ============================ */

#content
{
	color:          #885942;
	padding-right:  30px;
	padding-bottom: 30px;
	padding-left:   40px;
}

#content p,
.Definition
{
	display:       block;
	margin-bottom: 1.5em;
	line-height:   1.3em;
	text-align:  justify;
	
}

#content h2
{
	font-size:2em;
	margin-bottom: 1.2em;
	margin-top: 0em;
	font-family:   "Times New Roman", serif;
}

#content h3
{
	font-size:1.26em;
	font-weight:bold;
	margin-bottom: 1.2em;
	padding-top: 1.5em;
	clear: both;
}

#content h4
{
	font-size:1.3em;
	margin-bottom: 1.2em;
	font-weight:bold;
}

#content li
{
	list-style-type:circle;
	margin-left:2em;
	line-height:1.6em;
}

#content ul
{
	margin-bottom:2em;
}

#wallpaper-thumbs td
{

	line-height: 1.5em;
	padding-bottom: 2px;
	padding-top:2px;
			
}

#wallpaper-thumbs img
{
	border:1px solid #666;
	padding:2px;
	background-color:#FFF;
	
}


#fotos-warnemuende #fotogalerie-thumbs img
{
	cursor: pointer;
	border: 1px solid #666;
	float: left;
	display: inline;

	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 3px;
}


#fotos-warnemuende #textImageLarge
{
	font-size: 12px;
	padding-top:2px;
}



.Definition
{ background-color: #FDF9E3;
  border:1px dotted #000;
  padding:0.4em;
  
 	
}

.Definition img
{ 
  margin-right:0.4em;
  margin-bottom:0.4em;
 	
}



.Beschreibung
{ background-color: #F5F1E9;
  border:1px dotted #999999;
  padding:0.4em;
  
 	
}

.Quelle
{ font-size:        0.7em;	
	line-height:    1.8em;
 	
}
	
.Photo
{
	float:         left;
	display:       inline;
	margin-bottom: 1.5em;

	/* Bildunterschrift: */
	text-align:    center;
	font-size:     0.8em;
	line-height:   1.3em;
}

img.Photo,
object.Photo,
.Photo img
{
	background-color: white;
	border:  1px solid #909090;
	padding: 7px;
}

.Thumbs
{  
 clear:   both;
 margin-bottom: 2.6em;
 width:   100%;
 float:   left;
 display: inline;
}

.Thumbs p,
.Thumbs h4
{  
 width: 450px;
 float: right;
 display: inline;
 
}
#content .Thumbs p
{
  margin-bottom: 0px;
}

.Thumbs img
{
	background-color: white;
	border:  1px solid #909090;
	padding: 5px;
	float:left;
	display: inline;
}

#navigation-sehenswuerdigkeiten
{
	border-left: solid 3px #E3D0C6;
	border-bottom: solid 3px #E3D0C6;
	border-right: solid 3px #E3D0C6;
	background:#ffffff;
}

#navigation-sehenswuerdigkeiten caption
{
	padding-left:10px;
	text-transform:uppercase;
	padding-top: 12px;
	padding-bottom:8px;
	background-color:#FFF;
	border-left: solid 3px #E3D0C6;
	border-top: solid 3px #E3D0C6;
	border-right: solid 3px #E3D0C6;
	margin-left: -2px;
	margin-right: -1px;
	font-weight:bold;
	font-size:14px;
	color: #CBB098;
	text-align:center;
	
}


#navigation-sehenswuerdigkeiten td 
{
	padding-top:4px;
	padding-left:35px;
	padding-bottom:20px;
	line-height:1.8em;
		
}

.Aktiv
{
	color: #999;
}

.Reedereiadresse
{ 
    float:left;
    width:280px;
	height:200px;
	display:inline;
	background-color: #F5F1E9;
    border:1px dotted #999999;
    padding:8px;
	margin: 0 5px 10px 5px;
}
#faehrverbindung td
{
    padding:5px;
	border:1px dotted #836B43;
	background-color: #F5F1E9;

}

#infobox td
{
    padding:5px;
	border:1px dotted #836B43;
	background-color: #FFF3C4;

}

#marinetraffic
{
     border:1px solid #836B43;
}



/* ============================= FOOTER ============================ */

#footer
{
	line-height: 1.3em;
}

#footer td
{
	padding: 0 2em 2em 20px;
}

#footer td.Prior
{
	border-right: 1px dotted #b4ab9a;
}

#footer h3
{
	font-size:     1.1em;
	font-weight:   bold;
	margin-bottom: 0.8em;	
}

#footer h4
{
	font-style:    italic;
	margin-bottom: 0.8em;	
}

#footer p
{
	font-size: 0.9em;
}


#copyright td
{
	background-color: #FBF8F0;
	line-height: 5em;
	vertical-align: middle;
}

#copyright strong
{
	margin-left: 20px;
	font-family: "Times New Roman", serif;
	font-size:   2.3em;
	vertical-align: middle;

}