@charset "utf-8";

/*
	RESET
*/
* { border:none; margin:0; padding:0; }

/*
	HTML ELEMENTS
*/
a { color:#0b0; }
a:hover, a:focus, a:active { background-color:#0b0; color:#dfd; }
address { border-left:1px dotted #903; font-style:normal; margin-left:10px; padding-left:10px; }
body { font-size:0.9em; font-family:Eras, Verdana, Helvetica, sans-serif; max-width:65em; min-width:600px; margin:0 auto; }
fieldset { border:1px solid #ccc; margin:0.3em 0 0.6em 0; padding:5px 10px; }
legend { padding: 2px 5px; }
html { margin:0 auto; padding:0 50px; }
h2 { color:#903; margin:0 0 1em 0; }
h3 { color:#903; margin:1em 0 0.75em 0; }
h4 { color:#903; margin:1em 0 0.5em 0; }
/*
input, textarea, select { background:#eee; border:1px solid #666; font-family:Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:1em; padding:1px; width:17.5em; }
input[type=checkbox], input[type=radio] { border:none; margin:0; padding:0; }
label { display:block; float:left; margin:0 10px 0 0; text-align:right; width:7.5em; }
legend { border-bottom:1px solid #000; }
*/
option { padding-left:20px; }
optgroup { margin:10px 0 5px 0; }
table { border:none; margin:0; padding:0; }
thead { background:#0b0; color:#fff; }
tbody { }
tr { }
th { padding:5px 10px; text-align:left; }
td { border:1px solid #0b0; padding:5px 10px; text-align:left; vertical-align:top; }

/*
	IDs
*/
#portal { background:#eee url(/img/layout_hintergrundstreifen.png) top left no-repeat; }

#start-logo { text-align:center; padding-top:50px; }
#start-links { margin-top:3em; text-align:center; }
#start-links span { color:#0b0; font-size:0.75em; }
#start-links a { background:#0b0; border:1px solid #0b0; color:#fff; font-size:1.5em; line-height:2.5em; margin:0 1em; padding:5px 10px; text-decoration:none;}
#start-links a:focus, #start-links a:hover, #start-links a:active { background:#dfd; color:#0b0; }
#start-teaser { border-right:1px solid #0b0; border-bottom:1px solid #0b0; color:#0b0; font-size:1.5em; margin:3em auto 0 auto; padding:3px 5px; text-align:right; max-width:550px; }

#background { background:url(/img/layout_hintergrundstreifen.png) top left no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }

#header { background:#000080; color:#fff; height:6em; padding:0.5em 1.5em 0 0.5em; position:relative; z-index:2; }
#header p { text-align:right; }
#header strong { font-size:1.5em; }
#header img { float:left; }

#navigation { height:5.25em; margin-top:0.5em; position:relative; z-index:100; }
#navigation ul { list-style:none; text-align:center; position:relative; }
#navigation ul li { float:left; margin:0 0 0 2%; position:relative; width:15%; }
#navigation ul li#first { margin:0; }
#navigation ul a { background:#0b0; color:#fff; display:block; font-size:1.1em; font-weight:bold; height:3em; line-height:1.3em; padding:1.75em 10px 3px 10px; text-align:left; text-decoration:none; width:auto; }
#navigation ul a:focus,
#navigation ul a:hover,
#navigation ul a:active { background:#dfd; color:#0b0; }

#content { background:#fff; border:3px solid #afa; clear:both; margin-top:0.5em; padding:15px 15px 30px 15px; position:relative; z-index:3;  }
#content p { line-height:1.2em; margin:0.3em 0 0.6em 0; }
#content ul, #content ol { margin:0.6em 2em 1.2em 2em; }
#content li { line-height:1.4em; }
#content img { border:1px dotted #0b0; margin:0 0 10px 10px; padding:5px; }
#logo { height:0; line-height:0; position:absolute; z-index:4;  }
#logo div { background:transparent url(/img/layout_logo_klein.png) top left no-repeat; position:relative; top:-40px; left:-50px; width:100px; height:100px; }

#path, #footer { background:#dfd; color:#903; text-align:right; margin-top:0.5em; padding:1px 20px 1px 40px; position:relative; z-index:3; }
#path a, #footer a { color:#903; }
#path { padding:1px 20px; text-align:left; }
#path li, #footer li { display:inline; line-height:1.3em; }

#partner { background:#000080; color:#fff; margin-top:0.5em; padding:0.75em 0.5em; position:relative; z-index:3; overflow:hidden; }
#partner a { color:#fff; }
#partner p { float:left; padding:0.25em 0 0.25em 0.5em; text-indent:15px; position:relative; z-index:5; }
#partner ul { list-style:none; margin-left:7.75em; }
#partner li { display:inline; margin-right:10px; }

/*
	CLASSES
*/
.intern { background:url(/img/icon_link_intern.gif) 2px 55% no-repeat; padding-left:17px; }
.extern { background:url(/img/icon_link_extern.gif) 2px 55% no-repeat; padding-left:17px; }
.email { background:url(/img/icon_link_email.gif) 2px 55% no-repeat; padding-left:17px; }

.clear { clear:both; float:none; }
.blue { color:#000080; }
.green { color:#0b0; }
.lightgreen { color:#dfd; }
.darkred { color:#903; }

.success, .error { background:transparent url(/img/icon_success.gif) 15px center no-repeat; border:1px solid #093; color:#093; margin:0.5em 0 1em 0; line-height:20px; padding:10px 10px 10px 50px; }
.error { background-image:url(/img/icon_error.gif); border:1px solid #c00; color:#c00; }

.contact input, .contact textarea { background:#eee; border:1px solid #666; font-family:Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:1em; padding:1px; width:17.5em; }
.contact label { display:block; float:left; margin:0 10px 0 0; text-align:right; width:7.5em; }
.contact legend { border-bottom:1px solid #000; }
#content .contact p.right { margin-left:8em; }
.contact p.right input { width:auto; }
.contact p.right label { display:inline; float:none; margin:0 0 0 5px; text-align:left; width:auto; }
strong.star { color:#f00; }

.contact fieldset { border:none; padding:0; }
.contact fieldset legend { border:none; padding:0; text-decoration:none; }

p.buttons { margin-top:1em; }
fieldset.buttons { padding:15px 0; text-align:center; }
.buttons .button { margin-right:1.5em; }
input.button { background:#eee; border:1px solid #000; color:#000; font-weight:bold; width:auto; }
.button:focus, .button:hover, .button:active { background-color:#FFF; border:1px solid #990032; color:#903; font-weight:bold; }


/*	NAVIGATION MENU	*/
#navigation ul.level2 { font-size:0.9em; }
#navigation ul.level2,
#navigation ul.level3 { background:#fff; border-bottom:1px solid #fff; left:0; margin:0; padding:0; position:absolute; top:-999em; left:-999em; width:15em; z-index:101; }
#navigation ul.level3 { left:15em; border-left:1px solid #fff; top:-1px; }
#navigation ul.level2 li,
#navigation ul.level3 li { float:none; margin:1px 0 0 0; padding:0; width:auto; }
#navigation ul.level2 a,
#navigation ul.level3 a { /*background-image:none;*/ display:block; height:2.6em; margin:0; padding:0em 0.5em; }

#navigation ul.level1 li.sub a:focus ul.level2,
#navigation ul.level1 li.sub a:hover ul.level2,
#navigation ul.level1 li.sub a:active ul.level2,
#navigation ul.level1 li.sub:focus ul.level2,
#navigation ul.level1 li.sub:hover ul.level2,
#navigation ul.level1 li.sub:active ul.level2 { position:absolute; top:6em; left:0; }
#navigation ul.level1 li.sub a:focus ul.level3,
#navigation ul.level1 li.sub a:hover ul.level3,
#navigation ul.level1 li.sub a:active ul.level3,
#navigation ul.level1 li.sub:focus ul.level3,
#navigation ul.level1 li.sub:hover ul.level3,
#navigation ul.level1 li.sub:active ul.level { position:absolute; top:-999em; left:-999em; }
#navigation ul.level2 li.sub a:focus ul.level3,
#navigation ul.level2 li.sub a:hover ul.level3,
#navigation ul.level2 li.sub a:active ul.level3,
#navigation ul.level2 li.sub:focus ul.level3,
#navigation ul.level2 li.sub:hover ul.level3,
#navigation ul.level2 li.sub:active ul.level3 { position:absolute; top:-1px; left:100%; }

#content .gallery a { border:none; background:none; margin:0; padding:0; }
#content .gallery a img { border:1px dotted #0b0; margin:0 10px 10px 0; padding:5px; }
#content .gallery a:hover img, #content .gallery a:focus img, #content .gallery a:active img {
    border:3px solid #0b0; margin:0 10px 10px 0; padding:3px;
}