/*
File: styles.css
*/


html,
body {
	xwidth: 100%;
    background: white;
	 color:gray;
}
html { font-size: 100.1%; }

/* 16px -> 11px */
body { font-size: .6875em; }
*+html body { font-size: .69em; }
* html body { font-size: .69em; }

body,
textarea,
input {
    font-family: Tahoma, sans-serif;
}
#mainwrapper,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
option,
button {
    font-size: 100.1%;
}
textarea {
    font-size: 11px;
}
a {
    color: white;
    text-decoration: none;
}
a:hover{
	text-decoration: underline;
}



a span{display:none;}
.tdr{text-align:right;}
.tdc,.center{text-align:center;}
.ddl option{padding-right:.5em;}


/*===== Zones =====*/

#container{
	display:block;
	background-image:url(/Images/bg.gif);
	width:940px;
	height:590px;
	margin:20px auto;
	position:relative;
}

#topnav,#topnews,#left,#moods,#content,#footer{
	position:absolute;
	color:white;
}


#home{width:180px;height:130px;top:0;left:0px}
#topnav{width:180px;height:130px;top:0;left:190px;}
#topnews{width:560px;height:130px;top:0;left:380px;}

#left{width:180px;height:450px;top:140px;left:0px;}
#moods{width:180px;height:450px;top:140px;left:190px;}
#content{width:560px;height:450px;top:140px;left:380px;}

#footer{width:560px;height:auto;top:600px;left:380px;}

#home{display:block;}


.act{
	color:#33ccff;
}



#footer,#footer a{
	color:gray;
	text-transform: uppercase;
	font-size:10px;
}
#footer .in{
	margin-left:30px;
}
#footer a{
	margin: 0 5px;
}


/*==== Top Nav ====*/
#topnav ul.in{
	list-style: none;
	list-style-position: outside;
	padding:0px;
	margin: 27px 0 0 30px;	
	font-weight:bold;
	text-transform: uppercase;
	line-height:18px;
}



/*===== Top News =====*/
#topnews ul.in{
	list-style: none;
	list-style-position: outside;
	padding:0px;
	margin: 27px 0 0 30px;	
	width:500px;
	line-height:18px;
}
#topnews ul.in li{
	margin-bottom:5px;
}
#topnews ul.in h3{
	margin:0px;
	text-transform:uppercase;
}


/*===== Moods =====*/
#moods{
	display:block;
	overflow:hidden;
}
#moods #imgMood1,
#moods #imgMood2{
	position:absolute;
	top:0;
	left:0;
}

/*===== Content =====*/
#content{
	overflow-y:auto;
}
#content .in{
	margin: 30px 0 30px 30px;	
	width:500px;
	line-height:15px;
	clear:both;
	display:block;
	overflow:hidden;
}

#content h1{
	margin: 0 0 10px 0;
}
#content .in a{
	text-decoration:underline;
}



/*===== News =====*/
#news ul.in{
	list-style: none;
	list-style-position: outside;
	padding:0px;
	margin: 20px 0 0 30px;	
	width:500px;
}
#news ul.in li{
	margin-bottom:20px;
	padding-right:10px;
}
#news ul.in h3{
	margin:0px;
}

#news .in ul.links{
	padding:0px;
	list-style: none;
	margin: 10px 0;
}
#news .in ul.links li{
	margin:0px;
}


/*===== Nav =====*/
#left .in{
	width:140px;
	overflow:hidden;
	margin: 30px 0 0 20px;
}
#left .in .treeview{
	text-transform: uppercase;
	line-height:1.5em;
	font-weight:bold;
}

#left #subnav .sel{
	color:#33ccff;
}

#left #subnav{
	text-transform: uppercase;
	line-height:1.5em;
	font-weight:bold;
	list-style: none;
	margin:0px;
	padding:0px;
}


#left #subnav li{
	margin:0px;
	padding:0px;
}


#left #subnav ul{
	xmargin:0px;
	padding:0 0 0 15px;
	list-style: none;
}
/*===== Text =====*/
.text .img{
	width:180px;
	float:right;
	margin-left:10px;
}
.text .img img{
	margin: 0 0 40px 0;
}

.text .mi{
	float:left;
	width:240px;
	height:290px;
}
.text .mi img{
	width:150px;
	height:210px;
}
.text h2{
	margin-bottom:0;
}
.text p{
	margin-top:0px;
}
.text ul{
	padding-left:20px;
}

#content #map{
	position:absolute;
	bottom:20px;
	left:30px;
	width:500px;
	height:200px;
}

.text .in .start{
	display:block;
	margin-top:60px;
}

/*==== Kontakt =====*/
#kontakt label{
	display:block;
	width:150px;
	float:left;
	padding-top:2px;
}
#kontakt .tbx{
	margin-bottom:10px;
	width:220px;
}
#kontakt .missing{
	color:#33ccff !important;
	font-weight:bold;
}