* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background-color: #F2EFDE;
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px; 
	color:#251c05;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col_1, .col_2, .col_3, .sub_col_1, .sub_col_2, .sub_col_3 { 
	float:left;
	display:inline
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
    font-size: 16px;
}
.container { 
	width:950px;
	margin:0 auto;
}

.container2 { 
	width:1061px;
	margin:0 auto;
	position:relative
}


/*==== GLOBAL =====*/
#main {
	margin:0 auto;
	background:url(../img/foot_bg.gif) repeat-x left -230px !important;
	position:relative;
	width:100%;
	min-width:1070px;
}

#header {
	height: 90px;
	width: 989px;
	margin:0 auto;
	position:relative
}
#content {
	width:100%;
	padding-bottom:70px;
    min-height: 350px;
}



/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Georgia, Arial, Helvetica, sans-serif; 
    font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/

p {
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-left:34px;
}
.margi20 {
	margin-bottom:20px	
}
.margi60 {
	margin-bottom:60px	
}
.txt_underline {
	text-decoration:underline	
}

/*----- txt, links, lines, titles -----*/
a {
	color: #de5d05; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
h1 {
	font-size:48px;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:5px;
	color:#2b2b2b;
	letter-spacing:-1px
}
h2 {
	font-size:41px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:22px;
	color:#1a1301
}
h3 {
	font-size:18px;
	color:#918C6B;
	margin-bottom:10px;
	font-weight:normal
}

h3 a{ color:#918C6B; }

.orange {
	color:#dd5d05	
}



/*===== header =====*/
.logo {
	position:absolute;
	margin: 10px 0 0 30px
}
.logo a{ color: #fab14d; text-decoration: none; font-size: 21px;}

.menu {
	float: right;
	margin:15px 38px 0 0px;
	text-align: right;
    width: 700px;
}

.menu ul{ float: right;}

.menu ul li {
	float: left;
	display: inline;
    margin-left: 50px;
}
.menu ul li a{
	display:inline-block;
	color: #fab14d;
	font-size: 16px;
	text-decoration:none;
}
.menu ul li a:hover, .menu ul li a.active {
	text-decoration:underline
}

.title {
	font-size: 18px;
	position:absolute;
	margin: 70px 0 0 25px;
	line-height: 1.1em;
}

.b1, .b2, .b3 {
	display:inline-block;	
	padding:5px;
	min-height:52px;
	height:auto !important;
	height:auto
}
.b1 {
	background:url(../img/bg1.png) no-repeat 0% 0	
}
.b2 {
	background:url(../img/bg2.gif) no-repeat 0% 0%	
}
.b3 {
	background:url(../img/bg3.gif) no-repeat 0% 0%	
}


/*===== content =====*/


.list li {
	background:url(../img/mark.gif) no-repeat 0% 8px;
	padding:0 0 0 24px;
	line-height:36px;
}
.list li a{
	color:#251c05;
	text-decoration:none
}
.list li a:hover {
	text-decoration:underline	
}
.foot_list li {
	line-height:23px;
}
.foot_list a {
	color:#fab14d;
	font-style:italic;
	font-size:13px;
	text-decoration:none
}
.foot_list a:hover {
	text-decoration:underline
}

.more {
	font-style:italic;
	color:#de5d05;
}
.news {
	font-size:12px;
	font-style:italic;
	line-height:16px;
}	
.box1 {
	float:left;
	margin: 20px 0 0 15px;
	width: 320px
}
.box2 {
	float:left;
	margin:20px 0 0 0;
	width: 350px
}
.box3 {
	float:left;
	margin:20px 0 0 0;
	width:247px
}
.box4 {
	float:left;
	margin:51px 0 0 0;
	width:200px;
}
.box5 {
	float:left;
	margin:20px 0 0 0;
	width:50px
}
.box5 img {
	margin-bottom:10px
}
.underline {
	text-decoration:underline	
}

.box1 ul{ margin-bottom: 27px; }

/*===== footer =====*/
#footer {
	height: 240px;
	background:url(../img/foot_bg.gif) repeat-x 0% 0%;
	position:relative;
	width:100%;
	min-width:1070px
}
#footer .container {
	padding:0 !important;
	position:relative;
}
.copy {
	position:absolute;
	margin:46px 0 0 0;
	color:#5d5645;
	font-size:11px;
    margin-left: 15px;
}
.copy a {
	color:#5d5645;	
}
/*----- forms -----*/
.inp_form div.fleft_side {
	float:left;
	display:inline
}
.inp_form input {
	display:block;
	width:446px;
	padding:6px 5px 6px;
	color:#251c05;
	border:1px solid #d9cba2;
	background:#e4ddc5;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.inp_form .height_inp {
	margin-right:0;
	height:60px;
}

.inp_form textarea {
	width:446px;
	height:161px;
	color:#251c05;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid #d9cba2;
	float:left;
	overflow:auto;
	background:#e4ddc5
}
.form_link {
	padding-top:15px	
}
.form_link a {
	margin-left:15px	
}


h5 {
	font-size:16px;
	color:#251c05;
	margin:11px 0 8px 10px;
	font-style:normal
}


		
	

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	









#page1 .col_1 { width:435px; margin: 0 53px 0 10px;}
#page1 .col_2 { width:439px;}


#navi{ 
	font-size: 34px;
	width: 940px; 
    margin: 20px auto 0 auto;
    height: 60px;    
}




.listing{ width: 960px; margin: 15px auto 0 auto; }

.listing_item{
    width: 202px; 
    height: 206px; 
    margin: 0 10px 10px 0; 
    background: url(../img/bbg2.png) top left no-repeat;
    padding: 20px 10px 10px 18px;
    float: left;
}

.listing_item h2{ 
    font-size: 12px; 
    font-style: normal; 
    margin: 0 0 5px 0; 
    padding: 0; 
    width: 202px; 
    height: 15px; 
    overflow: hidden;
}
.listing_item p{ 
    font-size: 10px; 
    margin: 0 0 3px 0;  
    padding: 0; 
    line-height: 12px; 
    width: 192px; 
    height: 12px; 
    overflow: hidden; 
}
.listing_item div{ 
    font-size: 10px; 
    margin: 0 0 10px 0;   
    padding: 0; 
    line-height: 12px; 
    overflow: hidden; 
    width: 192px; 
    height: 14px; 
    overflow: hidden;
    color: #766C51;
}

.listing_item_w{
    width: 212px; 
    height: 212px; 
    margin: 0 10px 10px 0; 
    background: url(../img/bbg2.png) top left no-repeat;
    padding: 19px 5px 5px 13px;
    float: left;
}

.details{ width: 987px; margin: 1px auto 0 auto; }
.details_top{    width: 987px; height: 30px; background: url(../img/details_top_bg.png) left top no-repeat; }
.details_inhalt{ 
    width: 927px; background: url(../img/details_content_bg.png) top left repeat-y;
    padding: 10px 30px 10px 30px; 
}
.details_bottom{ width: 987px; height: 30px; background: url(../img/details_bottom_bg.png) left top no-repeat; }
.details_inhalt h2{ 
    color: #de5d05; 
    font-size: 26px; 
    font-style: normal;
    padding: 0;
    margin: 0 0 10px 0;
}
.details_inhalt p{ 
    font-size: 12px; 
    margin: 0 0 20px 0;  
    padding: 0; 
    line-height: 18px;
} 

.details_inhalt #screenshot{
    background-color: #D1C7AC;
    padding: 10px 0 10px 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.details_inhalt #screenshot p{
    text-align: left;
    margin: 10px 0 10px 20px;
}    
.details_inhalt span{ margin-right: 50px;}

.details_inhalt #contact{
    background-color: #D1C7AC;
    padding: 15px 0 20px 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 18px; 
}

.back_to_city{
    font-size: 11px; 
    margin: 0 0 0 15px;
}







.pop {
  position: absolute;
  display: inline; 
}
.pop .pop_menu {
    display: none;
}

.pop .pop_toggle {
    width: 450px;
    height: 35px;
    overflow: hidden;
    cursor: pointer; 
    text-decoration: underline;
    font-size: 32px;
    font-weight: bold;
    color: #de5d05;
    line-height: 24px;
    margin: 8px 0 0 8px;
}

.active .pop_menu {
    display: block;
    background-color: #de5d05;
    color: #fff;
    position: absolute;
    padding: .6em;
    width: 12em;
    font-size: 14px;
    margin: 40px 0 0 8px;
    line-height: 22px;
}

.active .pop_menu a {
    color: #fff; 
    text-decoration: none;
}
.active .pop_menu a:hover{ text-decoration: underline; }
.active .pop_toggle {
    z-index: 2000;
    position: absolute;
    top: 0;
    left: 0;
}



#tipDiv td{ text-align: center;}
#tipDiv { border: 1px #D4D0C7 solid; padding: 10px;}  

.designs{
    background-color: #D1C7AC;
    padding: 10px 0 10px 30px;
    width: 897px;
    margin-bottom: 20px;
    line-height: 22px;
}

.designs h3{ 
    clear: both;
    color: #251C05;
    font-size: 16px; 
    font-weight: normal;
    padding: 0;
    margin: 0 0 10px 0;
}

.designs .design{ width: 150px; height: 170px; background-color: white; padding: 10px 5px 0 5px; border: 1px #D4D0C7 solid; overflow: hidden; margin: 0 10px 10px 0; float: left; }
.designs .design .bild{ width: 153px; height: 105px; text-align: center; margin-bottom: 2px; }
.designs .design .info { width: 153px; height: 35px; color: #848077; font-size: 11px; text-align: center;}
.designs .design .info a { font-size: 11px; text-decoration: none; }
.designs .design .bewertung{ margin: 0 0 5px 35px; }
.designs .profil{ height: 125px; }

#city_navi{ margin: 10px 0 0 0; font-size: 12px; line-height: 18px;}
#city_navi span{ margin: 0 10px 0 10px; }



ul.staedte{
    margin: 0 0 20px 40px;
}

ul.staedte li{
    line-height: 18px;
}

ul.staedte a{
    font-size: 14px;
}




#facebox .b {
  background:url(../img/facebox/b.png);
}

#facebox .tl {
  background:url(../img/facebox/fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(../img/facebox/fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(../img/facebox/fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(../img/facebox/fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 300px;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
  margin-right: 100px;
}

#facebox table {
  border-collapse: collapse;
  /* ie 6 hack -- if the global table width is set to anything it could cause us issues*/
  -width:0%;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 670px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression("document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");
}



fieldset { margin-bottom: 20px; border: none; }
label { width: 180px; display: block; float: left; font-weight: bold; padding-right: 15px;}
label span { color: #7c7c7c; display: block; padding: 3px 0 5px 0; font-size: 10px; font-weight: normal;} 

.formfield { width: 400px; display: block; float: left; border:1px solid #DDDDDD;}
textarea.formfield{ height: 150px; border:1px solid #DDDDDD;}
.hand{ cursor: pointer; }

.meldung{ 
    background: url(../img/icons/error.gif) 7px 4px no-repeat; 
    font-style:italic; 
    font-weight: bold; 
    margin: 0 0 15px 0; 
    background-color: #de5d05; 
    color: white; 
    padding: 5px 10px 5px 30px; 
    width: 95%; 
}

.button{ width: 180px; color: white; background-color: #de5d05; font-weight: bold; border: 1px #DDDDDD solid; padding: 5px 0 5px 0; text-align: center; } 

#passwort_maske{
    display: none;      
    position: absolute;
    top: 160px;
    left: 27%;
    width: 650px;
    height: 235px;
    padding: 10px 0 0 15px;
    background-color: #CEDAE0;
    border: 1px solid #DDDDDD;
    text-align: left;
    z-index: 5;
    overflow: auto;	
}