/* Stylesheet für Hellas-Schweden-Haus */
* { 
	padding: 0;
	margin: 0;
}
html {
	height: 101%;
}
body {
	background-color: #E3F2F9;
	padding:0;
	text-align: center;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 168px;
	width: 243px;
}

#nav {
	background-image: url(images/nav_top.jpg);
	margin: 0px;
	padding: 0px;
	width: 456px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	text-align: left;
	height: 129px;
	left: 300px;
}
#tab_nav {
	position: absolute;
	left: 0px;
	bottom: 7px;
	height: 48px;
	width: 444px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#head {
	background-image: url(images/bg_header.gif);
	height: 296px;
	position: absolute;
	left: 0px;
	top: 170px;
	width: 795px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 5px;
	z-index: 5;
}
#head img {
	position: absolute;
	top: 10px;
	left: 25px;
	background-image: url(Hellas-Schwedenhaus);
}



#footer {
	height: 62px;
	text-align: center;
	width: 100%;
	background-image: url(bg_kl.jpg);
	background-repeat: repeat-x;
	bottom: 0px;
	position: fixed;
	left: 0px;
}
#wrapper {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 795px;
	text-align: left;
	height: 98%;
	margin-bottom: 2%;
}

#content {
	background-image: url(images/c_m.gif);
	background-repeat: repeat-y;
	position: absolute;
	top: 470px;
	width: 795px;
	left: 0px;
}

#content_top {
	background-image: url(images/c_top.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 795px;
}
#content_bot {
	height: 51px;
	width: 795px;
	position: relative;
	left: 0px;
	bottom: 0px;
	background-image: url(images/c_bot.gif);
	background-repeat: no-repeat;
}
#content_text {
	font-size: 95%;
	color: #333333;
	margin-top: 30px;
	margin-left: 50px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-right: 50px;
	padding-bottom: 20px;
	width: 690px;
}
#content_middle {
	position: relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0a73d1;
	border-bottom-color: #0a73d1;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
}

#content_b1 {
	height: 135px;
	width: 486px;
	background-image: url(images/lycke_klein.jpg);
	background-repeat: no-repeat;
}
#content_b1 p {
	font-size: 0.85em;
	color: #E3F2F9;
	margin-left: 258px;
	line-height: 1.2em;
	margin-top: 6px;
	margin-right: 5px;
}
#content_b1 h3 {
	margin-left: 258px;
	color: #E3F2F9;
	padding-top: 15px;
}
#content_b1 a:link, #content_b1 a:visited {
	color: #A7D685;
}
#content_b1 a:hover {
	color: #E3F2F9;
}

#content_b2 {
	height: 135px;
	width: 486px;
	background-image: url(images/lilla_klein.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}
#content_b3 h2 {
	color: #085AA4;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}

#content_b2 p {
	font-size: 0.85em;
	color: #085AA4;
	margin-left: 258px;
	line-height: 1.2em;
	margin-top: 6px;
	margin-right: 5px;
}
#content_b2 h3 {
	margin-left: 258px;
	color: #085AA4;
	padding-top: 15px;
}

#content_b3 {
	position: absolute;
	width: 175px;
	top: 30px;
	right: 0px;
	height: 270px;
	font-size: 0.9em;
}

#content_b3 img {
	padding: 3px;
	border: 1px solid #E3F2F9;
	margin-bottom: 10px;
}


#content_b4 {
	margin-top: 40px;
	position: relative;
	margin-bottom: 60px;
	
}
#box2 {
	float: right;
	width: 390px;
	position: absolute;
	top: 33px;
	right: 0px;
	text-align: justify;
}
#box1 {
	width: 275px;
	position: relative;
	left: 0px;
	top: 0px;
	text-align: justify;
}
#top {
	width: 50px;
	position: relative;
	bottom: 20px;
	left: 600px;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px;
}

/* ====================================================================
     2. Allgemeine HTML-Elemente
=======================================================================*/
h1 {
	font-size: 150%;
	color: #0C599F;
	margin-bottom: 20px;
} 
h2 {
	font-size: 120%; /* Abstand nach unten entfernen */
	color: #085AA4;
	padding-bottom: 15px;
}
h1, h2, h3 {
	font-family:"Trebuchet MS", sans-serif;
}
h3 {
	font-size: 120%;
}


a {  /* Unterstreichung entfernen */
	text-decoration: none;
	outline: none; /* gepunktete Umrisslinie bei :focus und :active entfernen */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tab_nav img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link {
	color: #085AA3;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

a:visited {
	color: #085AA4;
}
a:hover, a:focus {
	color: #699524;
	text-decoration: none;
}
a:active {
	color: #699524;
}
p, ul {
	margin-top:0;
	margin-right: 0;
	margin-bottom: 1em; /* Abstand nach unten */
	margin-left: 0;
}
ul ul {
 margin: 0;
}
li {
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0; /* Abstand nach unten */
	margin-left: 1em; /* Abstand nach links */
}
/* ====================================================================
     3. Klassen
=======================================================================*/
.bildlinks {
	float: left;
	padding: 3px; /* Abstand zwischen Bild und Text */
	margin-right: 15px; /* Abstand zwischen Rahmen und Text */
	margin-bottom: 10px; /* Abstand nach unten */
	display: inline;
}

.bildrechts {
	float: right; /* Abstand zwischen Bild und Text */
	margin-right: 0px; /* Rahmen */
	display: inline;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.clear {
	clear: both;
}
.h1a {
	font-size: large;
	color: #226C93;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
	padding: 0px;
}
.h1b {
	font-size: medium;
	color: #226C93;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
.h1c {
	color: #226C93;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.h1d {
	font-size: medium;
	color: #226C93;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #0a73d1;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.h1e {
	font-weight: bolder;
	color: #085AA4;
	margin-top: 20px;
}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9fc1d9;
	margin-top: 20px;
	margin-bottom: 20px;
}