* {
margin: 0;
padding: 0;
}

body {
background: url(../images/angel-bg.png) repeat-x top left #f8fcfe;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
font-size: 62.5%;
color: #70777a;
}

#header {
width: 960px;
height: 200px;
margin: 0 auto;
background: url(../images/header-home.gif) no-repeat top center transparent;
}

#main {
background: url(../images/bg-bluestripe.gif) repeat-x top center transparent;
}

#main-wrap {
width: 960px;
margin: 0 auto;
background: white;
padding: 0 21px;
background: url(../images/shadow-main.png) repeat-y top center transparent;
}

h1 {
text-indent: -9999px;
}

hr {
clear: both;
visibility: hidden;
}

p, ul, ol, table {
font-size: 1.3em;
line-height: 1.5em;
}

ol p {
font-size: 1em;
line-height: 1.5em;
}

#qtranslate-chooser {
display: none;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width: 960px;
	height: 100px !important;
	margin: 0 !important; 
	padding: 0;
	background: #41b3e6;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: no-repeat;
	display:block;
	height: 100px;   
	width: 319px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:30px;
	line-height:100px;
	text-align:center;
	text-decoration:none;
	text-indent: -9999px;
}

/* adjust the background image position on each tab */
#flowtabs .page-item-6, #flowtabs .page-item-8 { 
}

#flowtabs .page-item-6 a { 
background: url('../images/projekt.gif') no-repeat top center #41b3e6;
}

#flowtabs .page-item-8 a {
width: 319px; 
background: url('../images/engel.gif') no-repeat top center #41b3e6;
}

#flowtabs .page-item-10 a {
width: 319px; 
background: url('../images/pate.gif') no-repeat top center #41b3e6;
}

.en #flowtabs .page-item-6 a { 
background: url('../images/projekt-en.gif') no-repeat top center #41b3e6;
}

.en #flowtabs .page-item-8 a {
width: 319px; 
background: url('../images/engel-en.gif') no-repeat top center #41b3e6;
}

.en #flowtabs .page-item-10 a {
width: 319px; 
background: url('../images/pate-en.gif') no-repeat top center #41b3e6;
}

#flowtabs .page-item-6 a:hover, #flowtabs .page-item-8 a:hover, #flowtabs .page-item-10 a:hover { 
background-position: center -100px;
}

#flowtabs a.current { 
background-position: center -100px !important;
}
 
/* mouseover state */
#flowtabs li a:hover { 
color: #fff;
cursor: pointer;
}

/* currently selected tabs */
#flowtabs a.current {
cursor: default; 
color: #fff;
}


/* panes */
#flowpanes {
background: no-repeat white;		
width: 960px;
height: 300px;
}


/* single pane */
#flowpanes div {
display: none;	
margin: 0;
padding: 0 0 15px 40px;
}

/* some decorations for elements inside single pane */
h2, .pane-sub h3 {
font-size: 2.5em;
font-weight: normal;
margin: 10px 0 0 0;	
text-transform: none;
letter-spacing: normal;
}

h3 {
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
margin-bottom: 8px;	
}

#flowpanes p, #flowpanes samp {
}

#flowpanes p strong {
color: #41b3e6;
font-weight: normal;
}

#flowpanes .pane-main {
width: 580px;
float: left;
padding: 20px 0 0 0;
margin-right: 18px;
}

.pane-main .more-link {
margin-top: 10px;
text-indent: -9999px;
padding-left: 480px;
display: block;
}

.pane-main .more-link a {
display: block;
width: 89px;
height: 27px;
background: url('../images/mehr-erfahren.gif') no-repeat top right transparent;
}

.en .pane-main .more-link a {
background: url('../images/mehr-erfahren-en.gif') no-repeat top right transparent;
}

.pane-main .more-link a:hover {
background-position: 0 -27px;
}

#flowpanes .pane-sub {
width: 322px;
height: 280px;
float: left;
padding: 20px 0 0 0;
background: #faf9f7;
}

/*################## Engelsuche ##################*/

.home-wir {
margin-left: 25px;
margin-top: 15px;
}

#flowpanes .pane-sub .angel-locate {
width: 282px;
padding: 0 20px;
}

#flowpanes div.engelsuche-wrap {
height: 37px;
background: transparent;
margin-top: 55px;
}

.engelsuche-wrap input {
display: block;
float: left;
font-size: 3em;
width: 120px;
height: 33px;
margin: 0 0 0 0px !important ;
padding: 3px 0 5px 4px;
border: 2px solid #ddd;
border-right: none;
color: #70777a;
background: white;
outline: none;
}

.engelsuche-wrap input:hover, .engelsuche-wrap input:focus {
border-color: #ddd;
outline: none;
}

.engelsuche-wrap input#searchsubmit {
background: url(../images/search.png) no-repeat 5px 5px #eee;
height: 45px;
width: 45px;
text-indent: -9999px;
border-right: 2px solid #ddd;
border-left: none;
margin-left: 0 !important;
}

.engelsuche-wrap input#searchsubmit:hover {
color: white;
cursor: pointer;
background: url(../images/search.png) no-repeat 5px 5px #ddd;
}

.engelnummerlabel {
margin-left: 43px;
}

/*################## Tooltip ##################*/


/* trigger button */ 
#interna { 
overflow:hidden; 
cursor:pointer;
float: right;
display: block;
color: #c8c9c9;
padding: 4px 10px 8px 10px;
font-size: 1.1em;
border-left: 1px solid #999;
outline: none;
} 

#interna:hover {
cursor: pointer;
}
      
.tooltip { 
display:none; 
background:url(../images/bg-tooltip.png); 
height: 68px; 
padding: 10px 5px 10px 15px; 
width: 129px; 
font-size: 11px; 
color:#fff; 
} 

.tooltip h2 { 
color: #ddd; 
font-size: 0.8em;
}
 
.tooltip a {
display: block;
color: #c8c9c9; 
font-size: 1em;
padding: 2px 0;
}

.tooltip a:hover { 
color: white; 
font-size: 1em;  
}

.tooltip ul { 
list-style-type: none;
}

/*################## FOOTER ##################*/

#footer {
margin: 0 auto;
width: 960px;
padding: 20px 21px 15px 21px;
font-size: 1.2em;
background: url(../images/shadow-foot.png) no-repeat top center transparent;
text-align: right;
}

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

#footer ul li {
display: inline;
}

#footer ul li a {
font-size: 0.8em;
text-decoration: none;
}

#footer a {
color: #70777a;
padding-left: 10px;
}

#qtranslate-chooser li {
float: left;
}

#qtranslate-chooser li a {
padding-left: 0;
padding-right: 10px;
}