body, html{
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	height:100%;
	color:#666;
}

#wrapper{
	margin: 0 auto;
	position:relative;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
}

#wrapper_center{
	margin: 0 auto;
	width:1000px;
}
.kurz2 {
    width: 190px;
}
.aktiv_kurz2 {
    background-image: url("../img/navi-hover-kurz.png");
    color: #ffffff !important;
    width: 190px;
}
.aktiv_kurz2 a { color:#FFF!important}
#black_bg{
	height:62px;
	width:100%;
	position:absolute;
	top:0;
	z-index:-10;
	background-color:#000;
	background: -moz-linear-gradient(top, #3f3f3f, #181818);    
	background: -webkit-linear-gradient(top, #3f3f3f, #181818);
	background: -ms-linear-gradient(top, #3f3f3f, #181818);
	background: -o-linear-gradient(top, #3f3f3f, #181818);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#181818'); /* Farbcode immer mit 6 stellen angeben! */
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}

#bg_navi{
	height:42px;
	width:100%;
	border-top:1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	position:absolute;
	top:468px;
	z-index:-10;
	background-color:#fff;
	background: -moz-linear-gradient(top, #fff, #f1f1f1);    
	background: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background: -ms-linear-gradient(top, #fff, #f1f1f1);
	background: -o-linear-gradient(top, #fff, #f1f1f1);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); /* Farbcode immer mit 6 stellen angeben! */
	box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}

#footer_line{
	height:0px;
	width:100%;
	position:absolute;
	bottom:193px;
	z-index:-10;
	border-top:1px solid #4c4c4c;
	border-bottom: 1px solid #2c2c2c;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

#header{	height:530px;}

#header{
	height:60px;
}

.clear{
	clear:both;
}

a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

a:hover{
	color:#00ccff;
	text-decoration:underline;
}


.lite{
	text-decoration:none;
	color:#00ccff;
}

.lite:hover{
	text-decoration:underline;
}


img{
	border:none;
}

/*-------------------------------------------------------------------------------------------------------
--------Navigation---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

#logo{
	float:left;
	margin:8px 0px;
}

#breadcrumb{
	height:20px;
	width:140px;
	float:right;
	margin-top:35px;
	color:#aaa;
}

#breadcrumb .here{
	color:#fff;
}

#breadcrumb a{
	color:#aaa;
	font-style:italic;
}

#breadcrumb a:hover{
	color:#fff;
	font-style:normal;
}

#navi{
	width:1000px;
	height:45px;
	float:left;
	display: inline;
	margin-top:1px;
	font-weight:bold;
}

#navi ul{
	padding:0;
	margin:0;
}

#navi li{
	float:left;
	list-style-type:none;
	font-size:22px;
	padding-left:3px;
	padding-right:4px;
	line-height:41px;
	text-align:center;
}

#navi a{
	height:42px;
	display:block;
	
}
#navi a:HOVER{
	text-decoration:none!important;
	color:#FFFFFF;
}

.kurz{
	width:90px;
}
.lang{
	width:154px;
}
.tesm { font-size:10px}
.kurz2:hover{
	width:190px;
	background-image:url(../img/navi-hover-kurz.png);
}
.kurz:hover{
	width:90px;
	background-image:url(../img/navi-hover-kurz.png);
}

.lang:hover{
	width:154px;
	background-image:url(../img/navi-hover-lang.png);
}

.aktiv_kurz{
	background-image:url(../img/navi-hover-kurz.png);
	color:#FFFFFF!important;
	width:90px;
}


.aktiv_lang{
	background-image:url(../img/navi-hover-lang.png);
	color:#FFFFFF!important;
	width:154px;
}

.aktiv_kurz a, .aktiv_lang a {
	color:#FFFFFF!important;
}
/*-------------------------------------------------------------------------------------------------------
--------Slider------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

#slider{	height:8px;	position:relative;}

.slider_part{
	width:1000px;
	height:370px;
}
.slider_part .picture{
	float:left;
	height:360px;
	width:530px;
	background-color:#f3f6f7;
}

.slider_part .slider_text{
	float:left;
	margin: 40px 0px 10px 0px;
	width:445px;
	padding-left:15px
}

.slider_part h2{
	color:#bebebe;
	font-size:27px;
}

.slider_part p{
	color:#666;
	font-size:17px;
	line-height:23px;
}

.slider_part a{
	font-size:14px;
	color:#00ccff;
}

.slider_part a:hover{
	cursor:pointer;
	color: #ccc;
	text-decoration:underline;
}

#slider_navi{
	width:300px;
	height:40px;
	background-color:#cdcdcd;
	position:absolute;
	bottom:0;
	right:0px;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	z-index:5;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	margin-top:15px;
}

.slides_container {
	width:1000px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:1010px;
	height:99px;
	width:41px;
	background:url(../img/arrow-next.gif) 0 0 no-repeat;
}

#slides .next:hover{
	background:url(../img/arrow-next.gif) -41px 0 no-repeat;
}

#slides .prev {
	height:99px;
	width:41px;
	left:-50px;
	background:url(../img/arrow-prev.gif) 0 0 no-repeat;
}

#slides .prev:hover{
	background:url(../img/arrow-prev.gif) -41px 0 no-repeat;
}

/*
	Pagination
*/

.pagination {
	margin:26px 25px 0px 0px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:100;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:23px;
	height:23px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	color:#3f3f3f;
	font-size:11px;
	line-height:22px;
	text-align:center;
}

.pagination li.current a, .pagination li a:hover {
	background-position:0 -23px;
	font-weight:bold;
	color:#00ccff;
	font-size:12px;
}

/*-------------------------------------------------------------------------------------------------------
--------Content------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

#content{
	border: 1px solid #ececec;
	margin:5px 0 220px;
	font-size:17px!important;
padding:10px
}


#content_top{
	border-bottom:1px solid #ececec;
	width:100%;
	height:auto;
}
#content_middle{
	width:100%;
	height:auto;
}
#content_bottom{
	border-top:1px solid #ececec;
	width:100%;
	height:auto;
}

#content .left, #content .middle, #content .right{
	width:30%;
	padding:15px;
	float:left;
	height:100%;
}

#content .left{
	text-align:left;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
}
#content .left strong{
	font-size:16px;
}
#content .middle {
	border-right:1px solid #ececec;
	border-left:1px solid #ececec;
}

#content .middle ul, #content .right ul{
	text-align:left;
	padding:0px 5px 0px 20px;
}

#content .right{
	text-align:left;
}

#content .right strong em{
	font-size:16px!important;
	
}
#content .right p{
	text-align:justify;
}


#content h2{
	color:#333;
	font-size:22px;
	font-weight:100;
	text-align:left;
	padding: 10px 15px;
}

#content h3{
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin:0;
}

#content h2.blue,#content h1.blue{
	color:#00ccff;
}

#content h1,#content h3,#content h4 {
    color: #333333;
    font-size: 22px;
    font-weight: 100;
    padding: 10px 15px;
    text-align: left;
}
#content ol{
	padding:0px;
	margin:0px 0px 0px 15px;
	text-align:justify;
}

.post_box{
	border-bottom:1px solid #ececec;
	height:160px;
	margin-bottom:10px;
}

a.post_title{
	color:#666;
	font-weight:bold;
}
a.post_title:hover{
	color:#00ccff;
}

.post_box .post_date{
	font-size:10px;
}

a.post_more{
	font-style:italic;
	color:#aaa;
	font-size:15px;
}

a.post_more:hover{
	font-style:normal;
	color:#666;
}

.bold{
	font-weight:bold !important;
}

.pic_home_inlife, .pic_home_projekte, .pic_home_team{
	width:295px;
	height:119px;
	background-color:#efefef;
	margin-top:10px;
}
.pic_home_inlife{
	background:url(../img/ueber_inlife-.jpg) 0 0 no-repeat;
}
.pic_home_projekte{
	background:url(../img/neueste_projekte.jpg) 0 0 no-repeat;
}
.pic_home_team{
	background:url(../img/unser_team.jpg) 0 0 no-repeat;
}


.link_home_ueber, .link_home_mehr, .link_home_eintraege,.link_proj_mehr,.link_domain_mehr{
	width:125px;
	height:29px;
	border:none;
	display:block;
}


.link_home_ueber:hover, .link_home_mehr, .link_home_eintraege{
	cursor:pointer;
}
.link_proj_mehr{
	background:url(../img/projekte-button.png) 0 0 no-repeat; float:left
}

.link_domain_mehr{
	background:url(../img/domains-button.png) 0 0 no-repeat; float:right
}
.link_home_ueber{
	background:url(../img/button_mehr_ueber_inlife.gif) 0 0 no-repeat;
}

.link_home_ueber:hover{
	background:url(../img/button_mehr_ueber_inlife.gif) 0 -29px no-repeat;
}
.link_home_mehr{
	background:url(../img/button_mehr_erfahren.gif) 0 0 no-repeat;
}
.link_home_mehr:hover{
	background:url(../img/button_mehr_erfahren.gif) 0 -29px no-repeat;
}
.link_home_eintraege{
	background:url(../img/button_mehr_eintraege.gif) 0 0 no-repeat;
}
.link_home_eintraege:hover{
	background:url(../img/button_mehr_eintraege.gif) 0 -29px no-repeat;
}

.referenz_box{
	height:46px;
	width:142px;
	float:left;
	margin:5px 5px 0px 0px;
}

.referenz_box:hover{
	cursor:pointer;
	background-position: 0px -46px !important;
	text-decoration:underline;
}

a.link_home_referenzen{
	float:right;
	margin:10px 10px 0px;
	font-style:italic;
	font-size:15px;
	color:#666666;
}

a.link_home_referenzen:HOVER{
text-decoration:underline;
}

.teambox{
	float:left;
	width:148px;
}

.teampic{
	width:141px;
	height:141px;
	background-color:#efefef;
	margin:5px 0px;
}
.team_spec{
	color:#aaa;
	font-style:italic;
}

ul.team_more{
	padding-left:15px;
}

#kontakt_form{
	width:480px;
	margin:10px auto;
	color:#666;
}

#kontakt_form .textfeld{
	border: 1px solid #e5e5e5;
	width:380px;
	padding:10px;
	display:block;
}
#kontakt_form .textfeld_s{
	border: 1px solid #e5e5e5;
	width:100px;
	padding:3px;
}
#kontakt_form label{
	width:50px;
	padding-right:10px;
	text-align:right;
	display:block;
	float:left;
	line-height:35px;
}
#status {
	width:500px;
	padding-left:340px;
}
.center{
	text-align:center;
}

.box_top p{
	font-size:18px;
	margin:0;
	padding-top:35px;
	font-weight:bold;
}

h2{
	font-size:16px;
	margin:0;
}

h2 a{
	font-family:Verdana, Geneva, sans-serif;
}
/*
p{
	font-size:12px;
}
*/

.pfeil_right{
	width:10px;
	padding:100px 40px 0px 0px;
	float:left;
}

.pfeil_left{
	width:10px;
	padding:100px 10px 0px 30px;
	float:left;
}

li p{
	margin:0;
}

.pfeil_right_p{
	width:10px;
	padding:150px 10px 0px 0px;
	float:left;
}

.pfeil_left_p{
	width:10px;
	padding:150px 10px 0px 10px;
	float:left;
}

.slide{
	width:395px;
	height:358px;
	float:left;
}

.abteilung{
	width:112px ! important;
	float:left;
	font-weight: bold;
}

.ma{
	float:left;
}

.pic{
	width:120px;
	height:120px;
	border:thin solid #666;
	float:left;
}

.nopic{
	width:120px;
	height:120px;
	float:left;
}

.info{
	width:134px ! important;
	height:150px;
	float:left;
	padding-left:10px;
}

footer{
	height:195px;
	position:absolute;
	bottom:0;
}

#footer_info{
	width:100%;
	height:150px;
	padding-top:15px;
	color:#939393;
	font-weight: bold;
}

#footer_info .part, #footer_info .part_m{
	float:left;
	height:148px;
	width:143px;
	text-align:center
}
#footer_info .part_m{
	padding:0px 10px;
	border-right:1px solid #ECECEC
}

.boli {	border-left:1px solid #ECECEC; padding-left:10px; width:175px!important;}
.bore {	border-right:1px solid #ECECEC;}
.pab9 {height:9px}
#footer_info .head{
	font-size:15px;
}
#footer_info p{
	font-size:11px;
	margin:10px 0px;
}

#impressum{
	height:20px;
	text-align:center;
	width:100%;
	font-size:12px;
	color:#aaa;
}
.impressum2{
	text-align:center;
	font-size:12px;
	color:#aaa;font-weight: normal;
	display:inline
}
#impressum a{
	color:#aaa;
}

#impressum a:hover{
	color:#666;
}

.backlink{
	margin-left: 40px;
} 

.content_left, .content_left p, .content_left h1, .content_left_kontakt, .content_right, .content_right p, .box_short_left p{
	color: #575757 ! important;
}

.kontakt_fehler{
	color: #f00;
	
}

.kontakt_middle {
	width: 998px;
}

.send{
	width:125px;
	height:29px;
	background:url(../img/button_absenden.gif) 0 0 no-repeat;
	border:none;
}
.send:hover{
	background:url(../img/button_absenden.gif) 0 -29px no-repeat;
	cursor:pointer;
}

::-moz-selection { background: #00CCFF; color: #FFF; text-shadow: none; }
::selection { background: #00CCFF; color: #FFF; text-shadow: none; }

.volle_breite {
	width:100%!important;
	border:none!important;
}

#domainliste_ul {
	width:890px;
	list-style-type:none;
}


#domainliste_ul li {
	float:left;
	border-bottom:dotted 1px #000;
}

#domainliste_ul li.pr_kurz {
	width:125px;
}
#domainliste_ul li.pr_lang {
	width:260px;
}
.domainliste_li_head {
	border-bottom:dotted 1px gray;
	margin-bottom:2px;
	font-weight: bold;
}
.preis {
	text-align:right!important;
	padding-right:5px;
}
.waehrung {
	width:65px!important;
}
.inhalt {
	width:100px!important;
	text-align:center;
}
.suchv_lokal {
	width:100px!important;
	text-align:right;
	padding-right:25px;
}
.angebot {
	width:100px!important;
	text-align:center;
}
.flri {float:right!important;}
.ho17 {width:66.6%!important; float:left!important;}
.hol2 {height:50%!important; width:45%!important;}
.hol3 {height:50%!important; width:45%!important;}
.hol4 {width:66.6%!important; float:left!important;}
.hol5 {height:50%!important; width:45%!important;}
.rabo td  {border-bottom: 1px solid #CCC; padding:3px}
.rabo1  td { background-color:#CCC;padding:3px}
.prole { float:left; width:495px; margin-right:10px; margin-left:10px}
.prole2 { float:left; width:595px; margin-right:10px; margin-left:10px}
.prore { float:left; width:470px}
.proboim { border:1px solid #CCC}
.abs10 { margin:10px}
.abs30 { margin:30px}
.proima { width:115px;}
.proima2 { width:115px; height:100px; overflow:hidden; margin:3px; float:left; border:1px solid #CCC}
.prous { font-size:16px; text-decoration:underline}
.proul { list-style:none; margin-top: 10px;padding: 0}
.proanf { padding:12px; border:1px solid #CCC; background-color:#EFEFEF;}
.prote { text-align:justify}
.protit { font-size:16px; font-weight:800; margin-bottom:13px}
.trennlinie { border:5px solid #CCC;}
.weg { text-decoration:line-through}

@media only screen   and (min-device-width: 320px)  and (max-device-width: 480px)
 {
#wrapper_center {
width: 100%;

}
#content {font-size:30px!important;	}
}