/* CSS Document */

body {
	font-family: Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
	background:url(http://www.paseo-marketing.de/images/bg_body.gif)
}



#rahmen{
	background: url(http://www.paseo-marketing.de/images/header_ende.gif) repeat-x;
}

#kopf{
	background: url(http://www.paseo-marketing.de/images/head.gif) no-repeat;
	height:210px;
	width:993px;
	margin:0px;
	padding:0px;
}

#logo{
	position:absolute;
	top:72px;
	left:49px;
	width:205px;
	height:40px;
}

/********** Metanavigation Start ************/
#metanav{
	width:100%;
	height:30px;
	float:right;
	padding-top:5px;

}

#metanav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;	
	float:right;
}

#metanav ul li{
	margin-right:10px;
	float:left;
}

#metanav ul li.last{
	float:left;
	margin-right:10px;
}

#metanav a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:70%;
	display:block;

}

#metanav a:hover{
	text-decoration:underline;
}

#metanav ul li.active a{
	font-weight:bold;
}
/********** Metanavigation Ende ************/

/********** Hauptnavigation Start **********/
#hauptnav{
	height:30px;
	clear:right;
	padding:135px 0px 10px 120px;

}

#hauptnav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;	

}

#hauptnav ul li{
	margin-right:20px;
	float:left;

}

#hauptnav ul li.last{
	margin-right:0px;
}

#hauptnav a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:80%;
	display:block;
}

#hauptnav a:hover{
	text-decoration:underline;
}

#hauptnav ul li.active a{
	font-weight:bold;
}


/********** Hauptnavigation Ende ***********/


#murmel{
	position:absolute;
	top:210px;
	left:0px;
	width:112px;
	height:72px;
}

#contentbereich{
	margin:0px;
	padding:0px;
	width:993px;
	background:url(http://www.paseo-marketing.de/images/content_hg.gif) repeat-y 245px 0px;
}

#content_links{
	width:186px;
	padding-left:55px;
	float:left;
}

#content_links #hg_rahmen{
	background:#EDEEE8;
	padding:30px 5px 0px 0px;
	height:300px;
}

#content_links #hg_rahmen_sm{
	background:#EDEEE8;
	padding:30px 5px 0px 0px;
	height:400px;
}

#content_links2{
	width:186px;
	padding-left:4px;
	float:left;
}

#content_links2 #hg_rahmen{
	background:#EDEEE8;
	padding:30px 5px 0px 0px;
	height:300px;
}

/************** Unternavigation Start **************/
#unavi{
	padding:0px 0px 0px 35px;
	margin:0px;
	text-align:right;
	
	width:146px;
}

#unavi ul{
	list-style-type:none;
	margin:0px;
	padding:0px;	
}

#unavi ul li{
	list-style-type:none;
	margin:0px;
	padding:5px;	
	line-height:1em;

}

#unavi ul li.first{
	padding-top:0px;	

}

#unavi a{
	text-decoration:none;
	color:#666666;
	font-size:70%;
	letter-spacing:-0.1px;
}

#unavi a:hover{
	text-decoration:underline;
}

#unavi ul li.active a{
	font-weight:bold;
}

#unavi p{padding:0px;margin:0px;}
/************** Unternavigation Ende **************/

#bild-container{
	text-align:center;
	padding:30px 0px 0px 10px;
	width:171px;
	height:80px;
}
#bild-container p {
	font-size:60%;
	color:#666666;
}

#text-container{
	padding:30px 0px 0px 4px;
	width:182px;
	height:80px;
}

#text-container p{
	padding:0px;
	margin:0px;
	font-size:70%;
}

#news-container{
	padding:30px 10px 0px 10px;
	width:163px;
	color:#666666;
}

#news-container p{
	padding-top:0px;
	margin-top:10px;
	font-size:70%;
}

#news-container p a{
	text-decoration:none;
	color: #3A4C00;
	text-decoration:underline;
}

/*#smm_bar{padding:5px 0px 0px 10px}
#smm_bar img{margin-right:10px}
#smm_bar a.last_icon img{margin-right:0px}*/

#smm_bar {text-align: right;}
#smm_bar p{padding:0px 0px 0px 10px;margin:5px 0px 0px 0px;}
#smm_bar img{margin-left:10px}

.smm_bar
{
	padding: 75px 0px 0px 35px;
	margin: 0px;
	float: left;
}

.smm_bar p
{
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.smm_bar2
{
	width: 480px;
	text-align: center;
	float: left;
}

.smm_bar2 a
{
	margin: 0px 5px 0px 0px;
}

.smm_bar2 p
{
	margin: 5px 0px 0px 0px;
}

.smm_bar3
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	float: left;
}

.smm_bar3 p
{
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

/************** Content Mitte Start ***************/
#content_mitte{
	margin-left:4px;
	width:440px;
	color: #3A4C00;
	float:left;
	padding:30px 20px 0px 20px;
	line-height: 1.5em;
	font-size:75%;
}

#content_mitte h1{
	margin-top:0px;
	margin: 0 0 1.5em 0;
	font-size: 120%;
	font-weight: bold;
}

#content_mitte h2{
	font-size: 110%;
	font-weight: bold;
}

#content_mitte h3{
	font-size: 100%;
}

#content_mitte p{
	letter-spacing:-0.1px;
}

#content_mitte a {
	text-decoration: underline;
	color:#3A4C00;
	font-weight:normal;
}

#content_mitte a:hover {
	text-decoration: underline;
}

#content_mitte ul {
	padding-left:0px;
	margin-left:15px;
}

#content_mitte ol {
	padding-left:0px;
	margin-left:25px;
}


#content_mitte ul li{
	list-style-type:square;
	padding-bottom:5px;
}


#content_mitte ul.sitemap {
	padding-left: 0px;
}

#content_mitte ul.sitemap li{
	list-style-type:square;
	padding-bottom:10px;
}

#content_mitte ul.sitemap li a{
	font-weight:bold;
}

#content_mitte ul.sitemap li li{
	padding-bottom:0px;
}

#content_mitte ul.sitemap li li a{
	font-weight:normal;
}

#content_mitte ul.sitemap ul, #content_mitte ul.sitemap ul ul {
	padding-left:0px; 
}
/************** Content Mitte Ende ***************/


#grafik_rechts{
	width:258px;
	float:left;
}

#footer_content{
	padding-left:245px;
	width: 480px;
	height: 20px;
	clear:left;
	background-image: url(../images/footer_content.gif);
	background-repeat: no-repeat;
	background-position: 245px 0px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #3A4C00;
	font-size: 11px;
}

.nofloat{
	clear:left;
	font-size:0px;
	line-height:0.1px
}

div.partnerlogo {

width: 120px;
float:left;
margin-top:5px;

}


div.logobeschreibung {

padding-top: 0px;
margin-top:0px;
margin-bottom:10px;
margin-left:120px;
width:320px;

}


/***********************************************/
/*  Formular                                   */
/***********************************************/
#Kontaktformular {
	width: 420px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
	font-size:90%;
}

#Kontaktformular .stern{
	color:#FF0000;
}

#Kontaktformular fieldset {
    border: none;
}

#Kontaktformular p{
	clear:left;
}

#Kontaktformular input{
	width:115px;
	margin-left:5px;
}

#Kontaktformular #checkboxen input{
	width:20px;
	margin:0px;
	padding:0px;
}

#Kontaktformular label{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
	width:190px;
	text-align:right;
}

#Kontaktformular #checkboxen label{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
	margin:0px;
	width:190px;
	text-align:left;
}

#Kontaktformular #checkboxen label.links{
	width: 195px;
	margin-right: 10px;
	
}

#Kontaktformular #checkboxen label.rechts{
	width: 195px;
	margin: 0px
}

#Kontaktformular label.links{
    float: left;
    margin-right: 10px;
	width:1 90px;
    
}

#Kontaktformular label.rechts{
	float: left;
	margin: 0;
	width: 190px;
}

#Kontaktformular #captcha label{
	clear: left;
	margin-top: 20px;
	text-align: left;
	width: 400px;
}

#Kontaktformular #captcha p{
	font-size: 80%;
}

#Kontaktformular label.textarea{
	clear: left;
	padding: 0 0 0 68px;
	margin: 0 0 20px 0;
	text-align: left;
	width: 270px;
	vertical-align: top;
}

#Kontaktformular textarea {
    width: 270px;
	height: 120px;
	
}
 
#Kontaktformular input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
	margin-top:10px;
}

input, textarea, select {
	border: 1px solid #6B7940;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6B7940;
	font-size: 1em;
	padding: 0.2em;
}

textarea {
	margin: 5px 0 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #6B7940;
	font-size: 1em;
	width: 270px;
	height: 120px;
}

/************/
/* Social Media */
/************/

#Kontaktformular #checkbox label
{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
	margin:0px;
	width:404px;
	text-align:left;
}

#Kontaktformular #checkbox .checkbox
{
	margin-left: 15px;
	width: 15px;
}

#Kontaktformular .webseite{
	float: left;
	margin: 0 0 0 14px;
	width: 370px;
}

#kopf_sm
{
	background: url(http://www.paseo-marketing.de/images/head_sm.gif) no-repeat;
	height:210px;
	width:993px;
	margin:0px;
	padding:0px;
}

#talk_to_sm a
{
	font-size: 70%;
	text-decoration: none;
	color: #FFFFFF;
	background: #3A4C00;
	padding: 8px;
	-moz-border-radius: 5px;
}

#talk_to_sm a:hover
{
	text-decoration: underline;
}

.contact_form_sm
{
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 8px #999999;
    -moz-box-shadow: 10px 10px 8px #999999;
    box-shadow: 10px 10px 8px #999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#999999, offx=5, offy=5)";
    filter: progid:DXImageTransform.Microsoft.DropShadow(color=#999999, offx=5, offy=5);
	padding: 2px 10px;
	width: 430px;
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
}