/* CSS reset */
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em, i {font-style: italic;}
strong, b {font-weight: bold;}

/** HIDING FOCUSRING */
a:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}

/* Globale Styles */
html, body {
	height: 100%;
	width:100%;
}

body {
	background-color: #0b4e86;
	background-image: url(../images/layout/pagebg.jpg);
	background-repeat: repeat-x;
	/*overflow: auto;*/ 
}

body, table, td, div, p, #page {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	height: 100%;
	width: 100%;
}

#top {
	width: 100%;
	height: 27px;
	
	background-image: url(../images/layout/topbg.jpg);
	background-repeat: repeat-x;
	
	padding-left: 10px;
	padding-right: 10px;
}

#dynamicdate {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#flagge {
	width: 100%;
	height: 141px;
	
	background-image: url(../images/layout/flaggbg.jpg);
	background-repeat: repeat-x;
}

#flagheader {
	width: 100%;
	height: 141px;
}

#logo {
	width: 398px;
	height: 141px;
	
	background-image: url(../images/layout/logobg.jpg);
	background-repeat: no-repeat;
}

#ticker {
	width: 100%;
	height: 27px;
	
	background-image: url(../images/layout/tickerbg.jpg);
	background-repeat: repeat-x;

	padding-left: 10px;
	padding-right: 10px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#toptrenner {
	width: 100%;
	height: 7px;
	
	background-image: url(../images/layout/toptrennerbg.jpg);
	background-repeat: repeat-x;
}

#contentwrapper {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

#bottomtrenner {
	width: 100%;
	height: 11px;
	
	background-image: url(../images/layout/bottomtrennerbg.jpg);
	background-repeat: repeat-x;
}

#footer {
	width: 100%;
	height: 36px;
	
	background-image: url(../images/layout/footerbg.jpg);
	background-repeat: repeat-x;

	padding-left: 10px;
	padding-right: 10px;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #fff;
	text-align: center;
}

#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#footer a:hover {
	color: #ffcc00;
}

#columns {
	width: 100%;
	height: 100%;
}

#left {
	width: 230px;
	height: 100%;
	vertical-align: top;
}

.leftbox_inner {
	vertical-align: top;
	
	background-color: #0a4577;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

.leftbox_header {
	text-align: center;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fec000;
}

#right {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.rightbox_inner {
	vertical-align: top;
	
	background-color: #ffffff;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.rightbox_header {
	padding-top: 8px;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fec000;
}

.rightbox_header_small {
	padding-top: 8px;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fec000;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu {
	width: 179px;
}

a.navibutton {
	display: block;
	
	width: 179px;
	height: 30px;
	
	background-image: url(../images/layout/navibutton.png);
	background-repeat: no-repeat;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #fec000;
	
	text-decoration: none;
	
	padding-top: 8px;
	padding-left: 25px;
	
	margin-bottom: -8px;
	margin-right: -25px;
}

a.navibutton_aktiv {
	display: block;
	
	width: 179px;
	height: 30px;
	
	background-image: url(../images/layout/navibutton_aktiv.png);
	background-repeat: no-repeat;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	
	text-decoration: none;
	
	padding-top: 8px;
	padding-left: 25px;
	
	margin-bottom: -8px;
	margin-right: -25px;
}

a.navibutton:hover, a.navibutton_aktiv:hover {
	background-image: url(../images/layout/navibutton_over.png);
	color: #fff;
	
	text-decoration: none;
}

a.subnavi {
	display: block;
	
	/*height: 20px;
	line-height: 20px;*/
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	
	text-decoration: none;
	
	padding-left: 20px;
	
	border-left: 5px solid #0a4577;
}

a.subnavi:hover, a.subnavi_selected:hover {
	color: #fec000;
	
	background-color: #0d5b9d;
	
	text-decoration: none;
	
	border-left: 5px solid #fec000;
}

a.subnavi_selected {
	display: block;
	
	/*height: 20px;
	line-height: 20px;*/
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1594ff;
	
	text-decoration: none;
	
	padding-left: 20px;
	
	border-left: 5px solid #0a4577;
}


.thumbnail_right {
	padding-left: 10px;
	border: 0px;
}

.thumbnail_left {
	padding-right: 5px;
	border: 0px;
}

.thumbnail_center {
	border: 0px;
}

a {
	text-decoration: none;
	font-weight: bolder;
	color: #072b4b;
}

a:hover {
	text-decoration: none;
	font-weight: bolder;
	color: #fec000;
}

#webcam_scroller {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
}

#camcell {
	background-image: url(../images/webcambild.php);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #07141c;
}

table.styled{padding: 0 0 15px 0;}

td.styled{
  padding: 5px 15px 5px 15px;
  border: 1px solid #dadada;
  margin: 1px;
  background: url(../images/layout/shadow-back.gif) repeat-x left bottom;
}

th.styled{
  padding: 5px 15px 5px 15px;
  border: 1px solid #cacaec;
  margin: 1px;
  color: #05223b;
  text-align: left;
  font-weight: bold;
  background: url(../images/layout/shadow-back-th.gif) repeat-x left bottom;
}

a.backlink {
	text-decoration: none;
	font-weight: bolder;
	color: #072b4b;
}

a.backlink:hover {
	text-decoration: underline;
}

ul.styled {
	list-style-type: none;
}

ul.styled li {
	padding: 0 0 0 35px;
	line-height: 31px;
	background: url(../images/layout/listflag.png) 0 50% no-repeat;
}

.preis {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fec000;
}

/********************** forms **************************/
input, select, option{
  height: 22px;
}

input, select, textarea{
	border: solid 1px #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {
	background: #ffffff url(../images/layout/input-back.gif) repeat-x;
	padding:4px;
}

input.unstyled {
	background-color: transparent;
	background-image: none;
	padding:0px;
	border: 0px;
}

option{background: white;}

textarea{
	width: 400px;
	background: #ffffff url(../images/layout/textarea-back.gif) repeat-x left bottom;
	padding:4px;
	overflow: auto;
}

option{background: white;}

a.wasistdas {
	font-size: 0.8em;
	cursor: pointer;
}


div.formerrortext {
	color: red;
	display: none;
	width: 85%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-weight: bolder;
	border: 1px solid red;
	background-image:url(../images/error.png);
	background-position: 10px center;
	background-repeat:no-repeat;
	background-color:#ffd8d8;
}
 
input.submit-button{
	background: url(../images/send-button.gif) no-repeat;
	width: 78px;
	height: 29px;
	border: 0;
	color: white;
	font-weight: bold;
	cursor:pointer;
	font-size: 11px;
}

input.submit-button-disabled{
	background: url(../images/send-button-disabled.gif) no-repeat;
	width: 78px;
	height: 29px;
	border: 0;
	color: #555555;
	font-weight: bold;
	cursor:default;
	font-size: 11px;
}
 
/********************** jquery **************************/

#popup {
  display: none;
  position: fixed;
  width: 350px;
  _position: absolute; /* hack for internet explorer 6 */
  background: #0d1e49;
  z-index: 9999;
  padding: 5px;  /* same as rounding */
}

#popup_title {
  font-weight: bold;
  color: #ffffff;
  padding:5px;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#popup_message {
  padding: 8px;
  background: #ffffff;
  /*min-height: 120px;*/
  color: black;
  font-size:12px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#popup_close {
  width: 14px;
  height: 14px;
  background: url('../images/close-off.png') no-repeat;
  position: absolute;
  right: 10px;
  cursor: pointer;
}

#popup_close:hover {
  background: url('../images/close.png') no-repeat;
}

#popup_bg {
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #0f234e;
  border: 1px solid #cecece;
  z-index: 10;
}

#subnavi a {
	text-decoration: none;
	font-weight: bolder;
	color: #fec000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#subnavi a:hover {
	text-decoration: none;
	font-weight: bolder;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}