/*  © ArtProLog Mai 2006, Ursula Bartels, ub@artprolog.de */

html,body     { background-color: #eaebdd; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; width: 955px }
body     { color: #0E3192; font-size: 12px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; width: 955px }

p,pre,h1,h2            { color: #57575; margin: 5px }
h1, h2     {font-size: 13px; font-weight: bold;  }

h1             { line-height: 28px; text-align: center; text-transform: uppercase; margin-bottom: 30px; border-bottom: 1px solid #fff }
h2       { font-size: 12px }
h3       { font-size: 10px }

span.pb{font-weight: bold}

a:link   { color: #0E3192; font-size: 12px; text-decoration: underline }
a:visited   { color: #0E3192; font-size: 12px; text-decoration: underline }
a:hover, a:active   { color: #0E3192; font-size: 12px; text-decoration: none }

a.bold:link   { color: #0E3192; font-size: 11px; text-decoration: underline; font-weight: bold }
a.bold:visited   { color: #0E3192; font-size: 11px; text-decoration: underline; font-weight: bold }
a.bold:hover, a:active   { color: #0E3192; font-size: 11px; text-decoration: none; font-weight: bold }

a.bluebold:link   { color: #0E3192; font-size: 11px; text-decoration: underline; font-weight: bold }
a.bluebold:visited   { color: #0E3192; font-size: 11px; text-decoration: underline; font-weight: bold }
a.bluebold:hover, a:active   { color: #0E3192; font-size: 11px; text-decoration: none; font-weight: bold }

/* TOP */

#top, #top2, #foot             { background-color: #eaebdd; text-align: left; margin: 0 auto; padding: 0 auto; width: 955px; clear: left }
#foot     { background-color: #fff; background-image: url("images/layout/content_foot.gif"); background-repeat: no-repeat; background-position: left top; margin: 0 auto; padding: 0 auto; height: 112px; clear: left }

#logo, #bild1, #bild2, #bild3   { float: left;}
#bild1, #bild2, #bild3    { margin-top: 20px; width: 200px; height: 133px; overflow: hidden; border: solid 1px #0e3192 }
#bild1,#bild2  {margin-right: 17px }
/*** IE6 Fix ***/
* html #bild1, * html #bild2  {margin-right: 20px }


/* Inahlt */

#container          { background-image: url("images/layout/content_stretch.gif"); background-repeat: repeat-y; background-position: left top; text-align: left; margin: 0 auto; padding: 0 auto; width: 955px; min-height: 315px; float: left  }

/*** IE6 Fix ***/
* html #container   {height: 315px; float: none;  }

#content   { padding: 5px; width: 580px; float: left; overflow: auto }
#content p, #content h1, #content h2, #footer{color: #0E3192}
#content h1 {border-bottom: 1px solid #0E3192}

#news     { display: none }

/*** IE6 Fix ***/
* html #news  {  display: none }
* html #content  {  width: 600px;}

/* NAVI */
#navi       { background-image: url("images/layout/navi_stretch.gif"); background-repeat: repeat-y; background-position: left top; margin-right: 40px; margin-left: 20px; width: 249px; float: left; border-top: 1px solid #fff }

/*** IE6 Fix ***/
* html #navi  { margin-left: 10px;}

#navi div.dot     { position: relative; bottom: -6px; left: -6px; width: 15px; float: right }

#navi div.navi1   { color: #fff; text-align: right; border-bottom: 1px solid #fff }
#navi div.navi1 a     { color: #fff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: none; text-align: right; display: block; padding: 3px 30px 3px 10px }
#navi div.navi1 a:visited { color: #fff; line-height: 18px; text-decoration: none }
#navi div.navi1 a:hover { color: #fff; line-height: 18px; text-decoration: none; background-color: #041358 }
#navi div.navi1 a:active   { color: #fff; font-weight: bold; line-height: 18px; text-decoration: none }

#navi div.navi2   { color: #564b47; background-color: #fbfbf1; text-align: right; border-bottom: 1px solid #c0bfba }
#navi div.navi2 a   { color: #564b47; font-size: 12px; background-color: #fbfbf1; text-decoration: none; text-align: right; display: block; padding: 3px 30px 3px 10px }
#navi div.navi2 a:visited{text-decoration: none;}
#navi div.navi2 a:hover{color: #fff; text-decoration: none; background-color: #182a72;}
#navi div.navi2 a:active { font-weight: bold; text-decoration: none }

/* FOOTER*/
#footer      { font-size: 10px; margin-right: 50px; margin-left: 50px; position: relative; bottom: -50px; left: 269px; width: 400px; clear: left; border-top: 1px solid #0E3192 }
#footer a, #footer a:visited, #footer a:hover, #footer a:active    { color: #0E3192; font-size: 10px; text-decoration: underline }
#footer  a:hover    { text-decoration: none}

/*LOGINBOX*/
.tx-newloginbox-pi1  { margin-bottom: 20px; padding: 5px; width: 300px; border: solid 3px #fff }

/* FORM */
label  { color: #0E3192; font-weight: bold; line-height: 20px; text-align: right; display: block; margin-right: 10px; margin-bottom: 10px; width: 80px; float: left }
.csc-mailform-field {color: #0E3192; clear: left}
form,fieldset  { color: #0E3192; border-width: 0 }
input,textarea,select     { color: #0E3192; font-size: 11px; background-color: #fff; padding: 1px; border: solid 1px #0e3192 }
.csc-mailform-submit   { color: #0E3192; display: block; margin-top: 10px; margin-left: 163px }



/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #0E3192;
		padding: 0px 0px;
	}




/*ADMIN FOTOGALLERIE*/
.tx-jmgallery-pi1    { background-color: #EEF1F6; margin-bottom: 20px; padding: 5px; clear: left; border: solid 1px #fff }
.jm-gallery-admin-subelement  { margin-bottom: 5px }
div.jm-gallery-image-entry    { color: #757575; background-color: #fff; text-align: center; display: block; float: left; border: 0 }

/*PRINT*/
.noprint     { display: block }
.onlyprint { display: none }