/* BASICS */

* {
 margin:0px;
 padding:0px;
 outline-style:none;
}

html { 
 margin:0px; 
 padding:0px; 
 height:100%;
 -webkit-text-size-adjust: none;
}

body {
 margin:0px; 
 padding:0px; 
 border:0px;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:12px;
 line-height: 19px;
 background:#f8f8f8;
 color:#777777;
}

.clearboth, .clearright, .clearleft {
 clear: both;
 margin: 0px;
 padding: 0px;
 height: 0px;
 width: 0px;
 line-height: 0px;
 overflow: hidden;
 visibility: hidden;
}

.clearright { clear: right; }
.clearleft { clear: left; }

.hand { cursor:pointer; cursor:hand; }

div, p, span, img {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

p {
 padding: 10px 0px 5px 0px;
}

img { 
 border-style:none;
 border-width:0px;
}

table, tr ,td, tbody {
 padding: 1px 0px 1px 0px;
 margin: 1px 0px 1px 0px;
}

td { 
 vertical-align:top; 
}

ul { 
 list-style-type:none;
 padding:0px; 
 margin:0px; 
}

h1, h2, h3,
.head1, .head2, .head3,
.headlight1, .headlight2, .headlight3 {
 padding: 0px;
 margin: 0px;
 letter-spacing: 0px;
 display:block;
 font-weight:bold;
 color:#1b407f;
}

h1, .head1, .headlight1 { line-height:17px; font-size:14px; padding-bottom:17px; padding-top:2px; margin-left:-1px;}
h2, .head2, .headlight2 { line-height:17px; font-size:13px; padding-bottom:15px; padding-top:2px;}
h3, .head3, .headlight3 { line-height:17px; font-size:13px; padding-bottom:15px; padding-top:2px;}

.ftiny  { font-size:9px; }
.fmini { font-size:10px; }
.fsmall { font-size:11px; }
.fbig { font-size:13px; }
.fhuge { font-size:14px; }

.fcol1 { color:#1b407f; }
.fcol2 { color:#c6d553; }
.fbold { font-weight:bold; }


textarea, input, select, .formular {
 padding: 2px 2px 2px 3px;
 font-size: 12px;
 line-height:16px;
 height: 17px;
 border: 1px solid #969ea5;
 font-weight: normal;
 margin:3px 0px 2px 4px;
 font-family: Tahoma, Verdana, Arial;
 background:#fdfdfd;
 color:#777777;
}

input.hlink { display:none; }

img.zoom {
 width:10px;
 height:10px;
 margin:0px 0px 4px -150px;
}

.text ul {
 list-style-position:outside;
}

.text ul li {
 margin-left:13px;
}

/* PAGE */

a { text-decoration:none; color:#072d67; }
a:hover { text-decoration:none; color:#204b8e; }

a.white { text-decoration:none; color:#ffffff; }
a.white:hover { text-decoration:none; color:#e3e3e3; }

a.gray { text-decoration:none; color:#868686; }
a.gray:hover { text-decoration:none; color:#646464; }

.hline {
 display:block;
 height:20px;
 line-height:5px;
 font-size:5px;
 width:100%;
 border-top: 1px solid #c0c4c9;
 margin-top:20px;
}
 
#border {
 position:relative;
 top:0px;
 margin:0px auto 0px auto;
 width:920px;
 overflow:visible;
 min-height:600px;
 height: expression(this.scrollHeight < 600 ? "600px" : "auto");
}

#bar-top {
 display:block;
 position:absolute;
 top:150px;
 left:0px;
 height:65px;
 width:100%;
 background:url(/images/back-bar-shadow.gif) 0px 45px repeat-x; 
 min-width:920px;
 width: expression(this.scrollWidth < 920 ? "920px" : "auto");
}

#bar-bottom {
 display:block;
 position:relative;
 left:0px;
 height:45px;
 width:100%;
 min-width:920px;
 width: expression(this.scrollWidth < 920 ? "920px" : "auto");
}

#bar-top div.left,
#bar-bottom div.left {
 left:0px;
 width:50%;
 height:45px;
 position:absolute;
 background:#0668ae;
}

#bar-top div.right,
#bar-bottom div.right {
 width:50%;
 left:50%;
 height:45px;
 position:absolute;
 background:#6d9cc9;
}

#bar-top div.image,
#bar-bottom div.image {
 display:block;
 position:relative;
 margin:0px auto 0px auto;
 width:920px;
 height:45px;
 background:url(/images/back-bar-image.gif);
}

#container-left {
 display:block;
 position:relative;
 width:180px;
 float:left;
 margin-right:30px;
}

#container-header {
 display:block;
 position:relative;
 float:left;
 height:360px;
 width:710px;
 background:#f8f8f8 url(/images/back-header-shadow.gif) 0px 330px no-repeat;
}

#container-content {
 display:block;
 position:relative;
 float:left;
 width:498px;
 margin:0px 31px 75px 1px
}

#container-right {
 display:block;
 position:relative;
 float:left;
 width:180px;
}

#container-to-top {
 height:0px;
 width:45px;
 display:block;
 margin:0px 210px 20px 665px;
 position:relative;
 overflow:visible;
}

#container-to-top div {
 position:absolute;
 top:-70px;
 left:0px;
}

#footer {
 display:block;
 position:relative;
 left:0px;
 width:100%;
 padding:25px 0px 10px 0px;
 background:url(/images/back-bar-shadow.gif) repeat-x;
 border-top:1px solid #c8c8c8;
 min-width:920px;
 width: expression(this.scrollWidth < 920 ? "920px" : "auto");
}

#footer-content {
 display:block;
 position:relative;
 margin:0px auto 0px auto;
 width:710px;
 padding-left:210px;
 font-size:11px;
}

/* PAGE ITEMS */

#logo-das-blaue {
 display:block;
 margin:16px 0px 14px 0px;
 height:60px;
}

#logo-verlag {
 display:block;
 width:200px;
 height:60px;
 margin:10px 0px 20px 510px; 
}

#header-image {
 display:block;
 width:708px;
 height:238px;
 border:1px solid #ffffff;
}

#header-image img {
 width:708px;
 height:238px;
}

#header-opacity {
 top:270px;
 left:1px;
 width:708px;
 height:59px;
 position:absolute;
 background:#0668ae;
 display:block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 -khtml-opacity: 0.6;
 opacity: 0.6;
}

#header-text-container {
 top:270px;
 left:1px;
 width:708px;
 height:59px;
 position:absolute;
 display:block;
}

#header-title {
 position:relative;
 float:left;
 color:#ffffff;
 line-height:59px;
 height:59px;
 font-size:18px;
 font-weight:bold;
 margin-left:15px;
}

#header-text {
 display:block;
 position:relative;
 float:right;
 color:#ffffff;
 line-height:20px;
 height:40px;
 font-size:12px;
 margin-top:9px;
 margin-right:15px;
 font-weight:bold;
 text-align:right;
}

#container-right .box {
 display:block;
 width:158px;
 background: url(/images/back-box-right.gif) repeat-y;
 border:1px solid #ffffff;
 padding:10px;
 color:#ffffff;
}

#container-right .sep {
 display:block;
 height:30px;
 width:178px;
 background: url(/images/back-menu-shadow.gif) no-repeat;
}

#container-right .imagebox {
 display:block;
 width:178px;
 border:1px solid #dadadc;
}

#footer-left{
 display:block;
 height:45px;
 float:left;
 line-height:45px;
 color:#ffffff;
 width:300px;
}

#footer-right{
 display:block;
 height:45px;
 float:right;
 line-height:45px;
 color:#ffffff;
 width:600px;
 text-align:right;
}

#footer .sitemap {
 float:left;
 width:150px;
 display:block;
 margin-right:10px;
}

#footer .sitemap a {
 display:block;
 width:150px;
 height:18px;
 line-height:14px;
 margin:4px 0px 4px 0px;
}

/* MENU */

#menu li {
 display:block;
 line-height:30px;
 width:180px;
 font-weight:bold;
}

#menu li a {
 display:block;
 line-height:29px;
 height:29px;
 width:169px;
 border-color:#dadadc;
 border-width:0px 1px 1px 1px;
 border-style:solid;
 padding-left:9px;
 background:#ffffff;
}

#menu li.top {
 background:url(/images/back-menu-top-deactive.gif) no-repeat;
 border-bottom:1px solid #dadadc;
 height:30px;
 color:#ffffff;
}

#menu li.top-active {
 background:url(/images/back-menu-top-active.gif) no-repeat;
 border-bottom:1px solid #dadadc;
 height:30px;
 color:#ffffff;
}

#menu li.sep {
 background:url(/images/back-menu-shadow.gif) no-repeat;
 height:30px;
}

#menu li a,
#menu li a:link,
#menu li a:visited {
 color:#838383;
}

#menu li a:hover {
 color:#0668ae;
 background:#ededed;
}

#menu li a:active {
 background:#e3e3e3;
}

#menu li a.active {
 color:#0668ae;
}

#swfbuch-menubox {
 position:relative;
 display:block;
 width:178px;
 height:198px;
 border-bottom:1px solid #dadadc;
 margin-left:-9px;
}

#menu li.top a {
 display:block;
 line-height:30px;
 height:30px;
 width:170px;
 border:0px;
 background:none;
 padding-left:10px;
 color:#ffffff;
}

#menu li.top a,
#menu li.top a:link,
#menu li.top a:visited {
 color:#ffffff;
}

#menu li.top a:hover {
 color:#0668ae;
 background:#bfbfbf;
}

#menu li.top a:active {
 background:none;
 background:#bfbfbf;
}






/* CRE8IVES.DE */

#cre8ives {
 position:absolute;
 left:10px;
 top:10px;
 font-size:9px;
 line-height:12px;
 width:90px;
 color:#c47b9a;
 text-align:left;
}
#cre8ives a { color:#c47b9a; }
#cre8ives a:hover { color:#1ae705; }

/* PNGS */

#png_x {
 position:absolute;
 top:0px;
 left:0px;
 height:100px;
 width:100px;
}

/* FOTO, FOTOFRAME, PICS */

.foto { 
 margin:10px 16px 16px 10px;
}

.cmsimg { 
 margin:4px 10px 12px 0px;
 border:1px solid #969ea5;
 padding:4px;
}

img.bordered {
 border:1px solid #707173;
}

.pic_left { float:left; display:block; margin:0px 20px 10px 0px; position:relative;}
.pic_leftb { float:left; display:block; margin:0px 0px 0px 0px; position:relative;}
.pic_right { float:right; display:block; margin:0px 0px 12px 20px; position:relative;}
.pic_center { display:block; text-align:center; margin:0px 0px 0px 0px; position:relative;} 

.pic_left a img.zoom,
.pic_right a img.zoom,
.pic_center a img.zoom {
 width:10px;
 height:10px;
 margin:-14px 4px 4px -14px;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}

/* BUTTON */

input.button,
a.button,
a.button:link,
a.button:visited {
 vertical-align:bottom;
 background:#003576;
 display:inline-block;
 line-height:28px;
 height:28px;
 padding:0px 10px 0px 10px;
 margin:6px 0px 0px 5px;
 color:#efefef;
 border:0px;
 font-size:13px;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 cursor:pointer;cursor:hand;
 font-weight:bold;
}

input.button:hover,
a.button:hover,
a.button:active {
 background:#bfd03a;
 color:#222222;
}

/* FORM */

#suche .radio {
 vertical-align:bottom;
 line-height:20px;
 background:none;
 border:0px;
}

#suche .text {
 height:28px;
 width:148px;
 padding:0px 4px 0px 4px;
 margin:4px 0px 4px 0px;
 vertical-align:center;
 line-height:28px;
}

#suche img.submit {
 margin-top:10px;
}

#suche input.submit {
 margin:0px;
 padding:0px;
 border:0px;
 background:none;
 color:#ffffff;
 height:45px;
 line-height:40px;
 padding-bottom:5px;
 padding-left:8px;
 vertical-align:bottom;
 font-weight:bold;
 font-size:13px;
}

#suche input.submit:hover {
 color:#e3e3e3;
}

.button-title {
 display:inline-block;
 margin:0px;
 padding:0px;
 border:0px;
 background:none;
 color:#ffffff;
 height:45px;
 line-height:45px;
 padding-left:8px;
 vertical-align:bottom;
 font-weight:bold;
 font-size:13px;
}

.team-foto {
 margin:2px 8px 10px 0px;
}


#progress_container {
	width: 300px; 
	height: 20px; 
	border: 1px solid #a4a5a6; 
	background-color:#EBEBEB;
	display: block; 
	margin:5px 0px -15px 0px;
}

#progress_bar {
	position: relative; 
	height: 20px; 
	background-color: #a9d700; 
	width:0%; 
	z-index:10; 
}

#progress_completed {
	font-weight:bold;
	font-size:13px; 
	z-index:40; 
	line-height:18px; 
	padding-left:10px; 
	color:#000000;
	width:280px;
}