@charset "utf-8";
/* CSS Document */

/*  
Theme URI: http://suema-maier.de
Version: 1.0
Author: SüMa Maier e.K. / Nils Oettlin
Author URI: http://suema-maier.de
*/

/*Standard*/
body {
	text-decoration: none;
	margin:0px;
	height:100%;
	width:100%;
	font-family: "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #346633;
	background-image: url(_design/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.nav{
	text-decoration: none;
	margin:0px;
	height:100%;
	width:100%;	
	font-family: "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: none;
}
#side{
	width: 980px;
	height:auto;
	margin: auto;
	margin-top:5px;
	padding: 5px;
	right: 0;
	left: 0;
	margin-bottom: 5px;
	background-image: none;
}
a {	text-decoration: none;
	font-weight: bold;
	color:#666;
}
a:hover {	text-decoration: none;
	color: #77dd77;
}
p {	
	text-align: justify;
	margin: 0;
	padding: 0;
	color: black;
	font: 13px/18px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ul, li {
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	padding-left: 3px;
	margin-left: 17px;
	margin-top: 0px;
	list-style-position: outside;
	list-style-type: disc;
}
ul {
margin-bottom: 5px;
}
h1 {
	font: bold 55px/60px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
	z-index: 1;
	color: #555;
}
h2{
	color: #555;
	font: bold 30px/30px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin:0;
}
h3{
	color: #444;
	font: bold 20px/25px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 0 0 ;
}
h4{
	color: #333;
	font: bold 14px/20px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}
h5 {
	font: bold 45px/45px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 215px;
	margin-bottom: 5px;
	margin-left:0px;
	z-index: 10;
	color: #555;
	position:absolute;
	background: #f9f9f9;
	padding-left:5px;
	padding-right:10px;
}
h6 {
	font: bold 15px/20px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
	color: #666	;
	background: #ccc;
	padding-left:5px;
	padding-right:10px;
	width:765px;
	border-bottom: 1px solid #aaa;
	margin-top:10px;
}
#titel{
	margin: 0 0 0 0;
	height: 148px;
	width: 780px;
	background: url(_img/titel.gif) no-repeat left center;
	padding-left:200px;
	padding-top:20px;
	padding-bottom:10px;
	position:absolute;
	margin-left:0px;
}	
#titelbild{
	margin: 0;
	height: 170px;
	width: 380px;
	position:absolute;
	right:4px;
	top:4px;
}	
#titelbild img{
	margin: 0;
	height: 168px;
	width: 378px;
	border: 1px solid #999;
}	
/*Navi*/

#navi{
	margin:0;
	position:absolute;
	margin-top:182px;
	margin-left:0px;
	width:195px;
	height:300px;
	background-image: none;
}
#nav_floh, #nav_top, #nav_bot{
	border:0px hidden;
	width:195px;
	position:relative;
}
#nav_top{
	height:600px;
}
#nav_bot{
	height:235px;
}
#nav_floh{
	height:47px;
}
#button1, #button2 {
	background: url(_design/navi.jpg) repeat-x scroll #f9f9f9;
}
#button1, #button2, #button_city, #button_auto, #button_vino, #button_diga, #button_gg {
	position:relative;
	width:190px;
	height:30px;
	padding-left:5px;
	}

#button_city {
background: #FFCC00;
	margin-bottom:2px;
}
#button_auto {
background: #0099CC;
	margin-bottom:2px;
}
#button_diga {
background: #79b51c;
	margin-bottom:2px;
}
#button_vino {
background: #C00;
margin-bottom:5px;
}
#button_gg {
background: #e30059;
margin-bottom:5px;
}
	
#button1, #button2 {
	background: url(_design/navi.jpg) repeat-y scroll #f9f9f9;
}
#button1, #button2 {
	background: url(_design/navi.jpg) repeat-y scroll #f9f9f9;
}
#button1:hover, #button2:hover {
	background: url(_design/navi_h.jpg) repeat-y scroll #ddd;
}
#button1 a, #button2 a{
	font: bold 16px/30px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #555;
	}
	 #button_city a, #button_auto a, #button_vino a, #button_diga a, #button_gg a {
	font: bold 16px/30px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #000;
	}
#button1{
	margin-bottom:2px;
}
#button2{
	margin-bottom:5px;
}
#button_s1, #button_s2 {
	position:relative;
	width:190px;
	height:20px;
	background: #f9f9f9;
	padding-left:5px;
}
#button_s1, #button_s2 {
	background: #eee;
}
#button_s1:hover, #button_s2:hover {
	background-color: #ccc;
}
#button_s1 a, #button_s2 a {
	font: bold 12px/20px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #555;
	}
#button_s1 {
	margin-bottom:2px;
}
#button_s2 {
	margin-bottom:5px;
}

/*Content*/
#content{
	position:absolute;
	margin-top:182px;
	margin-left:200px;
	width:780px;
	background: url(_design/titel.jpg) scroll repeat-x #f9f9f9;
	padding-bottom:10px;
	margin-right: 0;
	margin-bottom: 10px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
}
#content h1, #content h2, #content h3{
	margin-left:5px;
}
#content p,#content h4{
	margin-left:50px;
	margin-right: 25px;
	text-align:left;
}
hr{ height:1px;
	background: #ddd;
	border:hidden;
	margin-top:5px;
	margin-bottom:5px;
	float:none;}
	
.titelbild{
	width:780px;
	height:260px;
	position:relative;
	background-color:#3366FF;
	z-index:0;
	}
	#textseite {
	margin:0;
	position:absolute;
	margin-top:182px;
	margin-left:200px;
	width:780px;
	background: url(_design/titel.jpg) scroll repeat-x #f9f9f9;
	padding-bottom:10px;
	}
#textseite hr {
	margin-top:18px;
	margin-bottom:18px;
	}

#textseite p, #textseite h2{	
	text-align: justify;
	margin-left:25px;
	margin-right: 25px;
	text-align:left;
	}
a .einklink_r, a .einklink_l{
	width:200px;
	height:97px;
	position:relative;
	z-index:0;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:15px;
	margin-right:15px;
	border:none;
	}
.einklink_r{
	float:right;
	}
.einklink_l{
	float:left;
	}
#personenframe{
	width: 190px;
	height: 250px;
	float:left;
	padding:0px;
	padding-left:5px;
}
#personenframe p, #personenframe2 p{
	margin-left:5px;
	line-height:13px;
	font-size:11px;
	letter-spacing:-0.03em;
}
#personenframe h4{
	margin-left:5px;
	line-height:12px;
	font-size:15px;
	letter-spacing:-0.02em;
	margin-bottom:4px;
	margin-top:4px
}
#personenframe2{
	width: 380px;
	height: 250px;
	float:left;
	padding:0px;
}
#personenframe2 p{
	line-height:12px;
	font-size:11px;
}
#personenframe a{
	font: bold 11px/18px "Calibri", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.personenbild{
	height:158px;
	width:118px;
	float:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #999;
}

/*Kennung*/
#ken_antik, #ken_floh, #ken_city, #ken_auto, #ken_diga, #ken_buro, #ken_vino {
	height:38px;
	width:38px;
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #bbb;
}
#tab {
	height:38px;
	width:auto;
	float:left;
	margin-top:15px;
	margin-left:32px;
	margin-right:-32px;
	margin-bottom:5px;
	border: 0px hidden;
}
#ken_s_antik, #ken_s_floh, #ken_s_city, #ken_s_auto, #ken_s_diga, #ken_s_buro, #ken_s_vino {
	height:26px;
	width:25px;
	float:left;
	margin-top:5px;
	margin-left:18px;
	margin-right:5px;
	margin-bottom:-5px;
	border: 1px solid #bbb;
}
#ken_antik, #ken_s_antik{
background: #FFCC66;
}
#ken_floh, #ken_s_floh{
background: #FF6666;
}
#ken_city, #ken_s_city{
background: #FFCC00;
}
#ken_auto, #ken_s_auto{
background: #0099CC;
}
#ken_diga, #ken_s_diga{
background: #99FF66;
}
#ken_buro,#ken_s_buro{
background: url(_img/_kennung/floh_diga.gif) #eee;
}
#ken_vino, #ken_s_vino{
background: #C00;
}
#preis{
	height: 90px;
	width: 406px;
	position:relativ;
	float:right;
	margin-left:0;
	right: 0;
	margin-top: -95px;
}
/*Reservierung*/
#reservierung{
	margin: 10px 10px 10px 10px ;
	width:420px;
	height:700px;
	float:left;
}
#reservierung_text{
	margin: 10px 10px 10px 10px ;
	width:320px;
	height:800px;
	float:left;
}
#reservierung_text h4{
	margin: 5px ;
}
#reser_con{
	margin:0;
	position:absolute;
	width:700px;
	background:#f9f9f9;
	margin:10px;
	padding:10px;
}
#reser_con td {
border: hidden;
background-color:#ddd}

#reser_con table, #reser_con tr, #reser_con tbody, #reser_con td{
border: hidden;}

#impressum{
	background-color: #FFF;
	position: static;
	left: 0px;
	z-index: 5;
	top: auto;
	right: 0px;
	bottom: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 14px;
}
a #ani{
	height: 35px;
	width: 35px;
	position: absolute;
	left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

.facebook {
	margin-top: 3px;
	width: 194px;
}
.flohbild{
	height:180px;
	width:240px;
	float:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #999;
}
#preise{
	font-size: 11px;
	position: relative;
	right: 0px;
	line-height: 12px;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	height: 70px;
}
#gefaelltmir{
	margin-left: 10px;
	position: relative;
}
#pfeil{
	position: relative;
	margin-right: 2px;
	background-image: url(_design/arrow.gif);
	height: 20px;
	width: 10px;
	float: left;
}