/*  Copyright 2010

    Code by boraacemi.de für BABO Therapie
    Author: Bora Acemi
    Country: Germany
    E-Mail: ba@boraacemi.de
   
---------------------------------------------------------------------------------*/

/*  Modified Eric Meyer’s CSS Reset
---------------------------------------------------------------------------------*/
*{padding:0;margin:0;}
option{padding-left:0.4em;}
html{height:100%;margin-bottom:1px;}
:focus{outline:0;}
fieldset,img{border:none;overflow:hidden;resize:none;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*  Basic Class
---------------------------------------------------------------------------------*/
.hide{display: none;}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{display:inline-table;}
* html .clr{height:1%;}

/*  Generic
---------------------------------------------------------------------------------*/
body {
	color: #333333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.2;
   background-image: url(../images/images/bg2.gif);
   background-repeat: repeat;
}

div#wrapper {
	margin: 0 auto;
	width: 600px;
	height: 100%;
	padding: 0;
	top: 16px;
	position: relative;
}
 
/*  Headline & Paragraph
---------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #000;
}

h1 {
	font-size: 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #58c0dd;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 #ffffff;
}

h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #58c0dd;
	margin-bottom: 6px;
	text-shadow: 0 1px 0 #ffffff;
}

p {
	padding: 0;
	margin-top: 2px;
	margin-bottom: 8px;
}

p img {
	border: none;
}

/*  Links
---------------------------------------------------------------------------------*/
a {
	color: #000;
}

a:hover {
	color: #6cc7dd;
}

a:focus {

}


/*  List
---------------------------------------------------------------------------------*/
/**
 * Unordered list
 */
ul {

}

ul li {
	list-style-image: url(../images/images/li.png);
	list-style-position: inside;
	margin: 10px 0;
}

/*  Formular
---------------------------------------------------------------------------------*/
form {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: -3px;
}
form p {
	overflow: hidden;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
* html form p {
	height: 1%;
}
label {
	display: block;
	float: left;
}
input, textarea {
	width: 220px;
	font-size: 13px;
	color: #999999;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border: 1px solid #DCDCDC;
	float: left;
	margin-right: 10px;
	padding: 3px;
}
input:focus, textarea:focus {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border: 1px solid #6CC7DD;
}
select {
	width: 206px;
}
textarea {
	display: block;
	width: 220px;
	height: 160px;
}
input.submit, input.checkbox {
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}
input.submit {
	width: 175px;
	height: 28px;
	background-image: url(../images/images/senden.jpg);
	background-repeat: no-repeat;
}
input.submit:hover {
	width: 175px;
	height: 28px;
	background-image: url(../images/images/senden_hover.jpg);
	background-repeat: no-repeat;
}

/*  Content Style
---------------------------------------------------------------------------------*/
.logo {
	border: none;
	position: relative;
	padding-left: 10px;
}

#line {
	background-image: url(../images/images/line.gif);
	background-repeat: repeat-x;
}

div#kontaktformular {
	float: left;
}

div#anfahrt {
	float: right;
	border: solid 1px #DCDCDC;
	margin-top: 12px;
	margin-bottom: 25px;
}

div#disclaimer {
	clear: both;
}

.accordion_child a {
	text-decoration: none;
	color: #333333;
}

.accordion_child a:hover {
	text-decoration: none;
	color: #6CC7DD;
}

#basic-accordian {
	border:1px dotted #CCCCCC;
	padding:4px;
	width:600px;
	position:absolute;
	z-index:2;
	margin: 10px auto;
	-webkit-border-radius: 4px;  
 	-moz-border-radius: 4px;  
 	border-radius: 4px;
}

.accordion_headings {
	padding:5px;
	background:#58c0dd;
	color:#FFFFFF;
	border:1px solid #f3f3f3;
	font-weight:normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;  
 	-moz-border-radius: 4px;  
 	border-radius: 4px;
}

.accordion_headings:hover {
	background:#CECECE;
	cursor: move;
}

.accordion_child {
	padding:15px;
	background:#f3f3f3;
}

.accordion_child_sponsoren img {
	text-align: center;
	padding:20px;
	background:#f3f3f3;
	-webkit-border-radius: 10px;  
 	-moz-border-radius: 10px;  
 	border-radius: 10px;
 	margin: 10px;
}

.accordion_child td a {
	text-decoration: none;
}

.header_highlight {
	background:#C0C0C0;
}

.spacer {
	border-top-color: #DDDDDD;
	margin: 20px 0;
	border-top-width: 1px;
	border-top-style: solid;
}

table {
	width: 100%;
}

td img {
	border: 1px solid #58c0dd;
	margin: 4px;
	-webkit-border-radius: 4px;  
 	-moz-border-radius: 4px;  
 	border-radius: 4px;
}

td tr {
	margin: 10px;
}

div#blockquote {
	margin-top: 10px;
	position: relative;
	left: 25px;
}

blockquote {
	background: url(../images/images/zitat_open.png) no-repeat left bottom;
	padding: 0 60px 0 42px;
}

blockquote div {
	padding: 0 22px;
	background: url(../images/images/zitat_close.png) no-repeat right top;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-style: italic;
	line-height: 26px;
}

div#accordion_child .sponsoren img a {
	text-decoration: none;
	border: none;
	margin: 14px;
}

.disclaimer {
	border: 1px solid #DDDDDD;
	width: 100%;
	height: 50px;
	margin: 0px;
}

#ba_logo {
	position: fixed;
	height: 40px;
	width: 40px;
	right: 8px;
	bottom: 8px;
	background-image: url(../images/images/ba_logo.png);
	overflow: hidden;
	background-position: 0px 40px;
	text-decoration: none;
	border: none;
}

#ba_logo:hover {
	position: fixed;
	height: 40px;
	width: 40px;
	right: 8px;
	bottom: 8px;
	background-image: url(../images/images/ba_logo.png);
	overflow: hidden;
	background-position: 0px -80px;
	text-decoration: none;
	border: none;
}

/**
 * Footer
 */
div.footer {
	width: auto;
	height: 18px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 6px 1px 1px 2px;
	color: #FFFFFF;
	margin-right: 1px;
	margin-left: 1px;
	background-color: #ccc;
	margin-top: 1px;
	text-align: center;
	text-shadow: 0 1px 0 #999999;
	-webkit-border-radius: 0px 0px 4px 4px;   
 	-moz-border-radius: 0px 0px 4px 4px;    
 	border-radius: 0px 0px 4px 4px;   
}