@charset "UTF-8";
/* CSS Document */
/*
red: #aa0a17
bg: #f1eeeb
*/

body  {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333;
	background-color: #f1eeeb;
	background-image:url(../_images/umbrella-bg.jpg);
	background-repeat:repeat-x;
	font-family: Lucida Grande, Lucida, Arial, sans-serif;
	font-size: 12px;
}

#container { 
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	margin: 20px auto 20px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	}

#bigbox {
	width: 900px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#leftside {
	width: 600px;
	float: left;
	padding: 0px;
	margin: 0 20px 20px 0;
}

#head {
	background-color:#ccc;
	width: 600px;
	height: 270px;
	float:left;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#navi {
	width: 620px;
	height: 50px;
	float:left;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#main {
	background-color:#fff;
	width: 560px;
	float:left;
	padding:20px;
	margin: 0 0 0 0;
	min-height: 540px;
}

#rightside {
	width: 280px;
	float:left;
	padding:0px;
	margin: 0 0 20px 0;
}
#rightbox1 {
	background-color:#f1eeeb;
	width: 260px;
	height: 340px;
	float:left;
	border:solid 10px #FFF;
	margin: 0 0 20px 0;
}
/* Leistungen */
#menu-leistungen {
	font-family: Lucida Grande, Lucida, Arial, sans-serif;
	padding: 0;
	line-height:2.45em;
	margin: 0;
}
#menu-leistungen ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;		
}

#menu-leistungen a {
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color:#aa0a17;
	display:block;
}
#menu-leistungen a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
/* Leistungen End */

#sn-box
{
	height:55px; background-image:url(../_images/sn-bg.png); background-repeat:repeat-x; margin:0 0 0 0; padding-top:20px;
}

#facebook {
	width: 32px;
	height: 32px;
	text-decoration: none;
	display: block;
	background: url('../_images/sn-icons.png') 0 0;
	float:left;
	margin: 0 10px 0 50px; /* 260-(3x32)96/2-10 */
	}
	
	#facebook:hover, #facebook:active {
	background-position: 0 32px;
	}
	
#twitter {
	width: 32px;
	height: 32px;
	text-decoration: none;
	display: block;
	background: url('../_images/sn-icons.png') 128px 0;
	float:left;
	margin: 0 10px 0 0;
	}
	
	#twitter:hover, #twitter:active {
	background-position: 128px 32px;
	}

#google {
	width: 32px;
	height: 32px;
	text-decoration: none;
	display: block;
	background: url('../_images/sn-icons.png') 256px 0;
	float:left;
	margin: 0 10px 0 0;
	}
	
	#google:hover, #google:active {
	background-position: 256px 32px;
	}
	
#xing {
	width: 32px;
	height: 32px;
	text-decoration: none;
	display: block;
	background: url('../_images/sn-icons.png') 384px 0;
	float:left;
	margin: 0 10px 0 0;
	}
	
	#xing:hover, #xing:active {
	background-position: 384px 32px;
	}
	
#linkedin {
	width: 32px;
	height: 32px;
	text-decoration: none;
	display: block;
	background: url('../_images/sn-icons.png') 512px 0;
	float:left;
	margin: 0 0 0 0;
	}
	
	#linkedin:hover, #linkedin:active {
	background-position: 512px 32px;
	}	


#tweetbox {
	background-color:#fff;
	width: 280px;
	height: 340px;
	float:left;
	margin: 0 0 20px 0;
}
#tweet-head
{
	height:30px; background-image:url(../_images/sn-bg.png); background-repeat:repeat-x; margin:0 0 0 0; padding-top:15px;
	color: #FFF;
	font: 12px Lucida Grande, Lucida, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
}

#rightbox2 {
	background-color:#fff;
	width: 280px;
	height: 200px;
	float:left;
	margin: 0 0 0 0;
}
#kontakt-head
{
	height:30px; background-image:url(../_images/sn-bg.png); background-repeat:repeat-x; margin:0 0 0 0; padding-top:15px;
	color: #FFF;
	font: 12px Lucida Grande, Lucida, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
}
#kontakt-box p {
	padding:15px 20px 20px 20px;
	width: 240px;
	height:165px;
	margin:0px;
	line-height:20px;
	color:#333;
	
}

#foot p {
	width: 860px;
	padding:8px 20px 0 20px;
	height: 20px;
	float:left;
	border-top: solid 1px #CCC;
	font: 11px Lucida Grande, Lucida, Arial, sans-serif;
	color:#999;
	background-color:#666;
	margin:0 0 20px 0;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p {
	padding:0px;
	margin:0px;
	text-align:left;
	font: 13px Lucida Grande, Lucida, Arial, sans-serif;
	color: #333;
}

h2 { font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
        color: #333;
        font-family: Lucida Sans Unicode, Lucida Grande, Lucida, Arial, sans-serif;
        line-height: 1.25;
        text-transform: uppercase;
		text-align:left;
}

.page-title {
	color: #666;
	display: inline-block;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 1.2;
	margin: 0;
	padding: 0px 0px 20px 0;
	width: 100%;
    }
.accent { color:#aa0a17}

.ul-leistungen
{
	list-style-image:url(../_images/ul1.gif);
	margin: 0 0 10px 25px ; 
	padding: 5px;
	line-height:20px;
	text-align:left;
}

#textbox
{
	float:left;
	width:380px;
	height:150px;
}
#textbox-v
{
	float:left;
	width:380px;
	height:185px;
}
#thumb-v
{
	border: #999 1px solid;
	float:left;
	width:113px;
	height:151px;
	margin-right: 57px;
}

#thumb
{
	border: #999 1px solid;
	float:left;
	width:150px;
	margin-right: 20px;
}
#text-left
{
	float:left;
	width:100px;
	clear:left;
	margin:0 0 10px 0;
}
#text-right
{
	float:left;width:250px;
	margin:0 0 0 0;
}

a.autopiloten 		{ display:block; width:331px; height:150px; background:transparent url('file:///MyMedia Berlin/Kunden/Lucry&Niqo/Web/duzen/autopiloten-1.jpg') no-repeat top left;}
a.autopiloten:hover	{ display:block; width:331px; height:150px; background:transparent url('file:///MyMedia Berlin/Kunden/Lucry&Niqo/Web/duzen/autopiloten-2.jpg') no-repeat bottom right;}

a:link 		{ text-decoration: none; font-family: Lucida Grande, Lucida, Arial, sans-serif; color:#aa0a17; }
a:visited	{ text-decoration:none; color:#aa0a17;}
a:focus		{ text-decoration:none; color:#aa0a17;}
a:hover		{ text-decoration:none; color:#999;}
a:active	{ text-decoration:none; color:#aa0a17;}

a.foot:link 	{font-family: Lucida Grande, Lucida, Arial, sans-serif; color:#999; font-size:11px; text-decoration: none;}
a.foot:visited	{text-decoration: none; color: #999;}
a.foot:focus	{text-decoration: none; color: #999;}
a.foot:hover	{text-decoration: none; color: #f1eeeb;}
a.foot:active	{text-decoration: none; color: #999;}

a.kontaktbox:link 	{font-family: Lucida Grande, Lucida, Arial, sans-serif; color:#333; font-size:13px; text-decoration: none;}
a.kontaktbox:visited{text-decoration: none; color: #333;}
a.kontaktbox:focus	{text-decoration: none; color: #333;}
a.kontaktbox:hover	{text-decoration: none; color: #aa0a17;}
a.kontaktbox:active	{text-decoration: none; color: #333;}