/*******************************************************************************
 *******************************************************************************
 *screen-css pflegepartner.at
 *matthias wagner,
 *falke werbeagentur
 *
 *orange:   #EC6502
 *blau:     #004A87
 *grau:     #72706F
 *
 *
 *
 *******************************************************************************
*******************************************************************************/

/*******************************************************************************
 *******************************************************************************
 *sticky footer
 *http://www.cssstickyfooter.com/
 *******************************************************************************
*******************************************************************************/
* {margin:0;padding:0;}

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 70px;}  /* must be same height as the footer */

#footer {position: relative;
	margin: -67px auto 0px auto; /* negative value of footer height */
	height: 230px;
	padding-top:0px;
	clear:both;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*******************************************************************************
 *******************************************************************************
 *standard margins
 *http://www.edition-w3.de/TR/1998/REC-CSS2-19980512/an_a.html
 *******************************************************************************
*******************************************************************************/
H1              { margin: .67em 0 }
H2              { margin: .83em 0 }
H3              { margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { margin: 1.67em 0 }
H6              { margin: 2.33em 0 }

/*******************************************************************************
 *******************************************************************************
 *general
 *******************************************************************************
*******************************************************************************/
body{
  font-family:Verdana, Arial, "Sans-Serif";
  font-size:12px;
  color:#72706F;

  background-image: url(../hp_pics/verlauf_bg.png);
  background-repeat:repeat-x;
  background-position: bottom;
  background-attachment: fixed;
}
a{
  color:#004A87;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
a img{
  border:none;
}
h1{
  font-family: 'Della Respira', serif;
  font-size:20px;
  color:#EC6502;
}
h2{
  font-family: 'Della Respira', serif;
  font-size:17px;
  color:#EC6502;
}
h3{
  font-family: 'Della Respira', serif;
  font-size:15px;
  color:#EC6502;
}
h4{
  font-family: 'Della Respira', serif;
  font-size:12px;
  color:#EC6502;
}
#content ul{
  margin-left:35px;
}
#content a{
  color:#72706F;
}

/*******************************************************************************
 *******************************************************************************
 *classes
 *******************************************************************************
*******************************************************************************/
.clearer{
  clear:both;
}
.hidden{
  display:none;
}
.bold{
  font-weight:bold;
}
.floatleft{
  float:left;
}
#footer .floatleft{
  min-width: 250px;
}
#header_right{
  float:right;
  text-align:right;
}
.spruch{
  font-family: 'Della Respira', serif;
  font-size:12px;

  border:2px solid #004A87;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.spruchtop{
  display:block;
  text-align:left;
  padding-top:15px;
  letter-spacing:-1px;
  margin-right:5px;
  font-size:12px;
}
#content a.buttonInline{
  border:2px solid #004A87;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  background-color:#EC6502;
  color:#004A87;
  text-decoration:none;
  line-height:1.5em;
  font-size:12px;
  display:inline-block;

  padding:10px;
}
.buttonInline:hover{
  -moz-box-shadow: 0 0 15px #555;
  -webkit-box-shadow: 0 0 15px #555;
  box-shadow: 0 0 15px #555;

  background-color:#DC5500;
}
.button{
  border:2px solid #004A87;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  background-color:#EC6502;
}
.button:hover{
  -moz-box-shadow: 0 0 15px #555;
  -webkit-box-shadow: 0 0 15px #555;
  box-shadow: 0 0 15px #555;

  background-color:#DC5500;
}
.button a{
  text-decoration:none;
  line-height:1.5em;
  font-size:12px;
  display:block;

  padding:20px 0px;
}
.blau{
  color:#004A87;
}
a.nohover{
  text-decoration:none;
}
a.nohover:hover{
  text-decoration:none;
}

/*******************************************************************************
 *******************************************************************************
 *alignment
 *******************************************************************************
*******************************************************************************/
#wrap{
 background-color:#fff;
 width:942px;
 margin:0px auto;
}
#orange_top{
  position:fixed;
  top:0px;
  left:0px;
  height:15px;
  width:100%;
  background-color:#EC6502;
  z-index:100;
}
#spacer_top{
  height:15px;
  width:942px;
  background-color:#fff;
}
#footer{
  width:990px;

  background-image: url(../hp_pics/footer.png);
  background-repeat:no-repeat;

  color:#fff;
  font-size:11px;
}
#footer div{
  padding:7px 0px 0px 25px;
}
#footer a{
  color:#fff;
  text-decoration:none;
}
#footer a:hover{
  text-decoration:underline;
}
#header{
  width:942px;
  margin:-0px auto;

  background-color:#fff;
}
#header #logo{
  margin-top:50px;
  margin-right:5px;
}
#randompic{
  width:478px;
  height:257px;
  margin-left:25px;
}
#shadow_stripe{
  position:absolute;

  top:268px;
  left:50%;
  margin-left:-575px;

  width:1150px;
  height:5px;

  background-image: url(../hp_pics/stripe_shadow.png);
  background-repeat:repeat-x;
  background-position: bottom;

}
#main{
  width:942px;
	min-height: 700px;
  margin:0px auto;
  background-color:#fff;
}

#content{
  width:510px;
  float:left;

  margin:15px 0px 0px 35px;

  text-align:justify;
}

#content_right{
  width:116px;
  float:right;
  margin:35px 30px 0px 0px;

  padding-top:30px;

  color:#004A87;
  font-size:10px;
  text-align:center;
}
#content_right img{

}
.feedback{
  margin-left:25px;
  margin-top:10px;
  border-top:1px dotted #72706F;
  padding-top:10px;
}
.feedback q{
  font-style:italic;
}
#imgradiushelper{
  border:0px solid #004A87;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow:hidden;
  margin-top:30px;
}
#leftContainer{
  float:left;
  width:217px;

}
#newsLeft{
  padding:12px;
}


/*******************************************************************************
 *******************************************************************************
 *menu      s
 *******************************************************************************
*******************************************************************************/
.mainMenu{
  list-style-type:none;
  margin:25px 0px 0px -25px;
	position: absolute;
	background-color: #fff;
  padding-top:20px;

  width:232px;

  text-align:right;

  font-size:12px;

  -moz-box-shadow: 0 0 15px #888;
  -webkit-box-shadow: 0 0 15px #888;
  box-shadow: 0 0 15px #888;

  border:1px solid #ccc;
}
.mainMenu li{
  margin:10px 0px 10px 0px;
  padding:11px 10px 10px 0px;
}
.mainMenu li img{
  margin:0px 0px 0px -10px;
}
.mainMenu li a{
  text-decoration:none;
  vertical-align:0%;
}
.mainMenu li a:hover{
  color:#EC6502;
}

.mainMenu li.active{
  background-image: url(../hp_pics/menu_overlay.png?20191107);
  background-repeat:no-repeat;
  height:32px;
  width:232px;

  margin-left:-15px;
  margin-top:-15px;
  padding:21px 25px 0px 5px;
}
.mainMenu li.active a{
  color:#fff;
  vertical-align:20%;
}

.lpMenu{
  list-style-type:none;
  margin:5px 0px 0px 0px;
  padding:0px;
}
.stdMenu{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.lpMenu li, .stdMenu li{
  margin:0px;
  padding:0px;
}
.lpMenu li a, .stdMenu li a{
  color:#fff;
}

/*******************************************************************************
 *******************************************************************************
 *news
 *******************************************************************************
*******************************************************************************/
.newsThumb{
  margin:3px;
  float:left;
}
.newsThumb img{
  height:75px;
}

/*******************************************************************************
 *******************************************************************************
 *referenzen
 *******************************************************************************
*******************************************************************************/
#swapForm span{
  vertical-align:25%;
}
#swapForm a{
  text-decoration:none;
  font-weight:bold;
  padding:5px;
  margin-left:20px;
}
#swapForm a:hover{
  text-decoration:underline;
}
#swapForm{
  margin-bottom:35px;
}
#swapImage{
  height:16px;
}
#guestbook{
  background-color:#ccc;
  border:1px solid #777;
  padding:15px;
}
.gb_left{
  display:inline-block;
  width:150px;
}


/*******************************************************************************
 *******************************************************************************
 *falkelink
 *******************************************************************************
*******************************************************************************/
.falkelink{
  position:fixed;
  right:5px;
  bottom:5px;
  text-align:right;
  color:#666;
  font-size:10px;
}
.falkelink a{
  color:#666;
  text-decoration:underline;
}
