/*
___________________________________________________________________

Content:	Stylesheet für Rollon.de
creation:	24.07.2008 by bgarthe@netzpepper.de
changed:	
___________________________________________________________________
*/

html {
  background-color:#FFFFFF;
  height:100%;
  overflow:auto;
}

body, p {
  font-family:Arial,Helvetica,Verdana;
  font-size:11px;
  margin:0px;
}

body {
  background:#FFFFFF none repeat scroll 0%;
}

h1, h2, h3, h4, h5, h6, p {
  color:#666666;
  font-weight:normal;
  margin-top:0px;
}

p {
  color:#333333;
}

div#wrap {
  background-color:#FFFFFF;
  background-image:url(../bilder/border.gif);
  margin:0px auto 10px;
  padding:0px;
  position:relative;
  width:816px;
}

div#site {
  background-color:#FFFFFF;
  margin-left:2px;
  width:810px;
}

div#top {
  height:92px;
  position:relative;
  width:810px;
}

div#headertext {
  bottom:12px;
  left:50px;
  position:absolute;
}

div#logo {
  position:absolute;
  right:20px;
  top:22px;
}

div#topbar {
  background-color:#E2E3E5;
  height:20px;
  width:810px;
}

ul#languagenavi {
  font-size:11px;
  list-style-type:none;
  margin-left:10px;
}

ul#languagenavi li {
  float:left;
}

ul#languagenavi li a {
  border-right:0px solid #FFFFFF;
  color:#666666;
  height:13px;
  line-height:20px;
  padding:0px 20px;
  text-decoration:none;
}

ul#languagenavi li a.aktiv {
  display:none;
}

ul#languagenavi li a.last {
  border-right:0px solid #FFFFFF;
}

div#headerimg {
  background-color:#333333;
  height:150px;
  overflow:hidden;
  width:810px;
}

div#headerimg img {
}

div#innerWrap {
  background-image:url(../bilder/background.gif);
  width:810px;
}

div#naviWrap {
  background-color:#F3F3F3;
  float:left;
  font-size:11px;
  margin-bottom:100px;
  padding-top:55px;
  width:178px;
}

ul#navi {
}

ul#navi li {
  border-top:1px solid #CCCCCC;
}

ul#navi li a {
  color:#333333;
  text-decoration:none;
}

ul#navi li.active a {
  color:#E32524;
}

div#contentarea {
  float:left;
  width:632px;
}

div#contentarea h1 {
  font-size:26px;
  margin-bottom:0px;
}

div#contentarea h2 {
  font-size:18px;
  margin-bottom:5px;
}

div#contentarea h3 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:20px;
}

div#contentarea h4 {
  font-size:11px;
  font-weight:bold;
color:#444;
margin:0em 0em 0.3em 0em;
}

div#contentarea a {
  color:#000000;
  text-decoration:underline;
}

div#quicklinks {
  float:left;
  font-size:11px;
  padding-top:5px;
  width:632px;
}

ul#quickNavi {
  list-style-type:none;
  margin:0pt 0pt 0pt 12px;
  padding:0pt;
}

ul#quickNavi li {
  float:left;
}

ul#quickNavi li a {
  border-right:1px solid #333333;
  color:#333333;
  height:12px;
  line-height:12px;
  padding:0px 20px;
  text-decoration:none;
}

ul#quickNavi li a.last {
  border-right:0px solid #333333;
}

div#content {
  padding:50px 30px 20px 20px;
}

div#content h1 {
}

div#content p {
padding-bottom:6px;


}

div#content ul {
  list-style-image:url(../bilder/square.gif);
  margin-left:14px;
}

div#content ul li {
  margin-bottom:5px;
}


div#content img {
  padding:5px 20px 7px 0px;
}





div#contentright {
  display:none;
}

div#contentright ul{
	list-style-image:url(../bilder/pfeil.gif);
	margin-bottom:5px;
}




div#contentleft {
  background-color:#E3E3E3;
  border:0pt none;
  overflow:hidden;
  padding:50px 0px 20px;
  width:178px !important;
}

div#contentleft p {
  padding:0px 5px;
}

div#contentleft a {
  background-color:#E3E3E3;
  border:0px solid #FFFFFF;
  height:auto;
  width:auto;
}


.clear {
  clear:both;
}

div#footer {
  background-color:#333333;
  font-size:11px;
  height:20px;
  width:810px;
}

ul#footerNavi {
  list-style-type:none;
  margin:0px;
  padding:0px;
  position:absolute;
  right:10px;
}

ul#footerNavi li {
  float:left;
  padding:0px 10px;
}

ul#footerNavi li a {
  color:#FFFFFF;
  line-height:18px;
  text-decoration:underline;
}

div#footershadow {
  background-image:url(../bilder/border-bottom.gif);
  height:5px;
  overflow:hidden;
  width:816px;
}


.spaceup {
	padding-top: 15px;
}

.spaceup2 {
	padding-top: 15px;
}

form input {
  border:0px solid #ccc;
}

form input.kontakt {
  border:1px solid #ccc;
  font-size:12px;
  height:14px;
  width:200px;
}

form textarea {
  height:120px;
  width:200px;
}

form span.kontakt_fehler {
	color: #e20040;
}

form input.kontakt_reset {
	background-color: #e20040;
	color: #fff;
	border: 0px solid #000;
	font-size: 11px;
	margin-left: 122px;
	width: 100px;
}

form input.kontakt_submit {
	background-color: #e20040;
	color: #fff;
	border: 0px solid #000;
	font-size: 11px;
	width: 100px;
}

form input.checkbox {
	border: 1px solid #ccc;
	/*background-color: #ddd;*/
	margin-right: 5px;
}

#formblatt form input {
  border:1px solid #ccc;
  margin-left: 10px;
}

#formblatt form textarea {
  border:1px solid #ccc;
/*  font-size: 1.0em;*/
  width: 400px;
  margin-left: 10px;
}


/*Site map*/

div.csc-sitemap ul ul{
	margin-left: 40px !important;
	margin-bottom: 16px;
}








/*katalogtabelle*/
div.katalogtabelle {
	background-color: #fff;
	color: #530000;
	padding: 0px;
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}
div.katalogtabelle td {
	background-color: #fff;
	color: #530000;
	padding: 0px;
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}


div.katalogtabelle p {
	padding: 0px;
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}
div.katalogtabelle ul li a {
	padding: 0px;
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}


/*4spalten*/
div.vierspalten {
	margin: 0;
  	text-align: left;
  	padding: 6px 4px 6px 0px;
}

div.vierspalten td {
	
	margin: 0;
	width: 140px;
	overflow: hidden;
  	text-align: left;
  	vertical-align: top;
  	border-bottom:1px solid #e3e3e3;
}

div.vierspalten p {
	
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}

div.vierspalten a {
	
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}








#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}


/*bildtexttabelle*/

div.bildtexttabelle{
	margin: 0;
  	text-align: left;
  	padding: 6px 4px 6px 0px;
}

div.bildtexttabelle td{
	margin: 0;
	width: 140px;
	overflow: hidden;
  	text-align: left;
  	vertical-align: top;
}
bildtexttabelle p {
	
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}

div.bildtexttabelle a {
	
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}

div.bildtexttabelle img {
	
	margin: 0;
  	text-align: left;
  	vertical-align: top;
}







/*Teaser*/


div.teaserWrap{
	float:left;
	width: 173px;
	height: 200px;
	margin-right: 5px;
	border: 1px solid #eee;
	overflow:hidden;
}
div.teaserWrap h1{
	background-color: #e20040;
	color: #fff;
	padding: 10px;
	margin: 0;
}
div.teaserWrap div.img {
	
}
div.teaserWrap div.img img {
}
div.teaserWrap div.text {
	padding: 8px;
}



/*Informationen für das Weltkarten Template*/

div#weltkarte_wrapper {
	width: 550px;
	height: 300px;
	position: relative;
}
div#weltkarte_wrapper div.section {
}
div#weltkarte_wrapper div.section div#poiText {
}
div#weltkarte_wrapper div.section div#poiText span {
	background-color: #e32524;
	overflow:hidden;
	z-index: 5;
	cursor: hand;
}
div#weltkarte_wrapper div.section div#poiText div {
	background-color: #e3e3e3;
	
	display:none;
	padding: 10px;
	z-index:10;	
}



/******************* Zusatz-CSS

*/



div#content {
	padding:5px 24px 5px 20px;
	margin:32px 24px 20px 0px;
}


div#contentright{
	width:184px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


div#naviWrap ul li ul{
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}








/** CSC
*/


.csc-textpic-border div{
padding:2em 0em 0em 0em;
}

.csc-textpic-border div dl {
border:1px solid #ccc;
}

.csc-header{
	clear:both;
}