/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p 
		- a
		- h1
		- h2
	--------------------------------------------
	2. Seitenaufbau
		2.1 Wrapper
		2.2 Logo
		2.3 Header
		2.4 Picture
		2.5 Menue
		2.6 Submenue
		2.7 Content
		2.8 Footer
	--------------------------------------------
	3. Diverses
		3.1 
	--------------------------------------------  */	
	
/*
	EM - PX 
	10px = 0.6em
	12px = 0.76em
	14px = 0.9em
	16px = 1.0em
	18px = 1.12em
	22px = 1.38em
	26px = 1.63em
*/


/*  ======================
	=== 1. Allgemeines ===
	======================  */

* {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
}

body {
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	background:#CCD3E2 url(../images/body.gif) repeat-x 0 0;
}

a {
	color:#003d7e;
	text-decoration:none;
}

a:hover {
	color:#FFB712;
}
a.aktuell {
	color:#FFB712;
}
h1 {
	font:700 15px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	padding-bottom:10px;
}
h2 {
	font:700 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	padding-bottom:8px;
}
h2.xtra {
	padding:0;
}
h3 {
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	padding-bottom:8px;
	clear:left;
}
h4 {
	font:700 15px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	padding:20px 0 0 0;
}

h5 {
	font:700 15px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#060654;
	padding:25px 0 25px 0;
}

/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */

/*  -------------------
	--- 2.1 Wrapper ---
	-------------------  */

#wrapper {
	width:812px;
	height:auto;
	margin:0 auto;
	text-align:left;
	margin-top:18px;
	position:relative;
	background:url(../images/wrapper.png) repeat-y 0 0;
}

/*  ------------------
	--- 2.2 Logo ---
	------------------  */
	
#logo {
	position:absolute;
	top:30px;
	left:586px;
	width:207px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/werbung_wagner.png) no-repeat 0 0;
}
#logo a {
	display:block;
	width:207px;
	height:16px;
}

/*  ------------------
	--- 2.3 Header ---
	------------------  */
	
#header {
	width:auto;
	height:105px;
	background:url(../images/header.png) no-repeat 0 0;
	text-indent:-9999px;
	padding:0;
}

/*  ------------------
	--- 2.4 Picture ---
	------------------  */
	
#pic_home {
	width:auto;
	height:168px;
	background:#FFB712 url(../images/pic_home.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_kontakt {
	width:auto;
	height:168px;
	background:url(../images/pic_kontakt.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_impressum {
	width:auto;
	height:168px;
	background:url(../images/pic_impressum.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_aktuelles {
	width:auto;
	height:168px;
	background:#FFB712 url(../images/pic_aktuelles.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_portrait {
	width:auto;
	height:168px;
	background:#FFB712 url(../images/pic_portrait.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_leistungen {
	width:auto;
	height:168px;
	background:#FFB712 url(../images/pic_leistungen.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#pic_referenzen {
	width:auto;
	height:168px;
	background:#FFB712 url(../images/pic_referenzen.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

/*  -----------------
	--- 2.5 Menue ---
	-----------------  */

#menue {
	width:auto;
	font:13px/15px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0px;
	padding:83px 0 0 182px;
	text-indent:0;
	line-height:12px;
}
#menue li {
	float:left;
	margin:0;
	text-align:left;
	padding:0 12px;
}
#menue li a {
	color:#FFB712;
	padding:0;

}
#menue li a:hover {
	color:#060654;
}
#menue li a.aktuell {
	color:#060654;
}


/*  --------------------
	--- 2.6 Submenue ---
	--------------------  */

#submenue {
	width:196px;
	height:227px;
	list-style:none;
	float:left;
	padding:60px 0 0 7px;
	background:url(../images/submenue.png) no-repeat 0 0;
}
#submenue li {
	width:186px;
	height:27px;
	margin-bottom:2px;
}
#submenue li a {
	display:block;
	width:186px;
	height:27px;
	text-indent:-9999px;
}
#submenue a:hover {
	color:#fff;
}

.aktuelles {
	background:url(../images/btn_aktuelles.png) no-repeat 0 0;
}
.aktuelles a:hover {
	background:url(../images/btn_aktuelles2.png) no-repeat 0 0;
}
.aktuelles_aktuell {
	background:url(../images/btn_aktuelles2.png) no-repeat 0 0;
}
.portrait {
	background:url(../images/btn_portrait.png) no-repeat 0 0;
}
.portrait a:hover {
	background:url(../images/btn_portrait2.png) no-repeat 0 0;
}
.portrait_aktuell {
	background:url(../images/btn_portrait2.png) no-repeat 0 0;
}
.leistungen {
	background:url(../images/btn_leistungen.png) no-repeat 0 0;
}
.leistungen a:hover {
	background:url(../images/btn_leistungen2.png) no-repeat 0 0;
}
.leistungen_aktuell {
	background:url(../images/btn_leistungen2.png) no-repeat 0 0;
}
.referenzen {
	background:url(../images/btn_referenzen.png) no-repeat 0 0;
}
.referenzen a:hover {
	background:url(../images/btn_referenzen2.png) no-repeat 0 0;
}
.referenzen_aktuell {
	background:url(../images/btn_referenzen2.png) no-repeat 0 0;
}


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

#content {
	float:left;
	width:333px;
	padding:57px 20px 0 30px;
	background-color:#fff;
}
#content a {
	color:#7a9abc;
	text-decoration:underline;
}
#content a:hover {
	color:#e5c156;
}
#content p {
	padding-bottom:18px;
}
#content ul {
	list-style-position: inside;
	list-style-type: disc;
}
#content li {
	padding-bottom:10px;
	font-weight:700;
}
#content ul.ref {
	clear:left;
	float:left;
	list-style:none;
	margin:0 0 15px;
	padding:0;
}
ul.ref li {
	float:left;
	width:27px;
	height:27px;
	margin:0 10px 0 0;
	padding:0;
}
ul.ref img {
	border:1px solid #FFB712;

}
.img_referenzen {
	float:left;
	width:27px;
	height:27px;
	border:1px solid #FFB712;
	margin:0 8px 18px 0;
}
#content p.top {
	clear:both;
	float:right;
	padding:0 0 8px;
}
#content p.line {
	border-top:1px solid #DCDEE7;
	clear:both;
	margin:10px 0;
	padding:0;
}
.tn_img img {
	float:left;
	margin:4px 9px 5px 0;
	border:1px solid #FFB712;
	
}

/*  ------------------------
	--- 2.9 Column Right ---
	------------------------  */
	
#column_right {
	float:left;
	width:208px;
	background:url(../images/column_right.png) no-repeat 0 0;
	padding:57px 0 0 18px;
}
#column_right h1 {
	color:#A2A3BF;
	font-weight:normal;
}
#column_right h1.xtra {
	color:#A2A3BF;
	font-weight:normal;
	margin:0 0 20px 30px;
}
#column_right p {
	font-size:10px;
	padding:0 16px 10px 0;
}
#column_right a {
	color:#7a9abc;
	text-decoration:underline;
}
#column_right a:hover {
	color:#e5c156;
}
#column_right ul {
	list-style:none;
	padding-top:8px;
}
#column_right ul li {
	padding:0 0 10px 0;
}
#column_right ul li a {
	padding:0 0 0 10px;
	background:url(../images/bullet.png) no-repeat 0 2px;
}
#column_right ul li a.activ {
	color:#e5c156;
}

/*  ------------------
	--- 2.7 Footer ---
	------------------  */

p#footer {
	clear:left;
	width:794px;
	height:37px;
	background:url(../images/footer.png) no-repeat 0 0;
	font-size:10px;
	line-height:34px;
	text-align:right;
	color:#383876;
	padding:0 18px 0 0;	
}
p#footer a {
	color:#383876;
}
p#footer a:hover {
	color:#fff;
}

/*  --------------------
	--- 2.8 Tabellen ---
	--------------------  */

table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
	border:none;
}
td {
	text-align:left;
	vertical-align:top;
	padding-bottom:15px;
}