/*   Stylesheet for kochen-mit-spass.at    */
/*  (c) Platypus Media Design, July 2007   */


body {
	margin: 0px;
	padding: 0px;
	font: 14px Arial, Helvetica, sans-serif;
	background: #fff url(.././images/bg.gif) left 20px repeat-x;
	color: #404040;

}



#head {
	width: 810px;
	height: 130px;
	margin: 0px auto;
	border: 0px solid;
	margin-top: 0px;

}


.bar {
	background: url(.././images/bar.gif) left top no-repeat;
	width: 810px;
	height: 5px;
	margin: 5px auto;
	padding: 0px;
	clear: both;
}

#wrapper	{
	margin: 0px auto;
	padding: 0px;
	width: 790px;
	
}

html>#wrapper {
	width: 790px;
}

#content {
	position: absolute;
	background: transparent;
	border: 0px solid #FFFFFF;
	margin: 0;
	width: 790px;
	float: left;
	text-align: left;
	padding-bottom:10px;
}

#mainstuff {
	width: 550px;
	float: left;
	text-align: left;
	margin-bottom:30px;
}

#leistungsbereich {
	width:808px;
	height:234px;
	background: #EDEDED url(.././images/bg_leistungsbereich.gif) left top no-repeat;
	margin:10px 0 0 0;
	padding-left:2px;
}

#leistungsbereich img {
	border:2px solid #EDEDED;
	float:left;
	margin:0;
	margin:9px 0px 0px 9px;
}

#leistungsbereich img:hover {
	border:2px solid #aaa;
}


#content h1 {
	font-size : 21px;
	line-height : 26px;
	letter-spacing: 0px;
	font-weight:normal;
	margin:15px 0 0 0;
	color: #2e598e;
}

#content h2 {
	font-size : 13px;
	line-height : 19px;
	letter-spacing:0px;
	font-weight:bold;
	color: #DD7820;
}

#content p,ul,li {
	font-size : 14px;
	line-height : 19px;
	color: #404040;
}

#content a {
	margin:0;
	padding:0;
	color: #00377a;
	text-decoration:underline;
	font-weight:bold;
}

#content a:hover {
	color: #38649a;
	text-decoration:underline;
}

/*** GLOBAL NAVIGATION ***/

div#globalnav	{
	clear:both;
	height: 35px;
	width: 810px;
	margin: 0 0 0 0px;
	padding-top: 0px;
	border: 0px solid black;
	background: transparent url(.././images/bg_nav.gif) top left no-repeat;
}

div#globalnav ul#menu	{
	height: 35px;
	width: 790px;
	background: transparent url(.././images/nav.gif) top left no-repeat;
	margin: 0 0 0 15px;
	padding: 0;
	position: relative;
}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a {
	height: 35px;
	display: block;
}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#leistungen	{left: 0; width: 130px;}
#kanzlei	{left: 130px; width: 100px;}
#berufsbild	{left: 230px; width: 120px;}
#service 	{left: 350px; width: 90px;}
#links		{left: 440px; width: 70px;}
#kontakt 	{left: 510px; width: 105px;}
#gaestebuch 	{left: 615px; width: 100px;}
#plus		{left: 600px; top: 70px;}

#leistungen a:hover	{background: transparent url(.././images/nav.gif) 0 -35px no-repeat;}
#kanzlei a:hover {background: transparent url(.././images/nav.gif) -130px -35px no-repeat;}
#berufsbild a:hover {background: transparent url(.././images/nav.gif) -230px -35px no-repeat;}
#service a:hover {background: transparent url(.././images/nav.gif) -350px -35px no-repeat;}
#links a:hover {background: transparent url(.././images/nav.gif) -440px -35px no-repeat;}
#kontakt a:hover {background: transparent url(.././images/nav.gif) -510px -35px no-repeat;}
#gaestebuch a:hover {background: transparent url(.././images/nav.gif) -615px -35px no-repeat;}

body#leistungenhome #leistungen {background: transparent url(.././images/nav.gif) 0 -35px no-repeat;}
body#kanzleihome #kanzlei {background: transparent url(.././images/nav.gif) -130px -35px no-repeat;}
body#berufsbildhome #berufsbild {background: transparent url(.././images/nav.gif) -230px -35px no-repeat;}
body#servicehome #service {background: transparent url(.././images/nav.gif) -350px -35px no-repeat;}
body#linkshome #links {background: transparent url(.././images/nav.gif) -440px -35px no-repeat;}
body#kontakthome #kontakt {background: transparent url(.././images/nav.gif) -510px -35px no-repeat;}
body#gaestebuchhome #gaestebuch {background: transparent url(.././images/nav.gif) -615px -35px no-repeat;}


/**** SUBNAVIGATION ****/

#subnav {
	width: 200px;
	background: #fff;
	position:relative;
	float:left;
	height:100%;
	margin-right:25px;
	padding-top:14px;
}

#subnav_bottom {
	margin: 0;
	padding: 0;
	background: #fff;
	height: 10px;
	border-top: 1px solid #b2c3d8;
}

#cat {
	margin: 0;
	padding: 0;
	position:relative;
	width:200px;
	float:left;
}
	
#cat ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: circle;
	text-align: left;
	clear: left;
	
	border: 0px solid;
}

#cat ul li {
list-style-type: circle;
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: -3px;
	width: 200px;
}

#cat ul li a {
	background:#fff;
	height:100%;
	border-top: 1px solid #becbd8;
	border-left: 0px none;
	border-right: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right:10px;
	margin: 0;
	color: #6b8cb3;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 13px;
	text-indent:0px;

	line-height: 18px;
	
}

html>#cat ul li a  {
	font-size: 13px;
} 

#cat ul li a:hover {
	color: #00387c;
	background: #f1f4f8;
	text-decoration: none;
	}

#cat ul li a#active {background: #fff url(.././images/subnav.gif) left bottom repeat-x;font-weight:bold;color: #00387c;}

/**** BOXES ****/

#boxes {
	width: 160px;
	text-align: left;
	float:right;
}

.box {
	width:180px;
	margin:20px 0 50px 10px;
	position:relative;
	vertical-align:top;
	text-align:left;
	margin-bottom:20px;
	z-index:2;
	background:#FDF8F4;
	float:right;

}

.boxcontent {
	padding: 10px;
	padding-top:5px;
	padding-bottom:15px;
	font-size : 13px;
	line-height : 16px;
	color: #404040;
	}

#footer { width:810px;}
#copy {
	float:left;
	font-size : 10px;
	color: #555;
	padding-left:5px;
	padding-top:3px;
	}
	
#platypus {
	float:right;
	font-size : 10px;
	color: #555;
	padding-right:5px;
	padding-top:3px;
	}
	
#platypus a {
	color: #505050;
	font-weight:normal;
	text-decoration:none;
}

table#preise h2 {
	margin-bottom:0px;
}

table td {vertical-align:top; text-align:left;}

hr {
	height:2px;border:0px;background:#ddd; width:100%; text-align:left;
}

.Inputgreen {
	font-family : Arial; 
	font-size : 14px; 
	font-family : Arial; 
	color : #ffffff; 
	font-weight : bold; 
	width : 120px; 
	height : 30px; 
	background-color : #2e598e; 
	border : 1px inset inherit; 
	} 
	
.Inputred {
	font-size : 14px; 
	font-family : Arial; 
	color : #000; 
	font-weight : bold; 
	width : 120px; 
	height : 30px; 
	background-color : #f8f9fb; 
	border : 1px inset inherit; 
} 

.input {
	font-family : Arial; 
	color : #404040; 
	font-size : 14px; 
	font-weight : normal; 
	height : 18px; 
	border : 1px solid #6688b0; 
	background:#f6f9fa;
	padding:2px;
} 

img {border:0px;}

#buttonbar {height:35px;margin:20px 0 0 0;width:810px;}
#buttonbar img {float:left;margin-right:12px;}

tr.error td {color:red;}
tr.error td input, tr.error td select, tr.error td textarea {border:1px solid red;}

.error_login_index {width:299px;text-align:center;color:red;font-weight:bold; position:absolute;margin:145px 0px 0px -165px; border:1px solid #d4d4d4;padding:3px;background:white;}
.error_login {color:red;font-weight:bold; border:0px solid #333;margin-bottom:10px;width:80%;}