﻿body {
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: 12px;
}

a {
	color: #3491ca;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	color: #80c2eb;
	font-size: 12px;
	text-decoration: underline;
}

img {
	border: 0;
}


h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #3491ca;
	font-family: Arial, Helvetica, sans-serif;
}

h2, h3, h4 { font-weight: normal; }
h1 { font-size: 23px; padding: 0 0 10px 0; }
h2 { font-size: 19px; padding: 0 0 5px 0; }
h3 { font-size: 16px; padding: 0 0 5px 0; }
h4 { font-size: 14px; padding: 0 0 5px 0; }

p {
	margin: 0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.hrRight {
	margin: 5px 0 10px 0;
	border-top: 1px solid #CCC;
}

.tips {
	font-size: 10px;
}

/*__________ langure ___________ */

#lang {
	height: 30px;
	float: left;
}

#lang img {
	vertical-align: middle;
	border: 1px solid gray;
}

#lang a {
	text-decoration: none;
	color: gray;
	font-size: 10px !important;
}

#lang a:hover {
	color: black;
}


/*__________ top and navigaton ___________ */

#top {
	background: url(img/headerBg.jpg) no-repeat left top;
	width: 100%;
	height: 170px;
}
		
#topNav {
	margin: 0 0 0 220px;
	float: left;
	width: 600px;
}

*html #topNav { /* IE6 FIX */
	margin: 0 0 0 115px;
}*

#topNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#topNav li {
	float: left;
	padding: 0;
	margin: 0;
}


#topNav li a {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 41px;
	text-align: center;
	font-weight: bold;
}

*html #topNav li a { /* ie fix */
	width: 1px;
}

#topNav li a:hover {
	color: #c7f7ff;
}

#topNav span {
	padding: 5px 0 0 7px;
	margin: 0 13px 0 0;
	display: block;
	height: 34px;
	cursor: hand;
	white-space: nowrap; 
}

.selected span {
	background: url(img/navBtnLa.gif) no-repeat top left;
	padding: 5px 7px 0 20px !important;
}


.selected a {
	background: url(img/navBtnRa.gif) no-repeat top right;
	font-size: 12px;
	color: #002a59 !important;
}

#AddCMSLogo {
	color: #fff;
	height: 112px;
	width: 950px;
	font-size: 12px;
	float: left;
}

#AddCMSLogo div {
	margin: 0 0 0 200px;
	padding: 50px 0 0 0;
}

#AddCMSLogo div a {
	color: #fff;
}



#AddCMSLogo img {
	border: 1px solid #3880ab;
	margin: 0 10px 0 0;
}

/*__________ content ___________ */

#page {
	/* clear: both; */
	margin: 0 auto;
	width: 790px;
	text-align: center;
}

#content {
	width: 790px;
	float: left;
	text-align: left;
}

.leftColum {
	width: 520px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 0 20px 10px 15px;
	background: url(img/columRightBg.gif) no-repeat top right;
	float: left;
}

.rightColum {
	width: 220px;
	padding: 0 0 0 15px;
	float: right;
}

.rightColum p {
	margin: 0 0 5px 0;
}

#playVideo div {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0 15px 0;
	font-size: 12px;
	background: #fffee1;
}

#playVideo img {
	margin: 0 10px 0 0;
}

#playVideoSmall div {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0 15px 0;
	font-size: 12px;
	background: #fffee1;
}

/*__________ common styles ____________ */


.dotList b {
	font-size: 14px;
	color: #3491ca;
}


.dotList {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;
}

.dotList li {
	background: url(img/plupp.gif) no-repeat;
	font-size: 12px;
	padding: 5px 0 0 60px;
	margin: 0 0 10px 0;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}


/*__________ paket ____________ */

#paket {
	float: left;
	padding: 0 0 0 30px;
}

#paket b {
	font-size: 12px;
	color: #3491ca;
}

.paket1, .paket2, .paket3, .paket4 {
	float: left;
	text-align: left;
	margin: 0;
}

.paket1 { width: 130px; }
.paket2 { width: 130px; }
.paket3 { width: 150px; }
.paket4 { width: 170px; }


/*__________ listor ____________ */

.list {
	border: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin: 10px 0;
	font-size: 12px;
	width: 380px;
}

.list h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #e1f1ff;
	border-bottom: 1px solid #a0d3ff;
}


.list label{
	width: 140px;
	margin: 0 10px 0 7px;
	display: inline-block;
	font-weight: bold;
}


.listStartpage {
	width: 520px;
	margin: 5px 0 10px 0;
	float: left;
}

.listStartpage ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 240px;
}

.listStartpage li {
	background: url(img/plupp.gif) no-repeat;
	font-size: 12px;
	padding: 0 0 0 20px;
	line-height: 18px;
}


/*__________ box ____________ */

.box {
	background: url(img/box2.gif) no-repeat top left;
	width: 500px;
	margin: 0 0 15px 0;
}

.box img {
	float: left;
	margin: 0 5px 0 0;
}

.boxContent {
	padding: 10px 15px 0 10px;
}

.boxContent ul {
	list-style-type: none;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
}

.boxContent li {
	background: url(img/plupp.gif) no-repeat 0px 2px;
	font-size: 12px;
	padding: 0 0 0 20px;
	line-height: 20px;
	height: 20px;
}

.boxEnd {
	background: url(img/box2.gif) no-repeat bottom left;
	height: 10px;
	width: 500px;
}


/*__________ form ____________ */


#formular {
	float: left;
	width: 200px;
}

#formular label{
	font-size: 12px;
	display: block;
}

#formular input, #formular textarea{
	width: 180px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

#formular textarea{
	width: 250px;
	height: 150px;
}

#formular #submitbutton{
	margin: 5px 0 0 0;
	width: 75px;
	height: 18px;
	background: #39a8ff url(img/Btn.gif) no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#formular br {
	clear: left;
}

.address {
	float: right;
	width: 200px;
	font-size: 12px;
}

.address h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #e1f1ff;
	border-bottom: 1px solid #a0d3ff;
}


/*__________ footer ____________ */

#footer {
	border-top: 5px solid #e7e7e7;
	background: url(img/footerBg.gif) no-repeat 1px 0px;
	width: 790px;
	height: 50px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px;
	margin: 0 0 0 15px;
}

#footer a {
	color: #4fa0d1;
	text-decoration: none;
	font-size: 9px;
}

#footer a:hover {
	color: #6f6f6f;
}

#footer p {
	color: #6f6f6f;
	float: left;
	margin: 0;
	font-size: 9px;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	float: right;
	width: 360px;
}

#footer li {
	float: right;
	margin: 0 0 0 10px;
}
