/* Stylesheet f�r Stepanie Otrakci
   Farben:
   Schrift-hellblau: #5e7d9c
*/
	
* { 
		padding: 0; 
		margin: 0;
		border: 0;
}

html { 
	height: 101%;
	width: 100%;
}

body {
	background-color: #a2c2d9;
  background-image: url("/fileadmin/otrakci/images/bg.jpg"); /* Hintergrundgrafik */
  background-repeat:repeat-x;
  font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 62.5%;
	width: 100%;
}

/* ===================================================
	 Layout-Formate
=================================================== */

#wrapper {
	position: relative;
	top: 0;
	left: 50px;
	width: 700px;
	background-color: #e5ebef;
	border-left: 1px solid #608ca4;
	border-right: 1px solid #608ca4;
}

/* ===================================================
	 Header
=================================================== */

#header {
	position: absolute;
	top: 0;
	height: 150px;
	width: 700px;
  background-image: url("/fileadmin/otrakci/images/header-bg.jpg"); /* Hintergrundgrafik */
  background-repeat:repeat-x;
	border-bottom: 1px solid #aebfcb;
}

#slogan {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 460px;
	font-size: 1.2em;
	margin-bottom: 0;
}

#logo {
	float: right;
	margin: 10px 10px 0 0;
}

#portrait {
	position: absolute;
	top: 30px;
	left: -45px;
	border: 1px solid #fff;
}

/* ===================================================
	 Content
=================================================== */

#content {
	clear: both;
	padding: 300px 30px 0 300px; 
	width: 370px;
	min-height: 270px;
	color: #5f7d9c;
}

#content ul {
	margin: 0 0 10px 40px;
	font-size: 1.2em;
	list-style-type: disc;
}

#content ul ul {
	font-size: 1em;
}

#footer a:hover {
	text-decoration: underline;
}


/* ===================================================
	 Kontaktformular
=================================================== */

.csc-mailform-field {
	margin-top: .25em;
	padding-left: -5em;
}

.csc-mailform label {
 clear: both;
 width: 12em;
 text-align: left;
 float: left;
 padding-right: .5em;
 font-size: 1.2em;
}

#mailformformtype_mail {
	margin-top:10px;
}

/* ===================================================
	 Menue
=================================================== */
/*
#menu {
	position: absolute;
	top: 132px;
	left: 240px;
	
}

#menu li {
	list-style-type: none;
	display: inline;

}

#menu li a {
	padding: 0 10px;
	color: #5B778C;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#menu .current a,
#menu a:hover {
	color: #0B6CB5;
	text-decoration: underline;
}

#menu a:active {
	color: #2C1B6F;
	text-decoration: underline;
}
*/

#menu {
	position:  absolute;
	top:  128px;
	left:  228px;
}

#menu ul {
	list-style:  none; 
	height:  23px; 
	width:  475px;
	border-bottom: 1px solid #aebfcb;
}
	
#menu ul li {
	display:  block; 
	float:  left; 
	margin:  0 -6px 0 0;
}

#menu ul li a {
	float:  left; 
	padding: 0 5px; 
	height: 22px; 
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #aebfcb; 
	position: relative; 
	z-index: 100; 
	font-style: normal; 
	text-transform:  uppercase;
	color: #607e94;
	font-weight:  bold;
	background:  url("/fileadmin/otrakci/images/tab.gif") repeat-x bottom left; 
	font-size: 1em; 
	line-height: 20px;
}

#menu ul li span {
	font-size: 0; 
	line-height: 0; 
	position: relative; 
	border-bottom: 1px solid #aebfcb; 
	border-top: 1px solid #fff; 
	width: 1px; 
	display: block; 
	float: left; 
	z-index: 300; 
	background:  url("/fileadmin/otrakci/images/tab.gif") repeat-x bottom left;
}

#menu ul li span.p1 {
	height: 19px; 
	background: #fff; 
	margin-top: 4px; 
	border-top: 0; 
	z-index: 100;
}

#menu ul li span.p2 {
	height: 19px; 
	margin-top: 2px; 
	border-top: 2px solid #fff; 
	border-bottom: 1px solid #888; 
	z-index: 100;
}

#menu ul li span.p3 {width: 2px; height: 21px; margin-top: 1px; z-index: 100;}
#menu ul li span.p5 {height: 20px; margin-top: 2px;}
#menu ul li span.p6 {height: 19px; margin-top: 3px;}
#menu ul li span.p7 {height: 18px; margin-top: 4px;}
#menu ul li span.p8 {height: 17px; margin-top: 5px;}
#menu ul li span.p9 {height: 16px; margin-top: 6px;}
#menu ul li span.p10 {height: 15px; margin-top: 7px;}
#menu ul li span.p11 {height: 14px; margin-top: 8px;}
#menu ul li span.p12 {height: 13px; margin-top: 9px;}
#menu ul li span.p13 {height: 12px; margin-top: 10px;}
#menu ul li span.p14 {height: 11px; margin-top: 11px;}
#menu ul li span.p15 {height: 10px; margin-top: 12px;}
#menu ul li span.p16 {height: 9px; margin-top: 13px;}
#menu ul li span.p17 {height: 8px; margin-top: 14px;}
#menu ul li span.p18 {height: 7px; margin-top: 15px;}
#menu ul li span.p19 {height: 6px; margin-top: 16px;}
#menu ul li span.p20 {height: 5px; margin-top: 17px;}
#menu ul li span.p21 {height: 4px; margin-top: 18px;}
#menu ul li span.p22 {height: 3px; margin-top: 19px;}
#menu ul li span.p23 {height: 2px; margin-top: 20px;}
#menu ul li span.p24 {height: 1px; margin-top: 21px;overflow: hidden;}
#menu ul li span.p25 {width: 1px; height: 1px; background: #fff; margin-top: 22px; border-top: 0; overflow: hidden;}
#menu ul li span.p26 {width: 1px; height: 1px; background: #aebfcb; margin-top: 23px; border: 0; overflow: hidden;}


#menu ul li:hover a,
#menu ul li:focus a, 
#menu ul li:active a {
	position: relative; 
	z-index: 500; 
	color: #0f6dbb; 
	background:  url("/fileadmin/otrakci/images/tab-hover.gif") bottom left; 
	border-bottom-color: #888;
	border-top-color:  #CBDDE7;
}


#menu ul li:hover span, 
#menu ul li:focus span, 
#menu ul li:active span {
	background:  url("/fileadmin/otrakci/images/tab-hover.gif") bottom left;
	border-bottom-color: #888;
	border-top-color:  #CBDDE7;
}

#menu ul li:hover span.p1, 
#menu ul li:focus span.p1, 
#menu ul li:active span.p1 {
	background:  #C6D7E1;
	border-bottom-color: #888;
	border-top-color:  #CBDDE7;
}

#menu ul li:hover span.p25, 
#menu ul li:focus span.p25, 
#menu ul li:active span.p25 {
	background:  #fff;
	border-bottom-color:  #888;
}

#menu ul li:hover span.p26, 
#menu ul li:focus span.p26, 
#menu ul li:active span.p26 {
	background: #888;
}

#menu ul li.selected, 
#menu ul li:hover.selected,  
#menu ul li:active.selected,
#siteId-4 #menu ul li#menuid15, 
#siteId-4 #menu ul li:hover#menuid15,  
#siteId-4 #menu ul li:active#menuid15 {
	color:  #000;
	position:  relative;
	z-index: 600;
}
	
#menu ul li.selected a, 
#menu ul li:hover.selected a,
#menu ul li:active.selected a,
#siteId-4 #menu ul li#menuid15 a, 
#siteId-4 #menu ul li:hover#menuid15 a,  
#siteId-4 #menu ul li:active#menuid15 a {
	color:  #0f6dbb;
	background:  url("/fileadmin/otrakci/images/tab-hover.gif") bottom left;
	border-bottom-color: #888;
	border-top-color:  #C6D7E1;
}
	
#menu ul li.selected span, 
#menu ul li:hover.selected span, 
#menu ul li:active.selected span,
#siteId-4 #menu ul li#menuid15 span, 
#siteId-4 #menu ul li:hover#menuid15 span,  
#siteId-4 #menu ul li:active#menuid15 span {
	background:  url("/fileadmin/otrakci/images/tab-hover.gif") bottom left;
	border-bottom-color: #888;
	border-top-color:  #CBDDE7;
}

#menu ul li.selected span.p1, 
#menu ul li:hover.selected span.p1, 
#menu ul li:active.selected span.p1,
#siteId-4 #menu ul li#menuid15 span.p1, 
#siteId-4 #menu ul li:hover#menuid15 span.p1,  
#siteId-4 #menu ul li:active#menuid15 span.p1 {
	background:  #C6D7E1;
	border-bottom-color:  #CBDDE7;
}

#menu ul li.selected span.p26, 
#menu ul li:hover.selected span.p26, 
#menu ul li:active.selected span.p26,
#siteId-4 #menu ul li#menuid15 span.p26, 
#siteId-4 #menu ul li:hover#menuid15 span.p26,  
#siteId-4 #menu ul li:active#menuid15 span.p26 {
	width: 1px; 
	height: 1px; 
	background: #fff; 
	margin-top: 23px; 
	border-top: 0; 
	overflow: hidden;
}

/* ===================================================
	 Submenue
=================================================== */

#submenu {
	float: left;
	margin-left: -280px;
	margin-top: 40px;
}

#submenu li {
	margin-bottom: 8px;
	list-style-type: none;

}

#submenu li a {
	padding: 0 10px;
	color: #5f7d9c;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
}

#submenu .current a,
#submenu a:hover {
	text-decoration: underline;
  color: #0f6dbb;
}

/* ===================================================
	 Fu�menue
=================================================== */

#footer {
	position: relative;
	left: 20px;
	bottom: 5px;
	display: inline;
}

#footer li {
	display: inline;
	list-style-type: none;
}

#footer a {
	padding: 0 10px;
	color: #5f7d9c;
	text-transform: uppercase;
	font-size: 1.2em;
}

#footer a:hover {
  color: #0f6dbb;
}

.erste {
	border-right: 1px solid #5f7d9c
}


/* ===================================================
	 Allgemeine Definitionen
=================================================== */

a {
  text-decoration: underline;
  outline: none;	/* Punkte beim Aktivieren entfernen */
  color: #5f7d9c;
}

a:hover {
	color: #0f6dbb;
}

p, table {
	font-size: 1.2em;
	margin-bottom: 1em;
}

td {
	vertical-align: top;
}

input, textarea {
	border-top: 2px solid #8B98A3;
	border-left: 2px solid #8B98A3;
	color: #5f7d9c;
}

h1 {
	color: #0f6dbb;
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 10px;
}

h2 {
	color: #5f7d9c;
	font-size: 1.2em;
	margin-bottom: 1em;
	font-weight: bold;
}