* { 
	padding: 0; 
	margin: 0 
}

body { 
	margin: 5px 0; 
	padding: 0; 
	font: 13px Verdana;
	color: #000; 
	background : #575757;
	text-align: justify;
}

img {
	border: none;
}

#ie6_message {
	display: none;
}

.content { 
	color: #000; 
	margin: 0 auto; 
	padding: 0; 
	width: 825px; 
	background: url(/images/bg2.jpg) repeat-y center bottom;
}

#meta {
	color: #8f8f8f;
	 text-align: right; 
	 font-size: 11px; 
	 clear: both; 
	 padding: 0; 
	 margin: 0;
}

#meta .padding { 
	padding: 0 30px 0 0; 
}

#meta a { 
	color: #BBB;  
	text-decoration: none; 
	padding: 0 10px;
}

#meta a:hover { 
	text-decoration: underline;
	 color: #FFF;
}

#header { 
	background: url(/images/header.jpg) no-repeat; 
	width: 825px; 
	height: 213px; 
	color: #3B2A0A;
}

#header #title {
	 padding: 50px 0 0 140px; 
}

#header #title h1 { 
	font: bold 30px Verdana; 
	color: #222; 
	line-height: 1em;
	width: 280px;
	text-align: left;
}

#header #title h1 .text {
	font: normal 20px Verdana;
}

#header #breadcrumb {
	float: left;
	padding: 30px 0 0 60px;
	font-weight: bold;
}

#header #search { 
	padding: 60px 0 0 450px; 
}

#header #search input { 
}

#main { 
	background: url(/images/bg.jpg) no-repeat top; 
	min-height: 353px; 
	margin: 0; 
	padding: 0; 
}	
	
#main .center { 
	width: 550px; 
	float: right; 
	padding: 0 60px 0 0px; 
}

#main h2 {
	color: #222;
	font-size: 18px; 
	padding-bottom: 10px;
	padding-left: 18px;
	background: url(/icons/arrow.gif) no-repeat center left;
}

#main h3 {
    font-size: 15; 
    margin: 0 0 10px 0; 
    padding: 0; 
    color: #222;
}

.googleResult {
	background-color: lime;
}

.leftmenu { 
	width: 120px; 
	float: left; 
	padding: 0 0 0 40px; 
}

.padding {
	padding: 15px; 
}

.topline_dummy {
	padding-top: 10px;
}

.topline {
	border-top: 1px dotted black;
	padding-top: 10px;
}

.bottomline {
	border-top: 1px dotted black;
}

.label {
	font-weight: bold;
	width: 150px;
	float: left;
	line-height: 20px;
}

.data {
	line-height: 20px;
}

.person_image {
	float: left; 
	padding: 0 25px 0 0;
}

.flaggen {
	padding-left: 15px;
}

.flaggen span {
	float: left;
	display: block;
	width: 150px;
	height: 100px;
	text-align: center;
	margin: 0 0 0 17px;
}

.flaggen span:hover {
	background-position: 0 100px;
}

.flaggen .label {
	padding-top: 5px;
	height: 40px;
}

/* PREFOOTER */
#prefooter { 
	background: url(/images/prefooter.jpg) no-repeat; 
	color: #111; 
	height: 190px; 
	text-align: left;  
	clear: both; 
	padding: 0px; margin: 0; 
}

#prefooter .particles { 
	float: right; 
	width: 300px; 
	padding: 40px 8px 0 0; 
	background: transparent; 
}

#prefooter .comments { 
	width: 300px;
    padding: 40px 0px 0 0px; 
    float: right; 
    background: transparent; 
}

#prefooter .particles h3, #prefooter .comments h3 {
	padding-bottom: 5px;
}

/* FOOTER */
#footer { 
	background: url(/images/footer.jpg) no-repeat; 
	color: #8f8f8f; 
	height: 44px; 
	text-align: right; 
	font-size: 11px; 
	clear: both; 
	padding: 0; 
	margin: 0;
}

#footer .padding { 
	padding: 20px 40px 0 0; 
}

#footer hr { 
	width: 740px; 
	color: #888; 
	border: 1px solid #f0f0f0; 
	margin: 0 25px 0 25px; 
}

#footer a { 
	color: #999;  
	text-decoration:none; 
}

#footer a:hover { 
	text-decoration: underline; 
	color: #FFF;
}

/* NAVIGATION */
#nav { 
	clear: both; 
	text-align: left;
    color: #85621E; 
	padding: 3px 0 0 0; 
	margin: 0;
	width: 150px;
}

#nav li { 
	font-weight: bold; 
	margin: 0; 
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #D2B881;
}

#nav li a { 
	color: #0F5B7F; 
	text-decoration: none;
	
	padding-left: 18px;
	background: url(/icons/arrow.gif) no-repeat center left;
}	
	  
#nav li a:hover { 
	color: #95722E; 
	text-decoration: none;  
}

#nav .nav_sub {
	padding: 0;
	margin: 0;
	margin-top: 2px;
	padding-left: 12px;
}

#nav .nav_sub li {
	border: 0px;
}

#nav .nav_sub li a {
	padding-left: 18px;
	background: url(/icons/link.gif) no-repeat center left;
}

.boxads { 
	background: #E7EDF0; 
	padding: 5px; 
	border: 1px solid #999; 
	color: #333; 
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #111; 
}

hr { 
	height: 1px;
	color: #111;
	display: block; 
}

a { 
	color: #0F5B7F; 
	background: inherit;  
	text-decoration:none; 
}

#main a[target="_blank"] {
  padding-right: 18px;
  background-image: url(/icons/link_external.gif);
  background-position: right top;
  background-repeat: no-repeat;
}

a:hover { 	
	background: inherit;	
	text-decoration: underline;
}

h1 { 
	padding:0; 
	margin:0; 
	color: #0F5B7F; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px; 
}

h1 a {
	color: #0F5BFF; 
	background: inherit;
}

h2 { 
	background-color: inherit; 
    color:#85621E; 
    font-size:16px; 
    font-weight: bold; 
    padding:0; 
}

h2 a { 
	color: #85621E; 
}

h2 a:hover { 	
	color: #BD9C5C; 
	text-decoration: none;
}

ul { 
	margin: 5px 0 20px 15px; 
	padding: 0; 
	list-style: none;
}

.center ul {
	list-style-image: url('/icons/link.gif');
	padding-left: 3px;  
}

li { 
	list-style-type: none;	
	//color: #F29900;	
	margin: 0 0 0px 0;	
	padding: 0 0 0 0px; 
}

li a { 
	color: #546078;  
}

li a:hover { 
	background: inherit;	
	text-decoration: underline;
}


/*----------------- Form Wizard --------------------------*/

.form {
}

form {
  display: block;
  text-align: left;
  font-size: 100%;
  
}

form div {
    margin: 2px;
}

form .element {
	clear: both;
}

form .element .description {
    float: left;
    width: 130px;
    text-align: left;
    margin: 4px;
    line-height: 1.4em;
}

form .element .field {
  width: 400px;
  float: left;
}

form .element .field input {
    width: 320px;
    text-align: left;
    background-color: transparent;
    border: none;
    border-left: 1px dashed #575757;
    border-bottom: 1px dashed #575757;
    height: 16px;
    padding-left: 3px;
}

form .element .field textarea {
    width: 320px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    color: #4c4b3a;
    border: 1px dashed #575757;
    background-color: transparent;
}

form .element .field .radio {
    width: 20px;
    border: none;
    background-color: transparent;
}

form .element .field .submit {
	float: right;
	margin-right: 76px;
	
	width: 120px;
    height: 25px;
    text-align: center;
    border: 1px dashed #575757;
}

form .separator {
    clear: both;
    display: block;
    padding-top: 10px;
}


/*----------------- for snews --------------------------*/

fieldset {	
	border: 1px solid #eee; 
}

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000; 
}

textarea.text:hover { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000; 
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #3C3C3C; 
	width: 100px; 
	color: #000; 
}

input.field:hover { 
	border: 1px solid #eee; 
	background: #ccc; 
	color: #000; 
}

input.text { 
	margin: 0; 
	width: 110px;	
	border: 1px solid #546078; 
	background: #FFF; 
	color: #808080; 
}

input.text:hover { 
	border: 1px solid #3a4354;
}

input.searchbutton { 	
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #333; 
	padding: 1px; 
	font-weight: bold; 
}

.weblog_headline, .weblog_subline { 
	color: #5f5f5f; 
	background: inherit; 
	margin: 0 0 10px 0; 
	padding: 0; 
}

.weblog_subline {
	margin-top: 5px;
	padding-top: 2px;
	//text-align: right; 
	border-top: 1px solid #85621E;
}

.weblog_headline, .weblog_subline a { 
	color: #546078;
}

input.button { 
	background: #FFFFF4; 
	color: #808080; 
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc; 
}

.comments { 	
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #FFF; 
	color: #333; 
}

.commentsbox { 
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000; 
}

.error, .message {	
	padding: 5px; 
	margin: 0;
	margin-top: 5px; 
	margin-bottom: 10px; 
	border: 1px dashed #990000; 
}

.error {	
	color: #990000;	
	background-color: #FFF0F0;
}

.message {
	background-color: #C8FAC8;
}

.form .error {
	width: 310px;
}

.error h2 { 
	color: #990000; 
	background: inherit; 
}

.success { 
	color: #000000; 
	background: #FAFAFA;	
	padding: 7px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	border: 1px dashed #546078; 
}

.success h2 { 
	color: #546078; 
	background: inherit;
}

.moon {
	background-image: url('/icons/wetterstation/moonPhases.png');
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

.weather-stats {
	text-align: center;
	width: 100%;
}

.weather-stats th, .weather-stats td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 10px 0;
}

.weather-stats td {
	cursor: pointer;
}


.weather-stats tr:hover td {
	//background-color: #57B7DF;
}
