/* global reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {margin-right: 0px;}


h1{ font-size:23px; font-family:Arial, Helvetica, sans-serif; color: #577047; margin-bottom:0.3em;}
h2{ font-size: 12px; font-family:Tahoma, Geneva, sans-serif; color: #666666; font-weight:bold;}
h3{ font-size: 14px; font-family:Verdana, Geneva, sans-serif; color: #596366;}
h4{ font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #A1080D; font-weight:lighter;}
h5{ font-size: 16px; font-family:"Times New Roman", Times, serif; color: #333333; padding-left:8px;}

:focus {
	outline: 0;
}
body {
	line-height: 1.2; /* lesbarkeit verbessern */

}
h3, h4, h5, h6, p { /* abstand halten bitte!*/
	margin-top:7px;
	margin-bottom:0.4em;
} 
/* global reset ende */

/* colorieren und positionieren */
body {
	background-image:url(images/hg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FEEAA5;
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif; /* nicht jedermanns sache, aber sehr gut lesbar */
	font-size:12px;
	margin: 0; padding: 0; 
	text-align: center;
}
#accessibility { visibility: hidden; }


#wrap {
	width: 1004px;
	margin: 0 auto;
	text-align: left;		
	background: url(../images/content-bg.jpg) no-repeat center 100%; 		
}



#content_container {
	position: relative;
	margin: 0 auto 0px auto;
	min-height: 700px;
}
#linksall {
margin-top:5em;
padding-left:29px;
float: left;
width: 285px;
min-height:300px;
}

#boxnav{
padding:10px; padding-left:10px; padding-top:10px; font-size:15px; color:#666; min-height:200px; border: 1px solid; border-color:#E9F2C6; background-image:url(images/hgnavi.jpg); background-repeat:repeat-x; padding-bottom:40px;}
#box1{padding:8px; min-height:112px; width:245px; background-color:#FFF; margin-left:10px; margin-bottom:30px;}
#box2{margin-top:10px; padding-right:8px; width:253px; background-color:#FFF; margin-left:10px; min-height:112px;}
#box3{margin-top:10px; padding:8px; min-height:80px;}

#box1 h1, #box2 h1{ 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#6D481D;}

#box2 h1{ 
padding-top:10px;}

#box1 a, #box2 a{ 
	font-size:11px;
	text-decoration:underline;
	color:#8A943D;}
#box1 a:hover, #box2 a:hover{ 
	font-size:11px;
	text-decoration:none;
	color:#8A943D;}

#box1 h2, #box2 h2, #box3 h2{font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#96B428;
	text-decoration: none;
	margin-left: 13px;
	padding-left:12px;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(images/pfeilg.gif);
	background-position: left center;
	background-repeat:no-repeat;
	line-height: 1.7em;}

#contentall{float: left;	
	width:100%;
	min-height:453px;
	margin-top:42em;
	}
#content {
	float: left;
	margin-left:10em;
	margin-top:-4em;
	padding-top:2em;
	padding-right:33px;
	padding-left:50px;
	width:780px;
	background-color:#FFF;
	color:#666666;
	font-size:12px;
	min-height:640px;
	position:relative;
	z-index:13;
	
}

#content-bottom {
	background-color:#666;
	height:24px;
}

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

#content ul li{ padding-bottom:3px;}

#bild {
	float:left;
	width: 667px;
	height: 332px;
	background-color: #999999;
	margin-left:29px;
	margin-top:140px;
	position:relative;
	z-index:3;
}




#sp {
	position:absolute;
	top:395px;
	left:711px;
	height:27px;
	width:72px;
	font-size: 11px;
	color:#666;
	background-image: url(images/hgarbeit.png);
	background-repeat:no-repeat;
	z-index: 5;
}
#breat h1 { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#596366;}
#breat a{font-size: 10px; color:#666; text-decoration:underline;}


#nav {
	width: 19px;
	position:absolute;
	top:92px;
	height: 23px;
	left: 983px;
	z-index: 5;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#hgjulia {
	float:left;
	width: 286px;
	position:absolute;
	top:155px;
	left:707px;
	height: 147px;
	z-index: 1;
}
#hgjulia h1 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; color:#FFF; }
#hgjulia a {  color:#FFF; text-decoration:none; }
#hgjulia a:hover {  color:#FFF; text-decoration:underline; }
#logos {
	float:left;
	width: 260px;
	position:absolute;
	top:6px;
	left:65px;
	height: 112px;
	z-index: 6;

}



#header {
	float:left;
	position:absolute;
	top:510px;
	left:38px;
	height: 26px;
	width: 268px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8A943D;
}

#hgnavi2 {
	float:left;
	width: 661px;
	position:absolute;
	top:81px;
	left:310px;
	height: 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	z-index: 5;
	background-color: #4E3623;
	padding-top:18px;
	padding-left:9px;
}



#hgbild{
	float:left;
	width: 663px;
	position:absolute;
	top:63px;
	left:255px;
	height: 340px;
	background-image:url(images/hgbild.png);
	background-repeat:no-repeat;
	z-index: 3;

}

#juliah1{
	float:left;
	width: 260px;
	position:absolute;
	top:355px;
	left:207px;
	height: 276px;
	font-size:14px;
	color:#596366;
	font-family:Verdana, Geneva, sans-serif;
	z-index: 6;
	background-image: url(images/hgarbeit.jpg);

}

#facebook{
	float:left;
	width: 481px;
	position:absolute;
	top:214px;
	left:462px;
	height: 295px;

}
#infos{
	float:left;
	width: 375px;
	position:absolute;
	top:53px;
	left:594px;
	height: 22px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333333;
	text-align:right;
}

#infos a { text-decoration:none; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#333333;}
#infos a:hover { text-decoration:underline; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#333333;}
#twitter{
	float:left;
	width: 265px;
	position:absolute;
	top:233px;
	left:10px;
	height: 193px;
	font-size:11px;
	text-align:left;
	color:#A67A66;
	background-image:url(images/twitter.jpg);
	background-repeat:no-repeat;
	z-index: 2;
}

#spruch{
	float:left;
	width: 18px;
	position:absolute;
	top:15px;
	left:-26px;
	height: 586px;
	font-size:11px;
	text-align:left;
	color:#A67A66;
}



a.menuehead-act{	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#A67A66;
	text-decoration:underline;}

#importantinfo th{
list-style-image: url(/nav/bullet.gif);

margin-bottom: 7px;

}

#infos h1 {font-size:14px; color:#FFF; text-align:center;}


	
}
#ocislogo {
	height:1,2em;
	text-align:right;
	float:right;
}





col_wrap {
  border:1px solid #ddd;
  padding:5px;
 
}

.col1 { float:left; width:55%; padding:5px; }
.col2 { float:left; width:35%; padding:5px; }


#infos .col1 { float:left; width:38%; padding:5px; }
#infos .col2 { float:left; width:38%; padding:5px; }



/* routenplaner */
form.routenplaner input, form.routenplaner select {
	border: 1px solid #4e3623;
	margin: 0 0 0 2px;
	font-size:11px;
}

form.routenplaner input.input, form.routenplaner select.input {
	padding:2px 5px;
}

form.routenplaner input.submit {
margin:4px 0 0 92px !important;
}

form.routenplaner input.print {
margin:4px 0 0 9px !important;
}

#content #c58 form  {
background-color: #E4DFCD;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size:11px;
}

div.cute_profiles_sprite{
top:150px;
left:0px;
}


/* footer */
#footer {
	color:#FFF;
	float: left;
	width: 100%;
	text-align:right;
	background-image:url(images/footerhg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#6D481C;
	min-height:200px;
	padding-top:60px;
}

#footer a { font-size:11px; text-decoration:none; color:#fff;}
#footer a:hover { font-size:11px; text-decoration:underline; color:#fff;}
#footer-bottom {
width: 1004px;
	margin: 0 auto;
	text-align: left;
	min-height:100px;
	padding-top:70px;
}

#footer-bottom .bottom-right {
	text-align: center;
	padding-right: 100px;
}
#footer-bottom a.back-to-top {
	background: url(../images/arrow-up.gif) no-repeat right center;
	padding-right: 20px;
}

col_wrap {
  border:1px solid #ddd;
  padding:5px;
 
}

#footerboxl h1, #footerbox2 h1, #footerbox3 h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#FFF; padding-bottom:8px;}

#footerboxl {
	float:left;
	width: 225px;
	top:553px;
	left:462px;
	height: 160px;
	padding-top:5px;
	color:#fff;
	padding-left:40px;
	line-height: 1.3em;
	
}

#footerbox2 {
	float:left;
	width: 225px;
	top:553px;
	left:462px;
	height: 160px;
	padding-top:5px;
	margin-left:10px;
	color:#fff;
	padding-left:20px;
	
}
#footerbox3 {
	float:left;
	width: 410px;
	top:553px;
	left:462px;
	height: 160px;
	padding-top:5px;
	margin-left:10px;
	color:#fff;
	padding-left:10px;
}
#easyweb {
	float:left;
	width: 100%;
	top:553px;
	color:#fff;
	text-align:right;
	padding-bottom:20px;
	margin-right:-60px;

}