@import url(standard.css);/* die Formatierungen in standard.css gelten 
sowohl für das CMS und die Anzeige im Editor, als auch für das Webfrontend */
/*

------------------
Farben
------------------
Kerbe Logo dunkelblau: #017Dc3
Blau-Abstufungen:
80% #3397CF
60% #66B1DB
40% #99CBE7
20% #CCE5F3
10% #E5F2F9

XML-Button-Orange: #ff6600

------------------

Reihenfolge Link-Deklaration: :link, :visited, :focus, :hover, :active - immer alle deklarieren
- Immer, wenn color gesetzt wird auch background-color setzen
- alle Klassen und IDs in Kleinschreibung, um Fehlersuche zu erleichtern

Standard-Linkfarben :link = #017Dc3 
					:visited = #66B1DB
                    :focus, :hover, :active = #66B1DB			
*/

/* -----------------Initialisierung ------------------------------*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol,
span, a, table, td, form, img, li {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
}

html, body {
  font-size: 100.01%;
  color: #333;
}
img {
	border:0;
}
.displaced	{
	left: -3000px;
	position: absolute;
}
.fixfloat {
	float: none;
	clear: both;
	width: 1px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
}

/*urspruenglich bei den Skiplinks eingesetzt, sind aber dann im IE 7 sichtbar */
hr	{
	background-color: #E5F2F9; /* Mozilla 1.4 */
	color: #E5F2F9; /* IE 6 */
	border: #E5F2F9; /* Opera 7.11 */
	height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}


td {
	font-size: 0.8em;
}

/* ------------------
Textauszeichnung
------------------*/
h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #017Dc3;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	margin-bottom: 1em;
} 
h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #017Dc3;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	}
h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #017Dc3;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	margin-bottom: 0.5em;
	}


h4, h5, h6 {
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #017Dc3;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	margin-bottom: 0.5em;
}

/* ------------------ 
Links 
------------------ */
a:link	{
	color: #017Dc3;
	background: transparent; 
}
a:visited	{
	color: #66B1DB;
	background: transparent;
}
a:focus, a:hover, a:active	{
	color: #66B1DB;
	}

/*------------------ 
 Positionierung 
 ------------------ */
body	{
	background: #ffffff;
	background-color: #ffffff;
}
#page	{
	text-align: center;
	margin: 0px auto 0 auto;
	width: 95%;
}
#pagefloat	{
	float: left;
	display: inline;
	text-align: left;
	background: #FFF;
	width: 100%;/* width wird hier für Mozilla benötigt */
}
#masthead	{
	width: 100%;
	/*height:5em ; */
	background: #ffffff;
}
#masthead p	{
	font-size: 0.7em;
}
#headtoolbox	{
	float: left;
	display: inline;
	width: 20%;
	/*height:5em ; */
	background: #FFF;
}
#fontsizer	{
	color: #000000;
	margin: 0.5em 0 0.5em 1em;
}
#fontsizer a:link, #fontsizer a:visited	{
	color: #017Dc3;
	text-decoration: underline;
} 
#fontsizer a:focus, #fontsizer a:hover, #fontsizer a:active	{
	color: #66B1DB;
	text-decoration: underline;
}
#time {
	margin: 0.5em 0 0.5em 1em;
}
#bebtop {
	color: #2E297C;
	margin: 0.5em 0 0.5em 1em;
}
#headnavbox	{
	float: right;
	display: inline;
	text-align: right;
	width: 80%;
	height: 190px;
	background:  url(/images/theme/Kerbe_Logo_420x190.gif) no-repeat left;
	}

#headnav	{
	color: #017Dc3;
	background: transparent; 
	margin: 0.5em;
	font-weight: bold;
		}
	
#headnav a:link, #headnav a:visited	{
	color: #017Dc3;
	text-decoration: underline;
	background: url(images/theme/translucent.png) repeat!important; 
	background: #ffffff; 
	}
	
#headnav a:focus, #headnav a:hover, #headnav a:active	{
	color: #017Dc3;
	text-decoration: underline;
	background: url(images/theme/translucent.png) repeat!important; 
	background: #ffffff; 
}
	
#searchbox	{
	margin: 0.5em;
	white-space: nowrap;
	margin-bottom: 2em;
		}
	
#mainnavcol	{
	clear: both;
	float: left;
	display: inline;
	text-align: center;
	width: 20%;
	background: #FFFFFF;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#logo	{
	margin: 0 0 40px 0;
}

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

#contentcol	{
	float: left;
	display: inline;
	width: 55%;
	background: #FFF;
	margin: 0;
	padding: 0;
}
#contentcol p	{
	line-height: 150%;
}
#clickpath	{
	padding-left:50px;
	height: 2em;
	font-size: 0.7em;
}
#clickpath p	{
	margin-top: 0.5em;
}
#clickpath a:link, #clickpath a:visited	{
	color: #017Dc3;
	background: none;
	text-decoration: underline;
} 
#clickpath a:focus, #clickpath a:hover, #clickpath a:active	{
	color: #66B1DB;
	background: none;
	text-decoration: underline;
	}

/*------------------ 
 Schlagschatten 
 ------------------ */
.dropshadow{
	float:left;
	clear:left;
	background: url(images/theme/shadowAlpha2.png) no-repeat right bottom!important;
	background: url(images/theme/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 25px !important;
	margin: 10px 0 10px 20px;
	width: 100%;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding: 6px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	/*font-size:14px;
	margin: 3px; */
}

/*------------------
article
------------------*/

#article	{
	/*padding: 1em 1em 20px 50px;*/
	margin: 3%;
	font-size: 0.8em;
				}
				
#article ol, #article ul	{
	margin-left: 1.5em;
} 
#article p, #article li	{
	margin-bottom: 0.5em;
}
#article li	{
margin-left: 1.5em;
}

#article ul li {
list-style-image:url(images/theme/karo.gif);
}

#article img {margin: 5px;}

#article a:link, #article a:visited 	{
	color: #017Dc3;
}
#article a:visited	{
	color: #66B1DB;
}
#article a.contenttool:link,#article a.contenttool:visited	{
	color: #017Dc3;
	background: none;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
} 
#article a.contenttool:focus, #article a.contenttool:hover, #article a.contenttool:active	{
	color: #017Dc3;
	background: none;
	text-decoration: underline;
	font-size: 0.8em;
	font-weight: bold;
}

.articlebottom {
padding: 5px;
}

#article .hervorhebung {
background-color: #E5F2F9;
border: 1px solid #999999;
margin-bottom: 15px;
padding: 5px;
display: block;
}
/*------------------
rechte Seite
------------------*/

#infoboxcol	{
	float: right;
	width: 20%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
.datum {
	text-align: right;
}
.blocktext	{
	background: #E5F2F9;
	margin: 0.5em 0 1.5em 0.5em;
	padding: 0.5em;
}

#infoboxcol p	{
	font-size: 0.8em;
	line-height: 150%;
	margin-bottom: 0.5em;
}
#blockrechts	{
	padding: 0.5em 0.5em 0 0.5em;
}
.blocktitel, .bereichenavtitel {
	font-size: 1em;
	font-weight: bold;
	color: #017Dc3;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	background-color: #FFFFFF;
	background: #FFFFFF;
}

#footer	{
	float: left;
	display: inline;
	text-align: center;
	padding: 10px 0 10px 0;
	width: 100%;
	background: #ffffff;
}
#footer p	{
	font-size: 0.8em;
}
#footer a:link, #footer a:visited	{
	color: #017Dc3;
	}
	
#footer a:focus, #footer a:hover, #footer a:active	{
	color: #66B1DB;
	}

/* ------------------
Navigation
------------------*/

#mainnavcol div	{
	margin: 0 0 0 0;
	background: #E5F2F9;
	font-size: 0.8em;
	}


.navigation, .navigation1	{
	color: #017Dc3;
	margin: 0em 0em 0em 0em;
	display: list-item;
	text-align: left;
	list-style: none;
	padding: 0.2em 0.4em 0.2em 0.8em;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;
	}
	
a.navigation:link, a.navigation:visited	{
	color: #017Dc3;
	text-decoration: none;
	}
	
/* navigation1 = aktive Seite*/	
a.navigation1:link, a.navigation1:visited	{
	text-decoration: none;
	background:#017dc3; 
	color:#fff;
}
a.navigation:focus, a.navigation:hover, a.navigation:active	{
	border-top:1px dotted #017Dc3; 
	border-bottom:1px dotted #017Dc3;
	background:#cce5f3;
	text-decoration:none;
	color:#007dc3;
	font-weight: bold;
}
	
a.navigation1:focus, a.navigation1:hover, a.navigation1:active	{
	color: #FFF;
	background: #017Dc3;
	text-decoration: none;
}
.subnavigation, .subnavigation1	{
	margin: 0em 0em 0em 1.5em;
	display: list-item;
	text-align: left;
	list-style: none;
	padding: 0em 0em 0em 0.7em;
	line-height: 1.5em; 
}
a.subnavigation:link, a.subnavigation:visited {
	color: #2E297C;
	text-decoration: none;
}
a.subnavigation1:link, a.subnavigation1:visited {
	color: #FFF;
	background: #2E297C;
	text-decoration: none;
	font-weight: bold;
}
a.subnavigation:focus, a.subnavigation:hover, a.subnavigation:active	{
	border-top:1px dotted #017Dc3; 
	border-bottom:1px dotted #017Dc3;
	background:#cce5f3;
	text-decoration:none; color:#017Dc3;
	font-weight: bold;
}
a.subnavigation1:focus, a.subnavigation1:hover, a.subnavigation1:active	{
	border-top:1px dotted #017dc3; 
	border-bottom:1px dotted #017dc3;
	background:#cce5f3;
	text-decoration:none; color:#017Dc3;
	font-weight: bold;
}

/* Bereichsnavigation */
.bereichenav	{
	margin: 0 1em 0.4em 0;
	display: list-item;
	text-align: left;
	list-style: none;
	padding: 0 0 0 0.2em;
	font-size: 0.8em;
	line-height: 110%;
}

a.bereichenav:link, a.bereichenav:visited	{
	color: #2E297C;
	background: #F6E7D2;
	text-decoration: none;
} 
a.bereichenav:focus, a.bereichenav:hover, a.bereichenav:active	{
	color: #2E297C;
	background: #F6E7D2;
	text-decoration: underline;
	font-weight: normal;
}

/* ------------------
Formulare
------------------*/
#article form {
font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
line-height: 1.5em;
}

#article input, textarea, select {
font-size: 1em;
margin-bottom: .3em;
}

#article fieldset {
background-color: #E5F2F9;
border: 1px solid #999999;
margin-bottom: 15px;
padding: 5px;
display: block;
}

#article legend {
border: 1px solid #999999;
padding: 5px;
background-color: #cce5f3;
margin-bottom: 5px;
font-size: 0.9em;
}
#article input:active, input:focus, input:hover { background: #cce5f3;}





/* Admin */
#loggedin, #loggedintext	{
	text-align: left;
	padding-left: 1em;
	font-size: 0.8em;
}

/* ------------------
Eingang
------------------*/

.einganglogo {
padding: 10px;
border: 0;
}

#eingang {
width: 80%;
text-align: center;
margin: 10%;
}

#eingang .block {
	background: #E5F2F9;
	margin: 1.5em;
	padding: 1em;
}