/* @override http://www.marinemuseum.de/c/base.css */

/* Basic CSS Typography for Deutsches Marinemuseum */
/* Only font descriptors in here. Design by M.Adelstein, designpraxis.de */
* {
    margin:0px;padding:0px;border:none;
}

html{
    margin:0px 0px 30px 0px;padding:0px 0px 30px 0px;
}

body {
    font-family: "LucidaGrande", Verdana;
    font-size:76%;background: #ddf url(../i/DMM_BodyBack.gif) repeat ;
    color: #ffffff;
} 

a:hover{text-decoration:underline;}

h1{font-size:1.4em;padding-bottom:10px;}
h2 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 1.2em;
	color: #777777;
	padding-bottom:10px;
}

/* Basic CSS Layout for Deutsches Marinemuseum */
/* Basic Layout parameters. Design by M.Adelstein, designpraxis.de */
img.logo {position:absolute; bottom:0px;right:0px;}

#wrapper{
    margin:0 auto 0;
    text-align:center;
    width:800px;border-left:1px solid #666;border-right:1px solid #666;

}

#header{
    text-align:left;
    width:800px;
    background: #003 url(../i/DMM_HeadBlueBack.gif) repeat;
    height:122px;
    position:relative;
}


#header ul{position:absolute;bottom:10px;left:10px;}
#header ul li {float:left;list-style:none;}
#header ul li a{color:#fff;text-decoration:none;padding-right:10px;}
#header ul li a:hover{text-decoration:underline;}


#header div#flink ul li {float:left;list-style:none;}
#header div#flink ul li a{color:#fff;text-decoration:none;padding-right:10px;}
#header div#flink ul li a:hover{text-decoration:underline;}

div#header div#flink ul {
	position: absolute;top: 5px; left: 65%;
	font-size: 0.8em;
}

#keyvisual {
    width:800px;
    height:239px;
    border:none;
    margin:none;
    padding:none;
}

#titlebar {
    position:relative;
    text-align:left;
    background: #933 url(../i/DMM_SubHeadRedBack_21.png) repeat;
    width:800px;height:40px;
}

#titlebar h1{
    font-size:1.4em; 
    font-family:"LucidaGrande", Verdana, _sans;
    font-weight:normal;padding:10px;
}
#titlebar ul li{
	float: left;list-style-type: none;
	margin-left: 10px;
	line-height: 300%;
}
	
#titlebar ul li a{
	color: #fff;
	
}
#menu{
    width:800px;
    height:30px;
    color:#000066;text-align:left;
    font-size:1.0em; font-weight:bold;
}

#menu a{text-decoration:none;color:#003366;}
#menu a:hover{text-decoration:underline;}

#menu ul{list-style:none;padding-top:7px;padding-left:10px;}

#menu ul li{
    float:left;margin-right:20px;padding:5px 0px 5px 5px;
}

#menu ul li.active{
    background: #fff url(../i/DMM_menuCorner_tl.gif) no-repeat top left;
}

#menu ul li.active a{
    background: url(../i/DMM_menuCorner_tr.gif) no-repeat top right;padding:5px;
}
#content{
    clear:both;
    width:750px;
    display:block;
    position:relative;
    margin:0px;padding:0px;
    text-align:left;
    color:#333333;
    background-color:#fff;
    padding:25px;padding-bottom:50px;
}

#content h1{
    color:#666;
    font-weight:normal;
    font-size:1.8em;
}
#content h2{
    color:#444;
    font-weight:normal;
    font-size:1.4em;

}

#content p{
    font-size:1.0em;
    color:#444;
    line-height:150%;
    font-weight:normal;
    margin-bottom:5px;
	width: 66%;
}
#content p strong{
    font-weight:bold;font-size:0.90em;line-heigth:160%;
    color:#444;
}

#content ul{
    list-style:square ;
    margin:10px 0px 10px 0px;
    border:1px solid #cccccc;
    padding:10px 10px 10px 25px;
    background: #f8f8f8;
    width:60%;
}

#content li{
    margin-bottom:5px;
}

div#sidebar {
	width: 300px;
	float: right;
}

#sidebar p {
	margin-right: 11px;
	margin: 0;
	width: 90%;
	padding-bottom: 12px;
	padding-top: 12px;
	font-size: 0.9em;
	color: #777;
	border-bottom: 1px solid #ccc;
}

#sidebar h3 {
	color: #036;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
}
#sidebar p strong{
	display: block;
}
#sidebar p em{
	display: block;
	color: #333;
	font: bold 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#innercontent{
	width: 440px;
	float: left;
}
#innercontent p{
	width: 390px;
}
#subcontent{
    clear:both;
    width:750px;
    display:block;
    position:relative;
    margin:0px;padding:0px;
    text-align:left;
    color:#333333;
    background: #ddf url(../i/DMM_BodyBack.gif) repeat;
    padding:25px;
}

#footer {
    clear:both;
    position:relative;
    text-align:left;
    width:800px;
    height:152px;
    background: #666 url(../i/DMM_Footer.png) no-repeat top left;
    
}
#footCol1{
    position:absolute;
    left:10px;width:500px;
    bottom:5px;
    color:#333;
    font-size:1em;
    line-height:120%;
    font-weight:bold;
    overflow:hidden;
}

#footCol2{
position:absolute;
    left:570px;
    top:5px;
    color:#333;
    font-size:0.8em;
    line-height:120%;
    overflow:hidden;
}

#footCol2 p{
    padding:5px;
}

#botMenu{
    background: #33d url(../i/DMM_HeadBlueBack.gif) repeat;text-align:right;
}

#botMenu ul {list-style:none;padding:5px;text-align:right;}
#botMenu ul li {display:inline;margin-left:10px;}
#botMenu ul li a {color:#fff; text-decoration:none;font-size:0.8em}
#botMenu ul li a:hover {text-decoration:underline;}

#subfooter{
    clear:both;position:relative;
    text-align:center;margin:0 auto 0;width:800px;
}

#subfooter a{text-align:left;}


#sitemap h1{
    font-size:1.4em;font-weight:normal;border-bottom:1px solid #999;margin-bottom:5px;
}

#col1, #col2, #col3, #col4{float:left;margin:10px 20px 10px 00px;padding-right:10px;}
#col1, #col2, #col3{border-right:1px solid #aaa;}
#sitemap ul {list-style:none inside;}

#flinks{clear:both;margin-left:0px;}
#flinks ul li{float:left;}

#sitemap a{font-size:0.8em;color:#900;text-decoration:none;padding:3px;}
#sitemap a:hover{color:#333;text-decoration: underline;}
#sitemapButtonLo{
    position:absolute;top:0px;right:0px;height:37px;width:135px;
    display:block;text-align:left;
    background: url(../i/buttonSitemapLo_L.png) no-repeat bottom left;padding:0px;
}

#sitemapButtonLo a{padding:0px;display:block;color:#fff;font-size:0.8em;font-weight:bold;
    background: url(../i/buttonSitemapLo_R.png) no-repeat bottom right;text-decoration:none;height:27px;padding:10px 0px 0px 15px;
}

#sitemapButtonLo a:hover{
    color:#ffcc33;
}

#content p.footnote{font-size:0.8em;color:#666;line-height:140%;
    border-top:1px solid #dddddd;padding-top:10px;
}

#content p.footnote50{font-size:0.8em;color:#444;line-height:140%;
    border-top:1px solid #dddddd;padding-top:10px;width:50%
}
#content a{color:#a00;text-decoration:none;padding:0px;font-weight:bold;}
#content a:hover{text-decoration:underline;}

#logobox{
    border:1px solid #aaa; padding:10px; width:450px;margin:10px 0px 10px 0px;
}

#innercontent h3.dittoh3 {
	margin-top: 20px;
}

#innercontent a.dittoa {
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
	display: block;
	padding-bottom: 10px;
}

div#search{	
font: bold 1em/100% "Lucida Grande", Lucida, Verdana, sans-serif;;
	width: 356px;
}

#kontaktform div.formCol2 {
	padding: 10px;
	background-color: #fdfdfd;
}

#kontaktform div.formCol2 textarea {
	background-color: #f0f0f0;
	border-style: inset;
	border-width: 1px;
}

#kontaktform div.formCol2 input {
	border-style: inset;
	border-width: 1px;
}

#kontaktform p input {
	padding: 10px;
	border-style: double;
	border-width: 2px;
}

#ajaxSearch_input {
	width: 250px;
	border-style: inset;
	border-width: 1px;padding: 0;
	font-size: 1em;margin-top: 4px;
	color: #888;
	line-height: 1em;
	position: relative;
	top: px;
	height: 25px;
}

#facebox div.popup table tbody tr td.body div.content h1 {
	color: gray;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#facebox div.popup table tbody tr td.body div.content ul.LSM_0 li{	
	float: left;width: 170px;display: block;
	font-weight: bold;margin: 10px;
}
#sitemap ul.LSM_0 li ul.LSM_1 li{
	background:none;
	border-right-style: none;
}
#sitemap ul.LSM_0 li ul.LSM_1 li a{
	font-weight: normal;
	font-style: normal;
	color: #666;
}

#search h1 {
	color: #aaa;
	font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #fff 0 0 01px;
}

#ajaxSearch_submit {
	text-align: center;
	color: white;text-indent: -1000px;
	font:  0.1px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 88px;
	height: 25px;
	background: url(../i/button_gray.gif) -1px 0;
}

#searchButtonLo {
    position:absolute;top:0px;right:130px;height:37px;width:135px;
    display:block;text-align:left;
    background: url(../i/buttonSitemapLo_L.png) no-repeat bottom left;padding:0px;
}

#searchButtonLo a{padding:0px;display:block;color:#fff;font-size:0.8em;font-weight:bold;
    background: url(../i/buttonSitemapLo_R.png) no-repeat bottom right;text-decoration:none;height:27px;padding:10px 0px 0px 15px;
}

#searchButtonLo a:hover{
    color:#ffcc33 !important;
}

div#sitemap {
	width: 600px;
}
table#filedownload {
	border: 1px solid #ddd;
	width: 100%;
}

#filedownload tbody tr th {
	background-color: #a1180e;
	color: #fff;
	margin: 0;
	padding: 10px;
}

#filedownload tbody tr td {
	background-color: #e0e0e0;
	color: #777;
	margin: 0;
	padding: 10px;
}