/* code by mondfabrikdotde # last changed 27-04-2006  */

html {color:#000; background:#f0f0f0;}
body {
font-family: verdana, arial, sans-serif; 
font-size:81%; 
color:#000; 
padding:0; 
margin:0;
}

a:link, a:visited, a:active, a:hover {
color: #2771D2;
font-weight: bold;
}

code {
color: #009933;
font-weight: bold;
text-align: left;
}

code u {
color: #ff0000;
}

#container {
background:#f0f0f0 url("../img/bg.jpg") repeat-x;
color:#000;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
img, a img {
	border: 0;
	margin: 0;
	padding: 0;
	}

/* --------------header------------- */

#header {
color:#fff;
height:92px;
margin: 0 0 10px 10px;
text-align:left;
background: #2771D2 url(/img/header.jpg) no-repeat 0px 15px;
z-index: 50;
}

#innerheader {
height:92px;
width: 90px;
float: right;
background: #2771D2 url(/img/header_right.jpg) no-repeat right 15px;
z-index: 100;
}

#header a {
	display					: 	block;
	width					: 	420px;
	height					: 	80px;
}

#header h1 {
	display					: 	none;
}

/* --------------horizontal mainmenu------------- */

#mainmenu {
float:left;
margin-bottom:25px;
	width: 80%;
}

#language {
float:right;
margin: 3px 20px 0 0;
width: 140px;
}

#mainmenu ul {
font-size:16px;
}

#mainmenu li, #language li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#language li {
margin: 0;
padding:0 2px;
}

#language a img {
padding: 4px 3px 1px 4px;
}

/*
#language a:hover img, #language a.on img {
border-bottom: 5px solid #E71E2A;
}
*/

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#666;
display:block;
font-size:0.7em;
padding:11px 10px 10px 10px;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
}

#mainmenu a:hover, #mainmenu a.on {
background				:	transparent url("../img/nav_hover.gif") center left repeat-x;
color:#fff;
text-decoration:none;
}

/* --------------wrap------------- */

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/* --------------left------------- */

#leftside {
margin:0;
padding:0 10px 10px;
width:165px;
float:left;
margin-right:10px;
}

/* --------------left navigavtion------------- */
#nav, #nav.aereos {
float: left;
width: 170px;
margin: 70px 0 0 0;
padding: 0;
border: 1px solid #fff;
border-bottom: 0;
}

#nav.aereos {
margin: 0;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	margin:0;
	padding:0;
}

#nav a, #nav a:visited {
	display:block;
	margin: 0;
	padding: 0.5em 10px 0.5em 10px;
	height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
color: #000;
font-size:.9em;
border-bottom: 1px solid #fff;
background				:	transparent url("../img/nav.gif") center left repeat-x;
}
	
html>body #nav a, html>body #nav a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}

* html #nav a, * html #nav a:visited {
background: #ccc url("../img/nav.gif") center left repeat-x;
}
	
#nav a:hover, #nav a.on {
background				:	transparent url("../img/nav_hover.gif") center left repeat-x;
color: #fff;
}

* html #nav a:visited:hover, * html #nav a:active:hover {
background				:	transparent url("../img/nav_hover.gif") center left repeat-x;
color: #fff;
}

#nav a:hover span, #nav a:visited:hover span, #nav a:active:hover span, #nav a.on span {display:block; position:absolute; left:10px; top:162px; background:#fff; padding: 3px; border:1px solid #909090; z-index:100;}

#nav a.on span {z-index:50;}

#nav a span {display:none;}

#nav em {
font-weight: normal;
display: block;
text-transform: none;
font-style: normal;
}

/* --------------content------------- */

#content {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding: 15px 20px 5px;
margin:0 20px 0 200px;
}

/* the holy ie float-bug... grrrrrrrrr */
* html #content {
height: 1px;
}

#content img {
border:1px solid #b0b0b0;
margin:5px 15px 6px;
padding:5px;
}


.leftside_img img {
border:1px solid #909090;
padding:5px;
background-color:#fff;
margin: 0 0 10px 0;
}


#content .imgleft {
float: left;
border:1px solid #b0b0b0;
margin:5px 15px 6px;
padding:5px;
}

#content .imgright {
float: right;
border:1px solid #b0b0b0;
margin:5px 15px 6px;
padding:5px;
}



/* --------------footer------------- */

#footer {
background:#8b8b8b url(/img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

#footer img {
padding-left: 40px;
}

/* --------------various tags------------- */

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.clear {
clear:both;
height:30px;
width:1px;
display: block;
}

.hide {display:none;}

/*** Text format ***/
.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

p { text-align:justify; line-height:1.8em; margin-top:0;}
h2 {color:#005f8c; text-align:left; font-weight:bold; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; font-size:1.2em; letter-spacing:0.2em; margin:0 0 10px 0; padding-top:5px; border-bottom: 1px solid #005f8c; text-transform:uppercase;}
h2 span {line-height:1.4em;}
h3 {font-size:1.1em;}

#ads { 
border-top: 2px dotted #909090; 
margin-top: 1.5em;
padding-top: 1em;
}
#ads img { 
float: none;
border:0;
}
.date {font-family:georgia, "times new roman", serif; font-size:1.1em; font-style:italic; color:#e09222; margin:0;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}

/*--------- gallery # 
adapted from stu nicholls - http://www.cssplay.co.uk  
----------*/

#gallerycontainer a, #gallerycontainer a:visited {color:#2771D2;} 

a.gallery, a.gallery:visited {
display:block;
color:#000; 
text-decoration:none; 
border:1px solid #000; 
/* hier wird die groesse der thumbnails festgelegt */
width:75px; 
height:56px; 
float:left; 
margin:4px; 
z-index:50;
}

* html a.gallery, * html a.gallery:visited {
display:inline-block;
}

a.gallery em, a.gallery span {
display:none;
}

a.gallery:hover {
border:1px solid #fff;
}

#gallerycontainer {
float: right; 
position:relative; 
/* hier wird die groesse der gallery festgelegt width & height */
width:425px; 
height:465px; 
background:#dedede; 
border:1px solid #2771D2; 
margin: 0em 1em .5em 2em;
}

#gallerycontainer img {
border:0; 
margin: 0; 
padding: 0;
}

#gallerycontainer #thumbs {
position:absolute; 
left:0; 
top:0;
}

#gallerycontainer #thumbs span {
display:block; 
position:absolute; 
width:402px; 
height:50px; 
/* klicken text */
top:129px; 
left:5px; 
padding:5px; 
font-style:italic; 
color:#666;  
z-index:100;
}

#gallerycontainer a.gallery:active, 
#gallerycontainer a.gallery:focus {
border:1px solid #000;
}

#gallerycontainer a.gallery:hover em,
#gallerycontainer a.gallery:active em, 
#gallerycontainer a.gallery:focus em {
display:block; 
position:absolute; 
/* hier wird die groesse und position des bildarrays festgelegt */
width:402px; 
height:300px; 
top:150px; 
left:5px; 
padding:5px; 
color:#000; 
border:1px solid #666; 
background:#fff; 
z-index:50;
}

/* gallery steckbrief */
#gallerycontainer h1 {
padding:159px 10px 10px 10px;
}

#gallerycontainer dl {
width:402px;
clear:both; 
margin:0; 
padding:0 10px 10px 10px;
}

#gallerycontainer dt, #gallerycontainer h1 {
font-family: georgia, "times new roman", serif; 
font-size:1.4em; 
font-weight:bold; 
color:#333;
margin: 0;
}

#gallerycontainer dt { 
font-size:1.2em; 
font-weight:normal; 
color:#666;
 border-top: 1px dotted #fff;
margin-top: 3px;
}

#gallerycontainer dd {
background: transparent url(/img/dd.gif) no-repeat 0 3px;
font-size:0.9em; 
color:#000;
margin-left: 0;
padding-left: 7px;
}

/*--------- gallery aereos ----------*/

#gallerycontainer.aereos {
float: none; 
width:510px; 
height:510px;
margin: 1em 0 0 0;
}

#gallerycontainer.aereos #thumbs span,
#gallerycontainer.aereos a.gallery:hover em,
#gallerycontainer.aereos a.gallery:active em, 
#gallerycontainer.aereos a.gallery:focus em { 
width:487px; 
height:337px;  
padding:0; 
color:#000; 
border:0; 
background:none; 
}

#gallerycontainer.aereos a.gallery,
#gallerycontainer.aereos a.gallery:visited, 
#gallerycontainer.aereos a.gallery:hover {
border:0;
}

#gallerycontainer.aereos img {
text-align: center;
}