/* INITIAL RESET */
*			{	margin:0;	}
body		{	margin:0;	}
ol, ul 		{	list-style: none;	padding:0; margin:0;}
blockquote,	{	quotes: none;	}
ins 		{	text-decoration: none;	}
del 		{	text-decoration: line-through;	}
table 		{	border-collapse: collapse;	border-spacing: 0;	}
a			{	text-decoration: none;	color:#000;	}
a img		{	border:0;	}
p			{	line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px;	margin-bottom:20px;}
em			{	font: 16px/24px 'CartoGothicStdItalic', Arial, sans-serif; letter-spacing: 0; line-height:20px; }

/* HEADINGS */

h3 	{	margin:0 0 15px 0;	font-weight:bold; color:#000; font: 16px/24px 'CartoGothicStdBold', Arial, sans-serif; letter-spacing: 0; line-height:20px; }
h4 	{	margin:0 0 15px 0;	color:#000;font: 14px/22px 'CartoGothicStdBold', Arial, sans-serif; letter-spacing: 0; line-height:20px;}
hr 	{	display:block; clear:both; margin:20px; border:1px solid #ccc;}

/* STYLING BEGINNT HIER */

body				{	background:url(pics/page_bkg.png) repeat-x top; margin:0; padding:0;	}
#second				{	background:url(pics/page_second_bkg.png) repeat-x top; margin:0; padding:0;	}
#page-wrap			{	width:960px; padding:0; margin:0 auto;	overflow:hidden;}

/* HEADER */
#header				{	height:92px; width:960px; background:url(pics/header_bkg.jpg) no-repeat right top; margin:0 0 0 0; padding:0 0 0 0;	}
#second #header 	{	height:92px; width:960px; background:none; margin:0 0 0 0; padding:0 0 0 0;		}

/* SLOGAN */
#home #slogan		{	width:960px; height:190px; background:url(pics/slogan_bkg.jpg) no-repeat right top; margin:0 0 0 0; padding:40px 0 0 0;}
#second #slogan		{	width:960px; height:75px; margin:25px 0 0 0; padding:0;	}
#slogan h1			{	color:#fff; font: 42px/44px Tahoma, 'CartoGothicStdBold', Arial, sans-serif; letter-spacing: 0; margin:0 0 10px 0; font-weight:bold;	}
#second #slogan	 h1	{	color:#fff; font: 38px/40px 'CartoGothicStdBold', Arial, sans-serif;letter-spacing: 0; padding:5px 0 0 0; margin:0 0 0 0; font-weight:bold;	}
#slogan h2			{	color:#fff; font: 24px/32px 'CartoGothicStdBook', Arial, sans-serif; letter-spacing: 0; margin:0; width:600px;	}
#anmelden			{	float:right; margin:5px 0 0 0;	}

#einleitung			{	font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; margin:0 0 40px 0;	}
#logo				{	position:absolute; top:20px;	}


.box				{	background:#f3f3f3; border:1px solid #dddddd; margin:0 0 30px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.box h4				{	height:24px; background:#eeeeee url(pics/bkg_box_h4.png) repeat-x top left; margin:0; padding:9px 10px 3px 10px;	font-size:14px;	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.box p				{	margin:0 0 0 0;	padding: 5px 10px 5px 10px; color:#606060;	}
.box ul	li			{	background:url(pics/bullet.png) left center no-repeat; color:#606060; font-size:12px; padding:0 0 0 30px; margin:0 0 10px 15px;	}
.box ul				{	padding:20px 15px 10px 3px; }
.arrow				{	background:url(pics/arrow.png) left center no-repeat!important; color:#606060; font-size:12px; padding:0 0 0 30px; margin:0 0 10px 15px;	}
.box form			{	padding:20px;	}
#home .content-box img	{	float:left; padding:0 15px 0 0;	}


#footer				{	height: 20px; border-top:1px solid #ccc; margin:20px 0 10px 0; padding:15px 0 0 0; color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; clear:both; }
#footer	ul			{	padding:0; margin:0;	}
#footer li			{	margin:0 18px 0 0; padding:0; float:left;}
#footer a			{	color:#999;	}
#footer a:hover		{	color:#46ad32;	}


/* FORM */

label				{	color:#666; }
#feld1, #feld2		{	border:1px solid #ccc; margin:0; background-color:#fff; padding: 5px; width: 258px; margin:5px 0 15px 0;	}
.small			{	font-size:10px; color:#46ad32; text-decoration:underline;	}


/* VERGLEICHSTABELLE */

#vergleich			{	background:#fff; margin:0; font-size:12px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333;	}
#table-einleitung	{	border:1px solid #ccc; font-weight:bold; height:24px; background: #fefefe; font-size:14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

table a,
table a:link,
table a:visited 	{	border:none;	}			
table 				{	width:620px; border-top:1px solid #cecece; border-right:1px solid #cecece; margin:1em auto; border-collapse:collapse;	}
caption 			{	color: #666; font-size:12px; letter-spacing:.1em; padding:0; margin:0 0 0 0; margin-bottom:0; caption-side:top; text-align:left;	}	
tr.odd td,
tr.odd .column1 	{	background:#eeeeee url(pics/bkg_box_h4.png) repeat-x top left;	}	
td 					{	color:#666; border-bottom: 1px solid #cecece; border-left:1px solid #cecece; padding:.3em 1em; text-align:center;	}				
th 					{	font-weight:normal;	color: #000; text-align:left; border-bottom: 1px solid #cecece;	border-left:1px solid #cecece;	padding:.3em 1em;	}	
thead th 			{	font-size:14px; font-weight:bold; margin:.5em .5em .5em 0; color:#46ad32; text-align:center; background:#eeeeee url(pics/bkg_box_h4.png) repeat-x top left; color:#46ad32	}				
tfoot th 			{	background:#eeeeee url(pics/bkg_box_h4.png) repeat-x top left;	text-align:center;	}	
tfoot th strong 	{	font:bold 1.2em; margin:.5em .5em .5em 0; color:#46ad32;	}		
tfoot th em 		{	color:#000;	font-weight: bold;	font-size: 1.1em;	font-style: normal;		}
.column1			{	width:150px; border-left: 1px solid #ccc;	}
.erste				{	width:150px; background:#fff;; border:1px solid #ccc; }


/* NAVIGATION */

#main-navi				{	width:710px; margin:0 0 0 0; float:right;}
#navigation				{	color:#fff; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;	}
#navigation li			{	float:left; margin: 40px 40px 0 0; color:#fff;	}
#navigation li a 		{	color:#fff;	}
#navigation li a:hover 	{	color:#46ad32; /*background:url(pics/pfeil2.gif) bottom no-repeat;*/ padding-bottom:18px;	}

#sub-navi				{
	clear:both;
	height:27px;
	width:1000px;
	margin:0 0 0 0;
	padding:0;
}
#sub					{	width:1000px; font-size:12px;  font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:8px 0 0 0;}
#sub li					{
	margin:0 10px 0 0;
	float:left;
	background:url(pics/navi-trenner.gif) no-repeat right top;
}
#sub li	a				{
	padding-top:0px;
	margin:0 15px 0 0;
	float:left;
	color:#333;
	
}
#sub li a:hover 		{
	color:#fff;
	background:none;
}
.active				 	{	color:#46ad32!important; /*background:url(pics/pfeil2.gif) bottom no-repeat;*/ padding-bottom:18px;}
.subactive				{
	color:#ffffff!important;
	background:none;
	padding-top:0px;
	font-weight:normal;
	
}
/* .active, .firstnav		{	background-position:37px 23px;	} */

/* MAIN CONTENT */

#content-wrap	{	padding:40px 0 0 0; margin:0 0 0 0; width:960px;}
#right 			{	width:620px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; clear:both; font-size:12px; color:#606060; float:left;	}
#right h2 		{	font: 24px/32px 'CartoGothicStdBook', Arial, sans-serif; letter-spacing: 0;	color:#000; margin:0 0 20px 0;	}
#right a		{	color:#3285ae; text-decoration:underline;	}
#right a:hover	{	color:#3da632; text-decoration:underline;	}
#right .content-box		{	width:300px; float:left; margin:0 10px 40px 0; line-height: 12px;	}

#side-bar		{	width:310px; margin:0 0 0 0;  float:right;	}
.portrait-img	{	float:left; padding:0 25px 0 0;}


/* CONTENT OHNE SIDEBAR */
#right2 			{	width:960px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; clear:both; font-size:12px; color:#606060; float:left;	}
#right2 h2 		{	font: 24px/32px 'CartoGothicStdBook', Arial, sans-serif; letter-spacing: 0;	color:#000; margin:0 0 20px 0;	}
#right2 a		{	color:#3285ae; text-decoration:underline;	}
#right2 a:hover	{	color:#3da632; text-decoration:underline;	}
#right2 .content-box		{	width:300px; float:left; margin:0 15px 40px 0; line-height: 12px;	}	
		
/* --------- Forms sind hier festgehalten ---------- */

#kontakt form 	{	margin:30px 0 20px 0;	}			
#kontakt form br {	clear:none;}
#kontakt .button	{	background-color: #f5f5f5; border:1px solid #ccc; margin:0;	}
textarea, input, select { font-weight:normal; font-size: 14px; color:#444; border:1px solid #ccc; padding:5px; margin-bottom:10px; }
textarea {font-family:Arial, Courier; font-weight:normal; font-size: 14px; color:#444; width:450px; height:150px; margin-bottom:20px; }
input:focus, input:hover, textarea:focus, textarea:hover { border: 1px solid #2A2D31; }

		
