/*

Body 

----------------------------------------------------*/

 * {
	margin: 0;
	padding: 5;

} 

 

body {
	margin: 0;
	padding: 0;
	color: #666;
	text-align: center;
	background-color: #FFF;
	background-image: url(../elements/layout/bg2.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 74%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;

}



img { border: none; }



a { text-decoration: none;}



.clear {clear: both; 

	font-size: 1px; 

	float: none;

	height:1px;

	margin-top:-1px;

	line-height: 1px;

}

	

.hide {display: none;}



/*  Interface

----------------------------------------------------*/



#wrap {

	text-align: left;

	margin: 0 auto;

	padding: 0 0 0 7px;

	width: 817px;

	height: 100%;

	background: #FFF url(../elements/layout/bg-wrap.jpg) repeat-x 0 0;

}



#header 	{

	width: 810px;

	height: 100px;

}



#logo 	{

	float: left;

	height: 32px;

	width: 211px;

	padding:0;

	margin-top: 35px;

	margin-right: 15px;

	margin-bottom: 0;

	margin-left: 0;

}



#logo a:link, #logo a:visited, #logo a:active {

	background-image: none;

}



#streifen 	{

	padding: 1px;

	width: 798px;

	height: 205px;

	margin:0;

	border: 5px solid #F0F0F0;

	background-color: #FFF;

}



#main	{

	width: 810px;

	margin-top: 20px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



#sidebar {

	float: left;

	width: 200px;

	height: 400px;

   background: transparent url(../elements/layout/bg-dot-subnav-linesenkrecht.html) no-repeat 100% 40px;

}



#content	{	

	float: left;

	margin: 0 0 0 23px;

	padding: 0;

	width: 580px;	

}



#maincolumnleft {
	float: left;
	width: 455px;
	min-height: 250px;
	background: transparent url(../elements/layout/bg-dot-subnav-linesenkrecht.html) no-repeat 100% 40px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;

}


#popupcolumnleft {
	float: left;
	width: 200px;
	min-height: 350px;
	background-color: #333366;
	padding-top: 10px;
	padding-right: 10px;
	padding-left:10px;
}


#home #maincolumnleft {

	border: 1px solid #fff; border: 1px solid #eaeaea;

	background: none;

}



* html #maincolumnleft { height:230px;} /* IE 5.5 - 6.x */

html + body #maincolumnleft { height:230px; } /* IE 5.0 */



#maincolumnright {
	float: right;
	width: 295px;
	min-height: 250px;
	border: 1px solid #fff;
	background-color: #F0F0F0;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;

}

#popupcolumnright {
	float: left;
	width: 400px;
	min-height: 350px;
	border: none;
	background-color: #333366;
	font-color: #FCFCFC;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#popupcolumnright h1 {
	font-size: 1.2em;
	font-color: #E9D3A2;
}


#maincolumnright ul {
	padding: 0em 1em;
}



#home #maincolumnright {

	border: 1px solid #eaeaea;

	background-color: #F0F0F0;	

	background-color: #F3F3F3;

}



* html #maincolumnright { height:230px;} /* IE 5.5 - 6.x */

html + body #maincolumnright { height:230px; } /* IE 5.0 */



#footer	{

	height: 40px;

	background: url(../elemente/layout/bg-footer.html) repeat-x;

	border-top: 3px solid #eee;

	margin-top: 20px;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

}



#topbar	{	

	display: inline; 

	margin: 0 0px 0px 0;

	float:right;

}



#topbar #oben {

	padding: 0px 10px 0px 2px;

	background:  url(../elemente/layout/uparrow.html) no-repeat 95% 7px;

}



/*  Links 

----------------------------------------------------*/



a:link {

	color: #E4C08F;

	text-decoration: none;

	padding: 0 0 1px 0;

	background: transparent url(../elements/layout/dotted-linie.gif) repeat-x 0 100%;

}



a:visited {

	color: #E4C08F;

	text-decoration: none;

	padding: 0 0 1px 0;

	background: transparent url(../elements/layout/dotted-linie.gif) repeat-x 0 100%;

}



a:hover {

	color: #666;

	text-decoration: none;

	padding: 0 0 1px 0;

	background: transparent url(../elements/layout/dotted-linie.gif) repeat-x 0 100%;

}



a:active {

	color: #E4C08F;

	text-decoration: none;

	border-bottom: 0px solid #FF9933;

	padding: 0 0 1px 0;

	background: transparent url(../elements/layout/dotted-linie.gif) repeat-x 0 100%;

}



#leistungen ul {

	padding: 0px;

	margin: 5px 0 20px 0px;

	background-color: #fff;

	padding: 11px 0 11px 0px;

}



#leistungen li {

	border-bottom: 1px solid #ededed;

	list-style: none;

	background: url(../elemente/layout/pfeil-silber.html) no-repeat 0 0px;

	padding: 2px 10px 11px 30px;

	margin: 9px 0 0 0px;

	line-height: 1.5em;

}



/*  Navigation 

----------------------------------------------------*/



#navigation {

	float: right;

	height: 32px;

	width: 400px;

	padding: 0;

	background: transparent url(../elements/layout/bg-mainnav.gif) no-repeat 0 0;

	margin-top: 40px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



#navigation ul {

	float: left;

	border: 0;	

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#navigation ul li {

	float: left;

	text-align: center;

	margin: 0;

	padding: 0 0 0 30px;

}



#navigation ul li a {

	font: normal 1.1em/28px Lucida Sans, Lucida, Tahoma;

	padding: 7px 0 5px 0;

	margin: 0;

	text-decoration: none;	

	color: #404040;

	letter-spacing: 0.01em;

	text-transform: uppercase;

	background-image: none;

}



#navigation ul li a:hover {

	color: #E4C08F;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E4C08F;

}



/*  Sub Navigation 

----------------------------------------------------*/



.subnav {

	padding: 4px 0;

	margin: 0px 25px 0 19px;

}



.subnav ul {

	border-top: 0px solid #ccc;

	padding: 0;

	margin: 10px 0 0 0;

}



.subnav li {

	border-bottom: 1px solid #ececec;

	list-style: none;

	margin: 0;

}



.subnav li a {

	display: block;

	text-decoration: none;

	padding: 5px 0 5px 21px;

	background: transparent url(../elements/layout/arrow-subnav-up.html) no-repeat 7px 10px;

	font-size: 1em;

	color:#E4C08F;

}



.subnav li a:hover {

	color:#333;

	background: #eee url(../elemente/layout/arrow-subnav-over.html) no-repeat 7px 10px;

	padding: 4px 0 4px 21px;

	margin: 1px 0;

}



.subnav a.selected {

	color:#F66013;

	background: #ececec url(../elemente/layout/arrow2.html) no-repeat 7px 10px;

	padding: 3px 0 3px 21px;

	margin: 1px 0;

	}





/*  Text, Headlines, Listen text-transform: uppercase;

-----------------------------------------------------------------------*/

h1 {

	margin: 0 0 0px 0;

	padding: 0px 0 2px 0px;

	color: #202C52;

	color: #90C84B;

	border-left: 0px solid #ddd;

	font-family: "Trebuchet MS", "Lucida Sans", Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 24px;

	font-weight: normal;

	font-variant: normal;

}



#home h1 {

	border-bottom: 0px solid #ddd;

}



h2, h3 {color: #90C84B;

	padding: 0px 0 2px 0px;

	margin: 0;

	font: normal 18px/24px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;

}



#sidebar h3 {	

	color: #90C84B; 

	padding: 0 0 5px 10px;

	margin: 0 25px 5px 18px;

	font: normal 18px/24px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;

	border-bottom: 3px solid #ddd;

}



h4 {	

	color: #FF9933;	color: #90C84B;color: #666;

	margin: 10px 0 10px 0;

	padding: 0 0 3px 30px;

	font: bold 15px/24px Trebuchet MS, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;

	border-bottom: 0px solid #292929;

	background: url(../elemente/layout/pfeil-silber.html) no-repeat 0 0px;

	border-bottom: 1px solid #ddd;

}



p {color: #404040;

	font-size: 1.0em;	

	line-height: 1.6em;

	margin: 0 8px 15px 0;

	padding: 0;

}



.linkitem {

	line-height: 1.8em;

	margin:0;

	padding:0 0 0 10px;

	background: transparent url(../elements/layout/arrow-subnav-up.html) no-repeat 2px 8px;

	border-bottom: 0px solid #eee;

}



#footer p {

	font-size: 1.0em;	

	line-height: 1.8em;

	margin: 0;

	padding: 0;

}



i {font-style: italic;

	color: #776655;

}



b, strong {	

	font-weight: bold;

	color: #444;

}

.color {

	color: #bbb;

}



.new	{

	float: left;

	width: 253px;

	height: 100px;

	margin: 0;

	padding: 10px 0 0 0;

	background: transparent url(../elements/layout/arrow-subnav-up.html) no-repeat 5px 5px;

}

.red {

	color: #AF0024;font-size: 1.0em;

}



/*  Bilder

-----------------------------------------------------------------------*/ 



.img-shadow {

	border:0px solid #ccc;

	padding:12px;

	display: block;

	background: transparent url(../elements/layout/bg-shadow.gif) no-repeat -0px -0px;

}



.img-border {

	border: 3px solid #EEE;

	padding:1px;

	margin:0;	

}



.rightalign {

	float: right;

	margin: 0px 0 0 7px;

}



.leftalign {

	float: left;

	margin: 5px 12px 5px 0;

}

 

 /*  Form

-----------------------------------------------------------------------*/ 

label

{

width: 5em;

float: left;

text-align: right;

margin-right: 0.7em;

display: block

}



.submit input

{

margin-left: 5.7em;

} 



input

{

color: #781351;

background: #fee3ad;

border: 1px solid #781351

}



.submit input

{

	color: #E4C08F;

	border: 2px outset #F3F3F3;

	background-color: #202C52;

} 



fieldset

{

border: 1px solid #781351;

width: 20em

}



legend

{

color: #fff;

background: #ffa20c;

border: 1px solid #781351;

padding: 2px 6px

} 



 /*  Start Lightbox

-----------------------------------------------------------------------*/ 

.thumbnail{

	background-color: #FFFFFF;

	border: 1px solid #2a2a2a;

	float: left;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 5px;

	padding-left: 3px;

	margin-right: 10px;

	background-position: center;

	}	
.tablewithborder {
	padding: 5px;
}