/*
//	default style sheet
//	___________________
//
//	Authors:
//
//	bea wuergler : neuweiss - visuelle kommunikation
//	Contact: bea.wuergler [-AT-] neuweiss [-D0T-] ch
//
//	copyright 2007 - all rights reserved
*/



/* seitenlayout allg */
body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color: #fff;

	
}

.wrapper {
	position:relative;
	width:945px;
	height: 650px;
	border: 1px solid #666;
	margin: 50px auto 0px auto;
	padding:0px;
	text-align:left;
	background-color: none;
		
}

.imgindex {
	position:relative;
	width:945px;
	height:620px;
	margin:0px auto 0px auto;
	padding:0px;
}		
	
		
.imgsystemis {
			position:absolute;
			top: 320px;
			left: 430px;
			width:90px;
			height:65px;
						
}

/* header mit logo + menu level 1 */
.header {
	position:absolute;
	top:0px;
	left:0px;
	width:945px;
	height:130px;
	background-color: none;
	
}
.header_image {
	position:absolute;
	top:0px;
	left:0px;
	width:810px;
	height:130px;
	
}

/* bild */
.mainimg {
	position:absolute;
	top:16px;
	left:145px;
	width:610px;
	height:480px;
	z-index:10px;
}



.img_person {
	position: absolute;
	width: 79px;
	height: 120px;
	top: 50px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	background-image: url(../images/img_markus.jpg);
	background-repeat: no-repeat;	
}

.img_buch {
	position: absolute;
	width: 200px;
	height: 292px;
	top: 15px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	background-image: url(../images/titel_buch.png);
	background-repeat: no-repeat;	
}


.img_buch_2 {
	position: absolute;
	width: 200px;
	height: 292px;
	top: 15px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	background-image: url(../images/buch_jetztreichts.png);
	background-repeat: no-repeat;	
}





.img_button{
	position: absolute;
	width: 120px;
	height: 120px;
	top: 50px;
	left: 810px;
	padding: 0px 0px 0px 0px;
	z-index:100px;
}

/*----------------------------------------------------*/
/* boxout */
/*----------------------------------------------------*/

.boxout {
	color: #none;
	text-decoration:none;
}

.boxout a:link, .boxout a:visited  {
	text-decoration:none;
	color: #333;
}

.boxout a:hover, .boxout a:active  {
	color: #333;
}
/* inhalt wrapper */

.contentbox{
	position: absolute;
	top: 0px;
	width:945px;
	height:650px;
	margin: 0px 0px 0px 0px;
	background-color: none;
}


.contentbox_left {
	position: absolute;
	width:190px;
	height:497px;
	top: 153px;
	left: 0px;
	background-color: #0071b9;
}



.contentbox_right{
	position: absolute;
 	width:755px;
	height:497px;
	top: 154px;
	left: 190px;
	padding: 0px;
	margin: 0px;
	background-color: none;
}


/* Hauptnavigation*/

.mainmenu {
	position: absolute;
	width: 945px;
	top:130px;
	left:0px;
	padding: 0px 0px 0px 0px;
	background-color: #cf003d;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



ul.mainnav {
	list-style:none; 
	margin:0px;
	padding:0px;
}
		
ul.mainnav li {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

ul.mainnav li a {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 15px;
	font-size:11px;
	text-decoration:none;
	color:#fff;
}

ul.mainnav li a:hover {
	text-decoration:none;
	color:#036;
}

ul.mainnav li .active {
	text-decoration:none;
	color:#036;
	font-weight: bold;
}


/* Unternavigation */


.submenu {
	position: absolute;
	left: 0px;
	top: 20px;
	width:190px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}


ul.subnav {
    list-style:none; 
	margin:0px;
	padding:0px;
}

		
ul.subnav li {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #fff;
}


ul.subnav li a {
	display:block;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-decoration:none;
	text-align:left;
	color:#fff;
}

ul.subnav li a:hover {
	text-decoration:none;
	color:#600;
}


ul.subnav li .active {
	text-decoration:none;
	color:#600;
	font-weight: bold;
}




/* inhalt spalte*/
.content {
	position: absolute;
	width: 700px;
	top: 20px;
	left: 30px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	
}



.content_person {
	position: absolute;
	width: 650px;
	top: 50px;
	left: 100px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	
}

.content_buch {
	position: absolute;
	width: 480px;
	top: 20px;
	left: 220px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	
}

.content_buch_2 {
	position: relative;
	width: 650px;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	
}

.content_follow {
	position: relative;
	width: 650px;
	margin: 15px 0px 0px 0px;
	
}

.content_follow_person {
	position: relative;
	width: 650px;
	margin: 15px 0px 0px 0px;
	float: right;
	
}

.hilite {
	color: #cf003d;
	font-weight: bold;
	font-size:20px;
}


.content p {
	margin:0px 0px 15px 0px;
	line-height:16px;
	
}

.content a {
	text-decoration:none;
	color:#0371B9;
} 

.content a:hover {
	text-decoration:none;
	color:#cf003d;
	
} 



/* liste*/
.ul {
	list-style-type: square;
	padding-left: 15px;
	margin-left: 0px;
	line-height: 16px;
	width: 650px;
	
	}
	

.ul_person {
	list-style-type: square;
	padding-left: 10px;
	margin-left: 0px;
	line-height: 16px;
	width: 550px;
	
}

.ul_content {
	list-style-type: none;
	padding-left: 0px;
	margin: 10px 0px 0px 0px;
}

.ul_kontakt {
	list-style-type: none;
	padding-left: 15px;
	margin-left: 0px;
	
}

.adresse ul{
	list-style-type: none;
	padding-left: 5px;
	margin-left: 0px;
	
}

/* fuss */
.footer {
	position:relative;
	width:945px;
	margin: 10px auto 0px auto;
}

.faktor {
	position: absolute;
	left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #0371B9;
}


.footer p {
	font-size:11px;
	text-align: right;
	color:#0371B9;
}

.footer a:link {
	color: #0371B9;
	text-decoration: none;
}

.footer a:hover {
	color: #D5CD00;
	text-decoration: none;
}




/* auszeichnungen */
h1,h2,h3,h4 { font-weight:bold; margin-bottom:7px; }
h3 { color:#333; font-size:110%; }
h4 { color:#333; text-transform: uppercase; }