/* Start of CMSMS style sheet 'main' */
body {
	font-family:Century Gothic,sans-serif;
	font-size:13px;
	background-color:#f0f0f0;
}

#container {
	background-color:#3996a4; 
	width:1180px; 
	margin:auto; /*sorgt bei FF für mittige Platzierung */
	text-align:left;
}

#header {
	background-color:#b5d0d0;
	width:1180px;
	height:246px;
	background-image:url(/uploads/images/ruegen-header.jpg);
	margin:0px;

}

#navi {
	background-color:#b5d0d0;
	width:1160px; /* 1180px - 2*10px =  1160px */
	margin:0 0 0px 0;
	padding:5px 10px;
	font-size:12px;
	
}

#subnavi {
	background-color:#a2c0c0;
	width:1160px; /* 1180px - 2*10px =  1160px */
	margin:0 0 10px 0;
	padding:5px 10px;
	font-size:11px;
}

.content {
	width:740px;
	margin:0 10px 0 0;
        background-color:#87c3cb;
	padding:0px;
	float:left;
        line-height:25px;
}
h1 {	background-color:#b5d0d0; font-size:16px; font-weight:bold; margin:0; padding:5px 10px;}
h2 { font-size:15px; padding-top:10px;}
h3 { font-size:13px;}

h5 { background-color:#b5d0d0; font-size:14px; font-weight:bold; margin:0; padding:5px 10px;}

.inhalt {
	background-color:#87c3cb;
	width:720; /* 740 - 2*10px = 720 */
	margin:0; 
	padding:10px;
}

#right {
	width:420px;
	margin:0px;
	padding:0px;
	/* background-color:maroon; /* Farbe sichtbar */
	float:left;
}
	
#karte {
	width:420px;
	height:420px;
	padding:0px;
	margin:0;
	background-color:#b5d0d0;
	float:none;
}

#right h4 {
	background-color:#b5d0d0; font-size:14px; font-weight:bold;
	padding:5px 10px;
	margin: 10px 0 0 0; 
}

.information {
	width:400px; /* 420 - 2*10px = 400 */
	background-color:#87c3cb;
	padding:5px 10px;
	float:none;	
}
.information a {
        font-weight:bold;
        font-size:12px;
}

#footer {
	background-color:#a2c0c0;
	width:1160px; /* 1180px - 2*10px =  1170px */
	height:16px;
	margin:0 0 0 0;
	padding:10px;
	font-size:12px;
	text-align:right;
	float:left;
}

/* navi */
#navi ul, #subnavi ul {list-style-type:none; margin:0px; padding:0px; }
#navi li { display:inline; margin: 0; padding:0; border-left:#B5D0D0 1pt solid; }
#subnavi li { display:inline; margin: 0; padding:0; border-left:#A2C0C0 1pt solid; }
#navi li a { padding: 0 16px 0 0; text-decoration:none; float:left; display: block; font-weight:bold; }
#subnavi li a { padding: 0 16px 0 0; text-decoration:none; float:left; display: block;}

.information ul {list-style-type:none; margin:0px; padding:0px; }
.information li {display:inline;border: 1pt #87C3CB solid; }
.information li a {display:inline-block; float:left; width:198px; }

#footer ul {list-style-type:none; margin:0px; padding:0px; }
#footer li {}
#footer li a { float:right; display:block; padding: 0px 10px;  }

/* link - visited - hover - active - focus */
#navi li a:link,#subnavi li a:link,a:link { color:#32566C; text-decoration:none; }
#navi li a:visited,#subnavi li a:visited,a:visited { color:#32566C; text-decoration:none; }
#navi li a:hover,#subnavi li a:hover,a:hover { color:#C65338; text-decoration:none; }
#navi li a:active,#subnavi li a:active,a:active { color:black; text-decoration:none; }
#navi li a:focus,#subnavi li a:focus,a:focus { color:#C65338; text-decoration:none; }

/* End of 'main' */