:link,:visited { text-decoration:none; }
ul,ol {list-style: disc;color: #336699;}
h1 { font-size:1.3em; font-weight:normal; }
h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background-image: url(bgimg.jpg);
	background-repeat: repeat;
	background-color: #999966;
	color: #fff;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }



/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
/* ### Header Navigation ##################################################### */

#navheight_horiz_vert {
	min-height: 153px;
	margin: 20px 0;
}
* html body #navheight_horiz_vert { height: 153px; } /* IE 6 / 5.5 Hack */

#navheight_horiz_vert ul.nav1st { padding:0px 20px; }


#nav-header {
	font-size: 12px;
	font-weight:bold;
	background-image:url(navi.jpg);
	height: 55px;
}

#nav-header ul {
	
	padding-left:470px;
	position:relative;
	top:15px;
}


#nav-header li {
	display:inline;
}

#nav-header a, 
#nav-header a:link {
	color:#0066cc; 
	text-decoration: none;
	background-color: inherit;
	padding: 0 6px;
}

#nav-header a:hover {
	color:#336699;
	padding: 0 6px;
}

#nav-header a.current, 
#nav-header a.current:link {
	color:#003399;
	padding: 0 6px;
}

#nav-header a.current:hover {
	color:#336699;
	padding: 0 6px;
}


/* ### Sub Navigation ######################################################### */

#nav {
	display:block;
	float:left;
	width:208px;
	background:url(bg_nav.gif) repeat-y;
}

#nav p.copy,
#nav p {
	padding-right:20px;
	color:#fff;
	background: inherit;
	text-align: right;
}


#nav p.copy a,
#nav p.copy a:link {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

#nav p.copy a:hover {
	color: #fff;
	background: inherit;
	text-decoration: underline;
}

/*	Navigation horizontal and vertical - 
	Wenn nur die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/

#navheight_vert {
	min-height: 193px;
}
* html body #navheight_vert { height: 193px; } /* IE 6 / 5.5 Hack */

#navheight_vert ul.nav1st { padding:10px 20px;  }


/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	padding:0px 20px;
	font-size:1.2em;
	text-transform:uppercase;
}

ul.nav1st li {
	display: block;
	padding:3px 0;
	color:#37444f;
	background: inherit;
	font-weight:bold;
	text-align: right;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#37444f;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st a:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}


/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	margin: 0 0 10px 0;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: right;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px 8px;
	background-repeat: no-repeat;
}


ul.nav2nd a:hover {
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px -12px;
	background-repeat: no-repeat;
	background-color:#c4d4dc;
	color:#37444f;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px -32px;
	background-repeat: no-repeat;
	background-color:#c4d4dc;
	color:#37444f;
}


/* ### Breadcrump Navigation #################################################### */

#sitePath {
	float:left;
	padding-left:20px;
	color:#c4d4dc;
	background: inherit;
}

#sitePath a, #sitePath a:link {
	color:#c4d4dc;
	background: inherit;
	text-transform:none;
}


/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:992px;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:98px;
	background-image: url(header.jpg);
	background-repeat:no-repeat;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {
background-image:url(links.jpg);
background-repeat:no-repeat;
background-color:;
height: 100%;
min-height: 535px;
}

#main {
	margin-left:454px;
	width:538px;
}


/* ### headlines ############################################################ */

h1 {
	color: #003399;
	background: inherit;
	font-size:2em;
	font-weight:bold;
	line-height:1.8em;
	letter-spacing: 0.1em;
	margin-bottom:1.3 em;

}

h2 {
	color:#003399;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
}

 h3 {
	color:#003399;
	background: inherit;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}

h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}

h5 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.0em;
}

h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.0em;
}

/* ### Paragraphs ########################################################## */

p {
	margin-bottom:1.3 em;
	font-size:1.2em;
	line-height:1.5em;
	color: #003399
}

/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:538px;
	height:100%;
	min-height: 535px;
	background-image:url(bgcontent.jpg);
	background-repeat: repeat-y;
	background-color: #dacd84;
	color: #fff;
}


#main-content-block {
	padding:20px;
	padding-right:80px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer {
	text-align:left;
	display:block;
	font-size:95%;
	width:100%;
}

#footer p {
	padding: 0px 0px 5px 480px;
	color:#fff;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#fff;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: none;
	background:inherit;
}

/***********************************************************
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}
.wysiwygimg .wysiwygimgtext ul {margin-top: 20px;}
.wysiwygimg .wysiwygimgtext ul li {font-size: 1.4em; margin-left: 3em; padding-bottom: 5px;}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}
 
 /***********************************************************
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
 
 /*********************************  Start Kontaktformular *******************************************/
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 0px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
   color:#003399;
}

legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: #a4b7c6;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 350px;
   border: 1px solid #999;
   background-color: #a4b7c6;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 12px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   background-color: #a4b7c6;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
 /*********************************  Ende Kontaktformular *******************************************/


/* JAOS Gallery
*******************************************************************************/
#jaos
	{
	margin:0 auto;
	width: 600px;
	}

.jaosg_galerie
	{
	margin-top:25px;
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
		width: 500px;

	}

.jaosg_thumbnail 
	{
	display: block;
	margin-right:10px;
	margin-bottom:12px;
	float: left;
	height: 130px;
	width: 130px;
	text-align: left;
	vertical-align:middle;
	border: 2px dotted #005d86;
	}


.jaosg_nav
	{
	text-align: center;
	padding: 10px 0 10px 0;
	}

.jaosg_bild	
	{
	text-align: center;
	border: 2px dotted #005d86;
	}

.jaosg_bildbeschreibung
	{
	text-align: justify;
	}

/* JAOS Gallery ende
*******************************************************************************/
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:5px;
	}
	
	div#galerie-teaser
{
	font-size: 11pt;
	text-align: center;
}

div#galerie-teaser p
{
	width: 130px;		
	height: 130px;
	border: 2px dotted #005d86;
	float: left;
	margin: 5px;
	margin-bottom: 8px;
}
	
div#galerie-teaser span
{
	width: 130px;
	height: 28px;
	background-color: #fb9b13;		
	text-align: center;
	padding-top: 1px;
	color: white;
	display: block;
	font-size: 0.7em;
	font-weight:bold;
}

div#galerie-teaser img
{
	width:  100px;
	margin: 10px;
		
}