/********************************************
  Top Elements 
********************************************/  

* { margin: 0; padding: 0; }

body {
	background: #084A63;
	font: 		normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: 		#333; 
	text-align: center;
}

a {
	background: inherit;
	text-decoration: none;
	color: 		#084A63; 
}
a:hover {
	background: inherit;
	color: 		#0873A5; 
}

h1, h2, h3 {
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	color: 		#084A63;
}
h1 { font-size: 120%; font-weight: Bold; }
h2 { font-size: 100%; font-weight: Bold; }
h3 { font-size: 100%; font-weight: Normal; }

h1, h2, h3, p {
	margin: 	0;
	padding: 	13px;		
}

img {
	border: 	none;
	padding: 	7px;
}

ul, ol {
	margin: 	10px 20px;
	padding: 	0 20px;
}

b {
  color: #084A63;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 		796px;
	background: #084A63 url(images/background-wrap.jpg) repeat-y center top;
	margin: 	18px auto 0px auto;
	text-align: left;
}

/* header */
#header {
	position: 	relative;
	width: 		796px;
	height: 	112px;
	background: #084A63 url(images/background-header.jpg) no-repeat center top;
	margin: 	0; 
	padding: 	0;
	font-size: 	14px;
	color: 		#FFF;
}

/* menubar */
#menubar {
	clear: 		both;
	width: 		796px;
	height: 	26px;
	background: #084A63 url(images/background-menubar.jpg) no-repeat center top;
	padding: 	0; 
	margin: 	0;
	font: 		11px/24px Tahoma, Verdana, Arial, Sans-Serif;	
}

/* navigation: top menu */
ul#navigation {
	list-style-type: none;	
	margin: 	0; 
	padding: 	0 0 0 35px;
	position: 	absolute;
}
ul#navigation > li {
	float: 		left;
	overflow: 	hidden;
	height: 	26px;
}
ul#navigation > li:hover {
	float: 		left;
	overflow: 	visible;
	height: 	auto;
}

ul#navigation > li a {
	display: 	block;
	height: 	26px;
	color: 		#fff;
	padding: 	0 13px 0 13px;
}
ul#navigation li a:hover {
	background: #0873A5 url(images/background-navigation-highlight.png) repeat-x;
}

/* highlight current category */
ul#navigation li#current {
	background: #EF6B00 url(images/background-navigation-current.png) repeat-x;
}
ul#navigation li#current a:hover {
	background: #EF6B00 url(images/background-navigation-current.png) repeat-x;
}

/* navigation: sub menus */
ul#navigation ul {
	list-style-type: none;	
	margin: 	0; 
	padding: 	0;
	border: 	#CCCCCC solid 1px;
}
ul#navigation ul li {
	background: #084A63;
}
ul#navigation li#current li a:hover {
	background: #0873A5 url(images/background-navigation-highlight.png) repeat-x;
}

/* Content */
#content {
	width: 		780px;
	margin: 	0;
	padding: 	13px 34px;	
    font-size:  110%;
}

/* Main (1-Spalten-Design) */
#main {
	width: 		728px;
	padding:	0;	
	margin: 	0;	
}
#main h1 {
	border-bottom: 1px solid #CCCCCC; 
 	background: #F2F2F2 no-repeat 5px 50%;	
	padding: 	3px 13px 3px 13px;	
	margin: 	13px 0 13px 0;
}
#main h2 {
  clear: both;
	border-bottom: 1px solid #CCCCCC;
	background: #F2F2F2 no-repeat 5px 50%;
	padding: 	3px 13px 3px 13px;	
	margin: 	13px 0 13px 0;
}
#main p {
	padding: 	0;
	margin: 	0 26px 7px 26px;
}
#main ul {
  margin:           7px;
  list-style-type:  none;
  list-style-image: url(images/bullet-4x4.png);
}
#main .borderless {
    border: none;
}
#main table {
    margin: 	13px 26px 13px 26px;
    padding: 	0;
    border: 	1px solid #ccc;
    border-collapse: collapse;
}
#main tr {
    border: 	0;
}
#main td, th {
    font: 		 100% verdana, arial, helvetica, sans-serif;
    margin: 	0;
    padding: 	5px 6px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ddd;
}
#main th {
    background: #fff url(images/shadow.png) bottom repeat-x; 
    color: 		#666;
    font-size: 	100%;
    font-weight: bold;
    line-height: 17px;
    margin: 	0;
    padding: 	2px 6px;
}
#main tr.odd {
    background: #f2f2f2;
}
#main tr.even {
    background: #fff;
}
#main ul {
    padding: 0 26px 13px 52px;
}
#main ul li {
    padding-bottom: 0.5em;
}

#main ul.polaroids, #main ul.images {
    list-style: none;
    margin: auto; /*13px 26px 52px 26px;*/
}
#main ul.polaroids li a, #main ul.images li a {
    float:      left;
	background: #f7f7f7;
	border:     1px solid #fff;
	padding:    10px 10px 25px 10px;
}
#main ul.polaroids li a {
	padding:    10px 10px 25px 10px;
    margin:     13px 0px 26px 13px;
   	-moz-box-shadow: 0px 3px 5px #333;
    -webkit-box-shadow: 0px 3px 5px #333;
    box-shadow: 0px 3px 5px #333;
}
#main ul.images li a {
	padding:    10px 10px 10px 10px;
    margin:     13px 0px 13px 13px;
   	-moz-box-shadow: 0px 1px 4px #333;
    -webkit-box-shadow: 0px 1px 4px #333;
    box-shadow: 0px 1px 4px #333;
}
#main li a.rotateLeft {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}
#main li a.rotateLeftSmall {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
#main li a.rotateRightSmall {
	z-index: 2;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
#main li a.rotateRight {
	z-index: 3;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}
#main ul.polaroids li a:hover, #main ul.images li a:hover {
	z-index: 10;
	-moz-box-shadow: 3px 3px 10px #333;
    -webkit-box-shadow: 3px 3px 10px #333;
    box-shadow: 3px 3px 10px #333;
}
#main img {
  padding:  0;
}
#main img.large {
  width:    320px;
  height:   240px;
}
#main img.medium {
  width:    240px;
  height:   180px;
}
#main img.small {
  width:    180px;
  height:   120px;
}
#main .right {
  float:    right;
} 
#main .left {
  float:    left;
}

/* footer */
#footer {
	clear: 		both;
	color: 		#66737B;
	font: 		normal 85% Verdana, Tahoma, sans-serif;
	background: #084A63 url(images/background-footer.jpg) no-repeat center top;	
	width: 		796px;
	height: 	46px;
	padding: 	0; 
	margin: 	0 auto;
}
div #footer_copyright {
	float: 		left;
	width: 		532px; 
	text-align: left;
	padding: 	0;
	margin: 	0 0 0 34px;
}
div #footer_impressum {
	float: 		right;
	width: 		166px;
	text-align: right;
	padding: 	0;
	margin: 	0 34px 0 0; 
}

/* genSite information */
#genSite {
	clear: 		both;
	background: #084A63;	
	color: 		#CCCCCC;
	font: 		normal 75% Verdana, Tahoma, sans-serif;
	margin: 	0 auto;
	padding: 	0 0 18px 0;
	width: 		183px;
	height: 	32px;
}
div #logo {
	float: 		left;
	width: 		32px;
	height: 	32px;
	margin: 	0;
	padding: 	0;
}
div #logo img {
	border: 	none;
	margin: 	0;
	padding: 	0;
}
div #creation {
	float: 		right;
	width: 		150px;
	height: 	32px;
	text-align: left;
	padding: 	0;
	margin: 	0;
}
div #creation p {
	padding: 	6px 0 3px 0;
	margin: 	0;
}