/* Standard-CSS for www.lovo.cc */

/* colors
logo.hellgr�n   = #99CC67
logo.dunkelgr�n = #329900
logo.orange     = #FFCC00
 
background.orange    = #F9EAAF
background.gr�n      = #BDE5A7
background.hell.gr�n = #F5FFE7
background.grau      = #DDDDDD

error = #FE0032
*/

/* the basics */
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	background-color: #FFF;
}
body.hide {
	display: none;
}

#hidden {
	display: none;
}


body.small
{
	font-size: 11px;
	line-height: 13px;
}

body.large
{
	font-size: 13px;
	line-height: 17px;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* normal links have a small arrow inserted before the text */
a {
	background-image: url(../img/link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	text-decoration: none;
	color: #329900;
}

/* color change when hovering */
a:hover {
		color: #99CC67;
		text-decoration: underline;
}

input.submit {
	border: 3px outset #F0D32E;
	background-color: #FFCC00;
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
}

/* ie doesn't respect min-width :-( */
table#iebug {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

/* container wraps the whole page */
#container {
	position: relative;
	margin: 0;
	border: 1px solid white;
	padding: 0;
	z-index:2;
	min-width: 820px;
	max-width: 960px;
	width:expression(document.body.clientWidth > 960? "960px": "auto");  /* hack for ie max-width */
}

body.small #container {
	min-width: 620px;
	max-width: 760px;
	width:expression(document.body.clientWidth > 760? "760px": "auto");  /* hack for ie max-width */
}

body.large #container {
	min-width: 1020px;
	max-width: 1160px;
	width:expression(document.body.clientWidth > 1160? "1160px": "auto");  /* hack for ie max-width */
}

#footer ul {
	border-top: 1px solid #99CC67;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
}

#footer li {
	display: inline;
}

/* div.border displays the content box */
div.border {
	margin: 1px 10px 10px 0px;
}

.border {
  background:transparent; 
}
  
.border .bt1, .border .bt2, .border .bt3, .border .bt4, .border .bt5, .border .bt6, .border .bt7, .border .bt8, .border .bt9, .border .bt10,
.border .bb1, .border .bb2, .border .bb3, .border .bb4, .border .bb5, .border .bb6, .border .bb7, .border .bb8, .border .bb9, .border .bb10 {
  display:block; 
  overflow:hidden; 
  height:1px;
  font-size:1px;
  }
.border .bt2, .border .bt3, .border .bt4, .border .bt5, .border .bt6, .border .bt7, .border .bt8, .border .bt9, .border .bt10,
.border .bb1, .border .bb2, .border .bb3, .border .bb4, .border .bb5, .border .bb6, .border .bb7, .border .bb8, .border .bb9 {
  background:; 
  border-left:1px solid #99CC67; 
  border-right:1px solid #99CC67;
  }
.border .bt1 {
  margin:0 9px 0 0; 
  background:#99CC67;
  }
.border .bt2 {
  margin:0 8px 0 0; 
  }
.border .bt3 {
  margin:0 7px 0 0;
  }
.border .bt4 {
  margin:0 6px 0 0;
  }
.border .bt5 {
  margin:0 5px 0 0;
  }
.border .bt6 {
  margin:0 4px 0 0;
  }
.border .bt7 {
  margin:0 3px 0 0;
  }
.border .bt8 {
  margin:0 2px 0 0;
  }
.border .bt9 {
  margin:0 1px 0 0;
  }
.border .bt10 {
  margin:0; 
  border-width:0 1px;
  }
.border .bb1 {
  margin:0; 
  border-width: 0 1px;
  }
.border .bb2 {
  margin:0 0 0 1px; 
  }
.border .bb3 {
  margin:0 0 0 2px;
  }
.border .bb4 {
  margin:0 0 0 3px;
  }
.border .bb5 {
  margin:0 0 0 4px;
  }
.border .bb6 {
  margin:0 0 0 5px;
  }
.border .bb7 {
  margin:0 0 0 6px;
  }
.border .bb8 {
  margin:0 0 0 7px;
  }
.border .bb9 {
  margin:0 0 0 8px;
  }
.border .bb10 {
  margin:0 0 0 9px; 
  background:#99CC67;
  }

span.normal {
	font-weight: normal;
	font-size: 12px;
}

body.small span.normal {
	font-size: 11px;
}

body.large span.normal {
	font-size: 13px;
}

/* the right column */
#right {
	float: right;
	position: relative;
	width: 175px;
	margin-right: -175px;
	margin-top: 3px;
	display: inline;
}

body.small #right {
	width: 150px;
	margin-right: -150px;
}

body.large #right {
	width: 200px;
	margin-right: -200px;
}

#right #headlinetop {
	display: block;
	height: 8px;
	width: 175px;
	background-color: #99CC67;
	border-bottom: 1px solid #329900;
	font-size: 1px;
}

body.small #right #headlinetop {
	width: 150px;
}

body.large #right #headlinetop {
	width: 200px;
}

#right #headlinebottom {
	display: block;
	height: 8px;
	width: 175px;
	background-color: #FFCC00;
	border-top: 1px solid #329900;	
	border-bottom: 1px solid white;	
	font-size: 1px;
}

body.small #right #headlinebottom {
	width: 150px;
}

body.large #right #headlinebottom {
	width: 200px;
}


#right h1 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 1px 0;
	margin: 0;
	text-align: center;
	color: black;
}

/* different wrappers for different background colors */
.wrapper1 {
	background-color: #F9EAAF;
}
.wrapper2 {
	background-color: #BDE5A7;
}
.wrapper3 {
	background-color: #DDDDDD;
}
.infobox {
	padding: 0 0 5px 0;
	margin: 0 0 2px 0;
	position: relative;
}
.infobox img {
	float: left;
	display: inline;
	margin: 2px 0 0 2px;
	padding: 0;
}

.infobox img.content {
	float: none;
	padding-left:5px;
}

body.small .infobox img {
	margin: 0;
}

body.large .infobox img {
	margin: 2px 0 0 4px;
}

#right .infobox h2 {
	font-size: 1.2em;
	margin: 0em 0 0em 25px;
	border-top: 3px double #329900;
	border-bottom: 3px double #329900;
	padding: 0.1em 0 0.1em 0;
	color: #329900;
}

#right .infobox h2 a {
	background-image: none;
	padding-left: 0;
}

#right .infobox h2 a:hover {
	text-decoration: none;
}
#right .infobox p {
	margin: 5px 5px 5px 5px;
	line-height: 120%;
}

#right .infobox p img {
	padding: 5px 0;
}

#global_error {
	position: relative;
	background-color: #FE0032;
	color: white;
	padding: 5px 5px 5px 45px;
	font-weight: bold;
	background-image: url(../img/fragezeichen.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: -10px;
}

#form #global_error p {
	padding: 0;
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

a.no_deco {
	background-image: none;
	padding: 0;
	margin: 0;
}

a.no_deco img {
	border: none;
	margin: 0;
	padding: 0;
}

h1#error {
  display:block;
  background-image: url(../img/error.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left:45px;
  padding-top:15px;
  height:40px;
  
}

a.button {
	border: 3px outset #F0D32E;
	background-color: #FFCC00;
	background-image:none;
	font-size: 11px;
	font-weight: bold;
	color:black;
	padding:2px;
	padding-left:4px;
	padding-right:7px;
	cursor:pointer;
}

a.button:hover {
	text-decoration:none
}