@import url(../css/defaults.css);
@import url(../css/exceptions.css);
@import url(../css/context_styles.css);
@import url(../css/bulletlist_styles.css);
@import url(../css/newsBox_styles.css);
@import url(../css/authorBox_styles.css);
@import url(../css/fam_icon_styles.css);
@import url(../css/calendar_styles.css);
@import url(../css/twitterbadge_styles.css);
@import url(../css/adServer_styles.css);
@import url(../css/weblog_styles.css);
@import url(../css/teaserBox.css);
@import url(hover_menu.css);

/*
Blue 666683
Orange FF8200
*/

* {
	margin:0; 
	padding:0;
}


body {
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.1em;
background : #ffffff url(images/background.jpg) repeat fixed;
color:#004178;
}


a{
color:#424E58;
background-color:inherit;
}

a:hover{text-decoration:underline;}
a img{border:none;}

p{padding:0 0 .9em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

#flickr img {display: block;float: left;padding: 0px;position: relative;height: 55px;width: 55px;border-width:0;margin:2px;}


/******************/
#document {
	margin: 0 auto;
}

#mainBox {
	width:900px;
	margin: 30px auto !important;
	}

#contentBox {
	position: relative;
	float: left;
	width: 765px; 
}
	
#logoBox {
	position: relative;
	margin-top: 0px;
	margin-left:0px;
	height: 62px;
	width: 725 px;
	background : url(images/logo.png) no-repeat;
}

* html #logoBox {
	margin-top: 0px;
	margin-left:0px;
	padding: 0px 0px 0px 0px;
}

#logoBox h1, #logoBox h2 {
	margin-left: 5px;
}

#navBox  {
	margin-top: 10px;
	height: 120px;
}

#navBox li {
	position: relative;
	float: left;
	font-size: 14px;
	text-align: center;
	vertical-align: text-bottom;
	height:120px;
	overflow:hidden;
	margin-top: 0px !important;
	padding: 0px 0px 0px 0px !important;
	width:182px; /** 246 240 **/ !important;
}

#navBox li.act {
	color: #fff;
	background-color: #99A4AB;
}

#navBox li:hover, #navBox li:hover * {
	color: #fff;
	background-color: #99A4AB;
}

#navBox li.act a {
	color: #fff;
}

#navBox a {
	position:absolute;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	font-size: 20px !important;
	font-weight: bold;
}

#navBox hr {
	width: 50px;
}

#innerBox {
	margin-top: 10px;
}

#marginBox {
	float: left;
	margin-left: 10px;
	
}

#marginBox div {
	width: 125px;
	background-color: transparent;
}

#marginBox div.langBox {
	position: relative;
	height: 62px;
	background-color: #99A4AB;
	color: #3E4245;
	font-weight: bold;
	font-size: 11px;
}

#marginBox div.langBox a {
	position: absolute;
	top: 3px;
	right: 8px;
	color: #3E4245;
	font-weight: bold;
	font-size: 11px;
}


#rightBox {
	margin-top: 10px;
	text-align: center;
}
#rightBox div {
	margin-bottom: 7px;
}

#footerBox {
	clear: both;
	margin-top: 20px !important;
}

#footerBox * {

}

#skyscraperBox {
	position: static !important;
	float: right;
	margin: 30px 0px 0px 10px !important;
	visibility: hidden;
}

/******** BoxModel ****************/

.oneBox, .twoBox, .threeBox,
 .oneImage, .twoImage, .threeImage {
	float:left;
	margin: 5px 3px 5px 3px; /** 5 und 5 **/
	padding: 3px 5px 3px 5px;
	display: inline;
	overflow:hidden;
	border: 1px solid #ffffff;

}

.oneBox {
	width:235px; /** 240 **/

}
* html .oneBox {
	width:249px;
}
.twoBox {
	width:490px; /** 478 + 6 765 - 245 **/
}
* html .twoBox {
	width:486px;
}

.threeBox {
	width:742px;
}



.h1 {
		height:130px;
		overflow:hidden;
}
.h15 {
		height:160px;
		overflow:hidden;
}

.h2 {
		height:260px;
		overflow:hidden;
}
* html .h2 {
		height:260px;
}
.h3 {
		height:390px;
		overflow:hidden;
}
* html .h3 {
		height:390px;
}

.oneImage {
	padding: 0px 0px 0px 0px;
	width:252px;
	height:136px;
	overflow:hidden;
}
* html .oneImage {
	width:240px;
	height:130px;
}
.twoImage {
	padding: 0px 0px 0px 0px;
	width:512px;
	height:136px;
	overflow:hidden;
}
* html .twoImage {
	width:500px;
	height:130px;
}
.threeImage {
	padding: 0px 0px 0px 0px;
	width:752px;
	height:136px;
	overflow:hidden;
}
* html .threeImage {
	width:742px;
	height:130px;
}





/************************/
.siteheader, .siteheader a {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 650px;
	font-size: 24px !important;
	font-weight: bold;
	color: #3E4245;
}

.teaserImage {
	position: relative;
}

hr.clearBox {
	clear: both;
	height: 10px;
	background-color : transparent;
}

.jointBoxHead {
	margin-bottom: 0px;
	border-bottom: none;
}

.jointBoxBody {
	border-top: none;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.jointBoxBodyLeft {
	border-top: none;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	width:236px;
	border-left: none;
}

.jointBoxBodyRight {
	border-top: none;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	width:236px;
	border-right: none;
}

.jointBoxBodyNone {
	border-top: none;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	width:238px;
	border-left: none;
	border-right: none;
}



.jointBoxTail {
	border-top: none;
	margin-top: 0px;
}