* {
margin : 0;
padding : 0;
}
html, body, .wrap {
height : 100%;
}
body {
font : 0.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
color : #666;
background:url(../images/bg.jpg) #f7fcff repeat-x;
height : 100%;
}
:link, :visited {
text-decoration : none;
}
:focus, :active {
outline : 0;
}
ul, ol {
list-style : none;
}
h1, h2, h3, h4, h5, h6, pre, code {
font-size : 1em;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin : 0;
padding : 0;
}
a img, :link img, :visited img, fieldset {
border : none;
}
address {
font-style : normal;
}
a {
color : #000099;
cursor : pointer;
}
a:hover {
	color: #0099FF;
	text-decoration:none;
}
h1 {
margin : 0 0 10px;
letter-spacing : 1px;
font-size : 2em;
}
h1 a {
font : normal 1.6em Arial;
color : #3d3c3b;
margin : 0 0 15px;
}
h1 a:hover {
color : #fffcb3;
}
h2 {
	font : normal 1.6em Arial;
	color : #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
h2#slogan {
font-size : 1.3em;
color : #999999;
}
p {
margin : 0 0 15px;
line-height : 1.7em;
}
.clear {
clear : both;
}
.wrap {
margin : 0 auto;
width : 920px;
}

#search {
float : right;
margin : 9px 0 0;
width : 205px;
}
input.field {
float : left;
background : #808080;
color : #ccc;
padding : 4px;
border : 0;
margin : 0 5px 0 0;
width : 170px;
font : 0.8em "Trebuchet MS", Arial, Sans-Serif;
}
input.field:focus {
border-bottom : 1px dotted #ccc;
color : #fff;
}
input.button {
float : right;
background : url(../images/search.gif) no-repeat;
width : 20px;
height : 13px;
border : 0;
margin : 5px 0 0;
}
#menu {
padding : 0 0 8px;
margin : 0 auto;
width:500px;
height : 30px;
text-align:center;

}
#header{
background:#000099;
width:100%;
text-align:center;
height: 35px;
padding : 0 0 8px;
}
ul menu{
margin:0 auto;
}
#menu li {
display : inline;
text-align:center;
}
#menu li a {
float : left;
width : 86px;
text-align : center;
margin : 0 2px 0 0;
font-weight : bold;
font-size : 0.8em;
padding : 16px 0 21px;
color : #ccc;
text-decoration:none;
}
#menu li a:hover, #menu li a.current {
color : #000099;
background : url(../images/menu.gif) no-repeat center bottom;
}
.link{
font-weight:bold;
text-decoration:underline;
}
#submenu {
text-align : left;
width : 100%;
height : 20px;
float : left;
margin-top : -18px;
background-image : url(../images/sub.png);
}
#submenu li {
display : inline;
}
#submenu li a {
float : left;
width : 86px;
text-align : center;
margin : 0 2px 0 0;
font-weight : bold;
font-size : 0.8em;
padding : 5px 0 21px;
color : #666666;
}
#submenu li a:hover, #submenu li a.current {
color : #af1515;
background : url(../images/menu.gif) no-repeat center bottom;
}
#logo {
margin : 0 auto;
width : 700px;
height : auto;
color:#000099;
text-align:center;
}
#feature {
float : right;
background : #fff;
width : 580px;
height : 160px;
margin : 0 0 40px;
font-size : 1.1em;
color : #33617f;
font-style : italic;
padding : 10px 10px 2px;
}
#feature img {
float : left;
margin : 0 20px 0 0;
}
#feature p {
margin : 10px 0 0;
}
.more {
font-size : 0.74em;
font-weight : bold;
margin : 0 5px 0 0;
color : #390505;
font-style : normal;
}
#feature_menu {
float : right;
}
#feature_menu li {
display : inline;
}
#feature_menu li a {
color : #33617f;
float : left;
padding : 6px 14px 6px 21px;
margin : 0 0 0 2px;
background : #c6e5f9 url(../images/bullet.gif) no-repeat 7px 12px;
font-size : 0.8em;
font-weight : bold;
}
#feature_menu li a:hover {
color : #071f2d;
background : #fff url(../images/bullet_hover.gif) no-repeat 7px 8px;
}
#feature_menu li a.current {
background : #fff url(../images/bullet.gif) no-repeat 5px 12px;
}
#left h2 {
color : #52a9ba;
}
#left h2 a {
border-bottom : 1px dotted #accade;
padding : 0 0 3px;
}
#left .more {
color : #7ea4bc;
}
.subtitle {
font-weight : bold;
font-style : italic;
font-size : 1.1em;
margin : 0 0 4px;
}
.date {
background : #fff;
padding : 5px 0;
border-right : 1px solid #d3eafa;
border-bottom : 1px solid #d3eafa;
color : #ccc;
float : left;
width : 55px;
margin : 7px 12px 5px 0;
text-align : center;
}
.date span {
font-size : 1.6em;
}
.boxtop {
background : url(../images/box.gif) no-repeat top;
padding : 2px 0;
}
.box {
padding : 3px 6px;
background : #363636;
}
.boxbottom {
background : url(../images/box.gif) no-repeat bottom;
padding : 2px 0;
}
.item {
font-size : 0.94em;
display : block;
color : #ccc;
background : #fff url(../images/item.gif) no-repeat;
height : 54px;
padding : 4px 10px;
margin : 0 0 5px;
}
.item.last {
margin : 0;
}
.item:hover {
background : #fff url(../images/item.gif) no-repeat bottom;
color : #fff;
}
.item strong {
color : #fffad3;
line-height : 27px;
}
.sidedate {
float : left;
width : 35px;
text-align : center;
padding : 4px 9px 0 0;
font-size : 1.6em;
margin : 0 12px 0 0;
border-right : 1px dotted #808080;
}
.sidedate span {
font-size : 0.6em;
font-weight : bold;
color : #808080;
}
#ad {
background : url(../images/dot.gif) repeat-x;
padding : 15px 0 10px;
clear : both;
font-size : 0.9em;
line-height : 1.7em;
}
#promo {
clear : both;
border-top : 3px solid #fff;
background : #000099 url(../images/swapiheading.gif) no-repeat right top;
color : #ccc;
padding : 30px 0 0 0;
}
#promo h2 {
color : #fff;
}
#promo a {
color : #d9eaf9;
border-bottom : 1px dotted #808080;
}
.col {
float : left;
width : 280px;
margin : 0 30px 20px 0;
}
.last {
margin : 0;
}
input.fixedbutton:hover {
background : transparent url(../images/hover.png) no-repeat center;
}
input.fixedbutton:active {
background : transparent url(../images/button_160x32.png) no-repeat center bottom;
}

body > .wrap {
height : auto;
min-height : 100%;
}
#main {
padding-bottom : 60px;  
}
#footer {
position : relative;
margin-top : 0px;
height : 40px;
clear : both;
background : url(../images/dot.gif) repeat-x;
padding : 20px 0 0px;
clear : both;
font-size : 0.9em;
line-height : 1.7em;
text-align:center;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#way{
width:100%;
}
	#way li { display: inline; }
	#way li a { float: left; height:120px; width:280px; text-align: center; margin:10px 0px 10px 0px;font-weight: bold; font-size: 1.5em;padding:20px 10px 10px 10px; color:#666666; }
		#way li a:hover, #way li a.current { color: #AF1515; background: url(../images/hover2.png) no-repeat center bottom; }
.photomenu{ 
margin : 0 auto;
width:800px; 
} 
.photo_bg {
	height:200px;
	width:200px;
	background-image:url(../images/photobg.png);
	display : inline; 
float : left;
}
.photo_bg:hover{
	background-image:url(../images/photobg_hover.png);
	}
.photo_img{
margin:0 auto;
padding-top:20px;
}
.photo_img img{
height:160px;
width:160px;
margin-left:20px;
}
.photo_titel a{
	color:#0000CC;
	height:42px;
	width:200px;
	padding:150px 5px 0px 0px;
	text-align:center;
	margin-top:-210px;
	margin-left:-3px;
	background-image:url(../images/phototitel2.png);
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;

}
.photo_titel a:hover{
color:#0099FF
}
