* { padding:0; margin:0 }

body {
	color:#265886;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	background:#FFFFFF url(../images/header_bg2.jpg) repeat-x 0 0;
	text-align:center
}

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

p		{ margin-bottom:25px }
h2		{ color:#b75f2f; font:normal 20px Arial, Helvetica, sans-serif; margin-bottom:10px }
h4		{ font:bold 12px Arial, Helvetica, sans-serif; padding:4px 0 4px 0 }


/**** HEADER ************************************************************/

#wrapper {
	margin:auto;
	width:850px;
	text-align:left
}

#header {
	height:366px;
	width:900px;
	background:#FFFFFF url(../images/header_bg.jpg) no-repeat 0 0
}
#header h1 a {
	position:absolute;
	display:block;
	width:218px;
	height:51px;
	top:34px;
	margin-left:20px;
	text-indent:-9999px;
	background:transparent url(../images/htcw.jpg) no-repeat 0 0
}

/**** SIDEBAR ************************************************************/

#sidebar {
	margin-top:-235px;
	float:left;
	width:258px;
}
#nav {
	list-style-type:none;
	padding:22px 30px 0 30px;
	margin-bottom:30px;
	background:transparent url(../images/blatt_blue.gif) no-repeat 0 0;
}
#nav li a {
	display:block;
	height:18px;
	padding:2px;
	text-decoration:none;
}
#nav li.active {
	font-weight:bold;
	background:transparent url(../images/line_dashed.gif) repeat-x 0 bottom;
}
#nav li.active a {
	padding-left:8px;
	background:transparent url(../images/nav_active.gif) no-repeat 0 center;
}

#subnav {
	list-style-type:none;
	padding-bottom:10px;
}
#subnav li a {
	padding-left:10px;
	background:transparent url(../images/nav_sub.gif) no-repeat 0 center;
}

#news {
	list-style-type:none;
	padding:22px 30px 0 30px;
	background:transparent url(../images/blatt_green.jpg) no-repeat 0 0;
}
#news h3 {
	color:#5b7100;
	font:normal 16px Arial, Helvetica, sans-serif;
	line-height:24px;
	background:transparent url(../images/line_dashed.gif) repeat-x 0 bottom;
}
#news li a {
	display:block;
	font-size:11px;
	padding:10px 0 10px 0;
	text-decoration:none;
	background:transparent url(../images/line_dashed.jpg) repeat-x 0 bottom;
}
.date {
	display:block;
	color:#478aca;
	font:normal 10px Arial, Helvetica, sans-serif;
	line-height:16px;
	padding-left:18px;
	background:transparent url(../images/calendar.gif) no-repeat 0 0;
}
.more {
	color:#FFFFFF;
	padding:0 2px 0 2px;
	margin-left:5px;
	background:#98be00
}

/**** CONTENT ************************************************************/

#content {
	margin:-220px 0 0 40px;
	float:left;
	width:530px;
}

#content ul { margin-left:20px }
#content  ul ul { margin-left:20px }

.box {
	padding:15px;
	background:#e1f1ff;
	border:4px solid #c5e2ff;
	margin-bottom:25px;
}
.vantages {
	list-style-type:none;
}
.vantages.le {
	float:left;
	margin-right:60px;
}
.vantages.ri {
	float:left;
}
.vantages li {
	padding-left:20px;
	background:transparent url(../images/li_ok.jpg) no-repeat 0 2px;
}


.left {
	float:left;
	width:255px;
}
.right {
	float:right;
	width:255px;
}
span.title {
	font-weight:bold;
	padding-left:18px;
	background:transparent url(../images/ico_arrow.jpg) no-repeat 0 2px;
}


#minilist {
	list-style-type:none;
}
#minilist li {
	padding-bottom:10px;
}
#minilist li strong {
	display:block;
	padding-left:16px;
	background:transparent url(../images/ico_arrow.jpg) no-repeat 0 3px;
}

#linklist {
	list-style-type:none;
}
#linklist li strong {
	display:block;
	padding-left:16px;
	background:transparent url(../images/ico_arrow.jpg) no-repeat 0 3px;
}
#linklist li a {
	display:block;
	text-decoration:none;
	padding:10px 0 10px 0;
	border-top:1px solid #efefef;
}
#linklist li a span {
	display:block;
	color:#990000;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#linklist li a:hover strong {
	text-decoration:underline;
}

/**** FOOTER ************************************************************/

#footer {
	color:#609ad0;
	font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
	height:250px;
	background:transparent url(../images/footer_bg2.jpg) repeat-x 0 75px;
}
#footer .wrapper {
	margin:auto;
	text-align:center;
	padding-top:140px;
	height:200px;
	background:transparent url(../images/footer_bg.jpg) no-repeat center 0;
}
#footer a {
	color:#609ad0;
	text-decoration:none;
}
#footer .left {
	float:left;
	padding-left:410px;
}
#footer .right {
	float:right;
	padding-right:175px;
}


/**** FORMS ************************************************************/

.txtfield, textarea, select {
	color:#000000;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:4px;
	border:1px solid #96b5d1;
}
.btn {
	color:#FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px;
	background:#478aca;
	border:0;
	cursor:pointer;
}

.img-box {
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    width: 150px;
    height:  130px;
    padding: 5px;
     -moz-box-shadow: 3px 3px 5px #ccc;
     -webkit-box-shadow: -3px -3px 5px #ccc;
     box-shadow: 3px 5px 5px #ccc;
}

.shadow {
    padding: 1px;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: -3px -3px 5px #ccc;
    box-shadow: 3px 5px 5px #ccc;
}

.img-box img {
    padding: 1px;
    border: 1px solid #ccc;
}

.gallery-title {
    margin-bottom: 5px;
}

.gallerty-link {
    text-decoration: none;
}

.video-preview {
    margin-right: 10px;
    float: left;
    position: relative;
    text-align: center;
    width: 121px;
    height: 91px;
    padding: 1px;
    border:  1px solid #ccc;
}

.play-preview {
    top: 29px;
    left: 44px;
    position: absolute;
    z-index: 1000;
}

.video-description {
    padding: 5px;
    text-align: left;
    float: left;
    width: 350px;
}

.video-wrapper {
    width: 520px;
    height: 100px;
    padding: 5px;
    margin-bottom: 5px;
}

.clearfix { clear:both }