/*
Text Dunkelblau : #003366
Link Braun : #663333
Kasten und Linie Hellblau : #98B7D3
Hintergrund Frame Mittelblau : #6685A3
Font : Verdana, Arial
*/
 
/* DEFINITIONEN ALLGEMEIN____________________________________________________ */

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

#page[id] {
	height : auto; 
	min-height : 100%;
}

html { 
	height : 100%; 
	margin : 0px; 
	padding : 0px;
}

body {  
	background-color : rgb(102,133,163);
        font-size : 12px;
        color : #FFFFFF;
        padding : 0px;
        margin : 0px;
        font-family : verdana, arial, sans-serif;
}

a {
	color : #663333;
	text-decoration : none;
}

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

/* GRUNDGERÜST____________________________________________________ */

#container { 
	position : absolute;
        top : 0;
        background-color : transparent;
        background-image : url(mt_startseite_hintergrund.gif);
        background-repeat : no-repeat;
        background-position : bottom;
        width : 650px;
        height : 464px;
        margin : 0px;
        padding : 0px;
        z-index : 1;
}

#content { 
	position : absolute;
	top : 0px;
	background-color : transparent;
	background-image : url(mt_startseite_freisteller.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	border-bottom : 1px solid #98B7D3;
	width : 650px;
	height : 464px;
	margin : 0px;
	padding : 0px;
	z-index : 10;
}

/* CONTENT ____________________________________________________ */

#box-left-hg {
	position : absolute;
	background-color : #FFFFFF;
	background-image : url(box3_hg.gif);
	background-repeat : repeat-y;
	background-position : right;
	top : 150px;
	height : 170px;
	min-height : 160px;
	width : 380px;
	z-index : 1;
	margin : 0px;
	padding : 0px;
}

#box-left { 
	position : absolute;
	top : 130px;
	height : 200px;
	width : 370px;
	z-index : 15;
	margin : 0px;
	padding : 0px;
}

#box-left p { 
	padding : 0px;
	margin : 15px 0px 0px 0px;
}

#box-left-content { 
	color : #003366;
	height : 150px;
	width : 370px;
	padding : 0px 0px 7px 7px;
	margin : 0px;
}

#box-left-content .wetter { 
	width : 170px;
}

#box1, #box2, #box3, #box4 {
	position : absolute;
	background-color : transparent;
	z-index : 20;
	margin : 0px;
	padding : 0px; 
	width : auto;
	height : auto;
}

#box-new {
	display : none;
	position : absolute;
	background-image : url(mt_startseite_new.gif);
	background-repeat : no-repeat;
	top : 80px;
	left : 500px;
	width : 100px;
	height : 100px;
}

#box1 {
	top : 60px;
	left : 375px;
}

#box2 { 
	top : 280px;
        left : 450px;
}

#box3 { 
	top : 320px;
        left : 450px;
}
        
#box4 {
	top : 10px;
}

#box2 .infobox {
	display : none;
	background-color : #FFFFFF;
	position : absolute;
	bottom : 20px;
	color : #003366;
	padding : 5px 8px 0px 7px;
	margin : 20px 0px 0px 0px;
}

#box2 .linkbox { 
	min-width : 190px;
	padding : 5px 0px 0px 0px;
	margin : 0px;
}

.infobox { 
	display : none;
	background-color : #FFFFFF;
	position : relative;
	bottom : 20px;
	color : #003366;
	padding : 5px 8px 7px 7px;
	margin : 20px 0px 0px 0px;
}

.infobox img { 
	padding : 0px;
	margin : 5px 4px 0px 5px;
}

.infobox p { 
	padding : 0px 0px 5px 0px;
	margin : 0px 4px 7px 7px;
}

.linkbox { 
	min-width : 190px;
	padding : 0px 0px 5px 0px;
	margin : 0px;
}

.linkbox a { 
	color : #FFFFFF;
	text-decoration : none;
	width : 100%;
}

.linkbox a:hover {
	color : #003366;
}

#box-unten { 
	position : absolute;
	top : 464px;
	left : 210px;
	margin : 0px;
	padding : 0px;
	width : 450px;
	height : auto;
}

#bottom-news { 
	float : left;
	background-color : #98B7D3;
	background-image : url(bottom_news_hg.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
	margin : 0px;
	padding : 0px 5px 0px 7px;
	width : 290px;
	height : auto;
}

#bottom-news p { 
	margin : 5px 0px 0px 0px;
	padding : 2px;
}

.more_news_link { 
	margin : 0px 0px 3px 0px;
	padding : 0px;
}
                  
.weather { 
	width : 195px;
}