/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/bg_tail.jpg) repeat top center;
	text-align:center;
}
.hintergrund_unten{
	background:#FFFFFF url(images/bg_tail.jpg) repeat top center;
	background-position: 5000px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.right1 {float:right; padding-right:100px; width: 350px; margin-top:12px}

.clear  { clear:both;}


textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		color:#3a3a3a;
	}


input
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		color:#3a3a3a;
	}


html
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		color:#3a3a3a;
	}

select { vertical-align:middle; font-weight:normal;}

input { vertical-align:middle; font-weight:normal;}

a {color:#fff; outline:none;}
a:hover{text-decoration:none;}
p {padding-bottom:15px;}

h1 {
	font-size: 36px;
	color: #2aa6a6;
	line-height: 1.2em;
	letter-spacing: 0px;
}
h1.light {
	color: #b2e3b6;
	font-size: 24px;
	padding-top: -15px;
	letter-spacing: 1px;
}
h2 {
	font-size:18px; 
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:37px 0 27px;
	}
h3 {
	font-size:18px; 
	color:#30929f;
	padding:11px 0 14px;
	font-weight:normal;
	}
h4 {
	font-size:24px; 
	color:#fff;
	text-transform:uppercase;
	line-height:1.2em;
	padding-bottom:8px;}
h5 {
	font-size: 15px;
	color: #ffdd00;
	line-height: 1.2em;
	padding-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h6 {font-size:13px; color:#3a3a3a;
	line-height:1.2em; font-weight:bold;}
/* ============================= main layout ====================== 
li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#B6BDC3;}*/
.bg_tail {background:url(images/bg_bottom_tail.jpg) repeat-x bottom center; padding:28px 0 0;}


.imgindent {margin:0 30px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header li {display:inline;}
#header a {text-decoration:none;}
#header .right {color:#6a6a6a; padding:8px 0 10px;}
#header .right a {color:#6a6a6a; margin:0 13px 0 7px; font-size:10px; text-transform:uppercase; line-height:24px; display: inline-block;}
#header .right a.rss 
{background:url(images/rss.gif) no-repeat right center; 
padding-right:24px; 
line-height:24px;
margin:0 12px 0 7px;}
#header .right a:hover {color:#3A3A3A;}

.logo {padding:0 0 14px 15px;}
.menu {background:url(images/menu_bg.jpg) no-repeat top center; padding:0 0 4px 10px;}
.menu li {
	background:url(images/menu_li_bg.gif) no-repeat center right; 
	line-height:60px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
.norm	li {
	background:url(images/menu_li_bg.gif) no-repeat center right; 
	line-height:60px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
	
.menu li.last {background:none;}
.menu li a {color:#f7f7f7; font-size:15px; margin:0 21px 0 17px; text-transform:capitalize;}
#header .menu li a:hover {text-decoration:underline;}
#header .menu li .active:hover {color:#b2e3b6; cursor:default; text-decoration:none;}

.menu li a.active {color:#b2e3b6; cursor:default; text-decoration:none;}

.header_row{ margin-right:2px; background:url(images/frau-klein.png) no-repeat top right;}
.slogan {height: 170px; padding:15px 0px 0px 42px;}
.slogan p {color:#3c3c3c; line-height:18px; padding:8px 3px 12px; font-size:14px;}

#header .btn {
	color:#fff; 
	text-transform:uppercase; font-weight:bold;
	display:block;
	width:99px;
	line-height:33px;
	text-align:center;
	font-size:12px;
	
	}
.slogan .btn {
	background:url(images/slogan_btn.gif) no-repeat top center;
	margin-left:3px;
	padding-top: 80px;
	}
.slogan .btn:hover {color:#2aa6a6; background-position: bottom;}
.banners {padding:0 0 21px; overflow:hidden;}
#header .banners .btn:hover {text-decoration: underline;}
.banners div {float:left;min-height:230px; height: auto !important; height:230px; }
.banners p {padding:0 1px 18px; color:#fff; font-size:14px; line-height:19px;}
.banner1 {
	padding: 0 24px 24px;
	width: 195px;
	background: #267580;
}
.banner1 .btn {background:url(images/btn_banner1.gif) no-repeat top center;}
.banner2{
	padding: 0 26px 24px 20px;
	width: 195px;
	background: #228484;
}
.banner2 .btn {background:url(images/btn_banner2.gif) no-repeat top center;}
.banner3{
	padding: 0 27px 24px 20px;
	width: 195px;
	background: #439E8E;
}
.banner3 .btn {background:url(images/btn_banner3.gif) no-repeat top center;}
.banner4{
	padding: 0 22px 24px;
	width: 195px;
	background: #45BA51;
}
.banner4 .btn {background:url(images/btn_banner4.gif) no-repeat top center;}
#page3 .banner3 {padding-right:15px;width:207px;}
/* ============================= content ====================== */
#content {padding:0 0 30px;}
#content1 {padding:0 0 10px;}

#page1 #content {padding:25px 0 0;}

#content ul {padding-bottom:20px;}
#content li {line-height:25px; padding-left:20px;}
.col li a {color:#fff;}
.col li { background:url(images/marker.gif) no-repeat left center; position:relative;}
.colspan li a{color:#3a3a3a;}
.colspan li { background:url(images/marker_black.gif) no-repeat left center;}
/*blocks*/ 
.blocks {padding:0 0 30px 62px; width:242px;}
.blocks p {padding-left:1px;}
.blocks h6 {padding:14px 0 15px;}
/*
.block1 {background:url(images/page1_icon1.png) no-repeat top left;}
.block2 {background:url(images/page1_icon2.png) no-repeat top left;}
.block3 {background:url(images/page1_icon3.png) no-repeat top left;}
.block4 {background:url(images/page1_icon4.png) no-repeat top left;}
.block5 {background:url(images/page1_icon5.png) no-repeat top left;}
.block6 {background:url(images/page1_icon6.png) no-repeat top left;}

*/





.comment {
	background:url(images/page1_green_block_bg.png) no-repeat top left;
	color:#fff;
	padding:22px 25px 40px 20px;
	}
.comment1 {
	background:url(images/gruen.png) no-repeat top left;
	color:#fff;
	padding:22px 25px 40px 20px;
	}

.comment p{line-height:17px;}
.comment h3 {padding:43px 0 0 17px;}
.comment span {color:#474c4c; font-size:12px;}

#page1 .black {
	padding:20px 0 27px 25px;
	background:url(images/page1_black_block_bg.png) no-repeat top left;}
#page1 .black .btn span span{width:162px; text-align:center;}
#page4 .row1 {margin:0 0 19px;}
#page5 .colspan p {padding-bottom:20px;}
#page4 .colspan p {padding-bottom:20px;}
.black {background:url(images/black_bg.png) no-repeat top left;
	padding:20px 30px 30px 18px;}
.black h4 {letter-spacing:-1px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
.black p {color:#fff; font-size:12px; line-height:17px;}
/*buttons*/
#content a.btn {
	background:url(images/btn_right.png) no-repeat right bottom;
	display:inline-block;
	font-size:11px;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding-right:11px;
}
#content a.btn span{
	background:url(images/btn_left.png) no-repeat left bottom;
	color:#5d6363;
	display:inline-block;
	padding-left:11px;
}
#content a.btn span span{
	background:url(images/btn_tail.png) repeat-x bottom center;
	padding:0 9px;
	cursor:pointer;
}

#content a.btn:hover {
	background:url(images/btn_right.png) no-repeat right top;
	display:inline-block;
}

#content .btn:hover span  {background:url(images/btn_left.png) no-repeat top left;}
#content .btn:hover span span{
	background:url(images/btn_tail.png) repeat-x top center;
	color:#3a3a3a;
	display:inline-block;
}
* html #content a.btn:hover {background:url(images/btn_right.png) no-repeat right bottom;}
*:first-child+html #content a.btn:hover {background:url(images/btn_right.png) no-repeat right bottom;}
.row2 {margin-top:5px;}

/*phone*/
.phone {padding:0;}
.phone span {display:inline-block; width:80px; font-weight:normal;}
#page6 .black {padding:20px 26px 39px 18px;}
/*twitter*/

.twitted {
	width:160px;
	position:relative;
	margin-top:-8px;
	height:188px;
	background:url(images/twitter_img.png) no-repeat 0 8px;
	padding:0 0 0 83px;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
	float:none;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(images/loader.gif) 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	list-style-type: none;
}


			.twitted ul#twitter_update_list li div div div.min-height {
				min-height:78px;
				height:78px;
			}
				.twitted ul#twitter_update_list li div div div div {
					background:none;
					/*padding:15px 38px 15px 19px;*/
					padding:5px 0 0;
					line-height:19px;
					font-size:13px;
				}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #2aa6a6;
}
.twitted ul#twitter_update_list li a {
	/* timestamp link */
	text-decoration:none;
	font-size:11px;
	color:#2aa6a6;
}
.twitted ul#twitter_update_list li span a {font-size:13px;
	color:#2aa6a6;}
.twitted ul#twitter_update_list li a:hover {
	text-decoration:underline;
}

.twitted ul#twitter_update_list li.firstTweet {
}

#content .twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
	padding:0;
}

.twitted p.profileLink {
	display: block;
	position:absolute;
	width:100px;
	height:50px;
	margin:0;
	left:79px;
	top:120px;
}
	.twitted p.profileLink a {
		width:100px;
		height:30px;
		display:block;
		background:url(images/twitter_btn.jpg) no-repeat left bottom;
		margin:10px 0 0;
	}
	.twitted p.profileLink a:hover {
		background:url(images/twitter_btn.jpg) no-repeat left top;}

div.green {background:url(images/green_top_bg.png) no-repeat top left; padding:10px 0 0; color:#fff; margin-left:2px;}
.green h2 {padding:17px 0 27px;}
.green p {line-height:17px; font-size:12px; padding-bottom:17px;}
.green p img {padding:7px 0 9px;}
.green .bg_content{background:url(images/green_tail_bg.png) repeat-y top left;}
.green .bg_bottom{
	background:url(images/green_bottom_bg.png) no-repeat bottom left;
	padding:0 30px 25px 18px;}
div.green .imgindent {margin:0 15px 40px 0;}
#page5 .bg_bottom .wrapper{padding-bottom:8px;}
.cols {padding:14px 0 7px;}
div.cols div {width:150px; float:left; margin: 0 20px 0 0;}
div.cols div h6 {padding:17px 0 2px;}
div.cols div.last {margin:0;}
h3.extra {padding:21px 0 14px;}
#page3 h3.extra {padding:21px 0 18px;}

#page7 .banner1 {width:920px;}
#page7 #content {padding:0 13px 0 21px;}
#page7 #content a {color:#3a3a3a;}
#page5 .banner2 {width:197px; padding-right:24px;}
/* ============================= footer ====================== */
#footer {padding:0 46px 0 0;}
#footer a {color:#3a3a3a; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {padding:70px 0 0 42px;}
#footer .block {color:#454f58; float:right; font-size:12px; line-height:18px; padding:25px 0 0; width:451px;}
#footer .block .left {text-align:right; padding:2px 35px 0 0; border-right:1px solid #e1e2e3; margin-right:34px;}
#footer .block .right {
	font-size: 12px;
	color: #515151;
	text-transform: uppercase;
	padding: 3px 0 0;
}
#SubscribeForm {background:url(images/subscribe.jpg) no-repeat 0 10px; padding:14px 5px 15px 0;}
#footer input {
	font-style:italic; 
	font-size:12px; 
	color:#a8a8a8; 
	background:none; 
	border:0;
	width:195px;
	padding:0 10px;}











/* ============================= forms ============================= */
#SearchForm {background:url(images/search_bg.jpg) no-repeat 0 10px; padding:10px 9px 0 0;}
#SearchForm input {
	background:none; 
	border:0; 
	width:127px; 
	padding:0 10px;
	color:#3c3c3c;
	font-style:italic;}
#header .right #SearchForm a {width:55px; height:24px; display:inline-block; background:url(images/search_btn.jpg) no-repeat top center; text-align:center; font-size:12px; color:#fff; font-weight:bold; text-transform:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .right #SearchForm a:hover {color:#3b3b3b;}


#ContactForm input {
	border:1px solid #a4a4a4;
	padding:0 5px;
	width:286px;
}

#ContactForm label {height:26px; display:block;}
textarea {width:321px; height:70px;
	border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#ContactForm .btn {margin-right:10px;}
#ContactForm p.fright {padding:10px 0 10px 10px;}
#ContactForm .left {width:302px; overflow:hidden;}
#ContactForm .right {width:350px;}
.liste li {
	
	list-style: url(images/marker_black.gif);
	background-image: none;
	
	
	
}