/* Artikelwerk */


.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}




/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background-color: #FFFFCC; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}


ul.banner {
  margin: 2em 0em 1em 0em;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  display: inline;
}

/*Social Bookmarks */

#social_bookmark ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

#social_bookmark li { 
  padding-right: 0.5em;
  list-style-type: none;
  display: inline;
}

#social_bookmark img {
  margin: 0.25em 0em 0em 0em; 
}

ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  
}
ul.leiste li {
  padding-left: 0.5em;
  list-style-type: none;
  display: inline;
}



/* Box-Inhalts-Div */

div.box {
  margin-bottom: 1em;
  float: left;
}

div.box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

div.box li { clear: left; display: block;}

div.box img { float: left; margin: 0em 0.5em 0em 0em; }

div.box p {
  float:left;
}

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#sidebar-margin div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
  font-weight: bold;
  font-size: 1.1em;
}
/* -------------------------------------------------------------- 
   BASICS   
-------------------------------------------------------------- */
html, body {
	height: 100%;
}

body { 
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.42em;
	color: #333; 
	background: #f3f3f3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
img {
	border: none;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #11b1eb; }

h1 { font-size: 2.33em; line-height: 1; margin: 0 0 0.5em 0; font-weight: bold; color: #666;	 }
h2 { font-size: 1.25em; line-height: 1; margin-bottom: 0.75em; font-weight: bold; }
h3 { font-size: 1.2em; line-height: 1; margin: 0 0 1em 0; font-weight: bold; }
h4 { font-size: 1em; line-height: 1.25; margin: 0 0 .25em 0; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin: 0 0 1.5em 0; color: #1C4C5C; }
h6 { font-size: 1em; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: .5em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p				{ margin: 0 0 1.5em; }
p img.left		{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right		{ float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover			{ color: #11b1eb; text-decoration: underline }
a				{ color: #11b1eb; text-decoration: none; font-weight: bold; }

blockquote		{ margin: 1.5em; color: #666; font-style: italic; }
strong			{ font-weight: bold; }
em,dfn			{ font-style: italic; }
dfn						{ font-weight: bold; }
sup, sub		{ line-height: 0; }

abbr, 
acronym			{ border-bottom: 1px dotted #666; }
address			{ margin: 0 0 1.5em; font-style: italic; }
del				{ color:#666; }

pre				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt		{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol				{ margin:0 1.5em; }
ul, ol				{ margin: 0 1.5em 1.5em 1.5em; }

ul					{ list-style-type: disc; }
ol					{ list-style-type: decimal; }

dl					{ margin: 0 0 1.5em 0; }
dl dt				{ font-weight: bold; }
dd					{ margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table			{ margin-bottom: 1.4em; width:100%; }
th				{ font-weight: bold; }
thead th		{ background: #1C4C5C; color: #fff; }
th,td,caption	{ padding: 4px 10px 4px 5px; }
tr.even td		{ background: #e0e0e0; }
tfoot			{ font-style: italic; }
caption			{ background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small			{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large			{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hidden			{ display: none; }

.quiet			{ color: #666; }
.loud			{ color: #000; }
.highlight		{ background:#ff0; }
.added			{ background:#060; color: #fff; }
.removed		{ background:#900; color: #fff; }
.intro			{ font-weight: bold; color:#1C4C5C; }

.first			{ margin-left:0; padding-left:0; }
.last			{ margin-right:0; padding-right:0; }
.top			{ margin-top:0; padding-top:0; }
.bottom			{ margin-bottom:0; padding-bottom:0; }

.right 			{ float: right; }
.left 			{ float: left; }

img.right 		{ margin: 0 0 6px 6px; }
img.left 		{ margin: 0 6px 6px 0; }



/* -------------------------------------------------------------- 
   LAYOUT   
-------------------------------------------------------------- */
#page {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 840px;
	margin: 0 auto;
	background: #fff url( 'shadow.repeat.gif' ) repeat-y 0 0;
}

#header {
	position: relative;
	height: 248px;
	background: #ececec url( 'header.bg.jpg' ) no-repeat 0 0;
	padding: 0 50px;
}
#logo {
	z-index: 10;
}
#maincol {
}
#maincol-margin {
	margin: 0 50px;
	padding: 40px 25px 40px 38px;
	background: #ececec url( 'content.top.bg.gif' ) no-repeat 0 0;
	overflow: hidden;
}
#nav-wrapper {
	position: absolute;
	top: 0;
	left: 50px;
	width: 740px;
	height: 248px;
}
#main-nav {
	position: absolute;
	bottom: 0;
	left: 0;
}

#content {
	width: 400px;
	float: left;
	margin-right: 30px;
}
#sidebar {
	width: 245px;
	margin-top: 50px;
	float: left;
	background: transparent url('sidebar.bg.png') repeat-y 0 0;
}
#sidebar-innerwrapper {	
	margin-bottom: -12px;
	background: transparent url('sidebar.bottom.png') no-repeat center bottom;
}
#sidebar-margin {
	margin-top: -12px;
	padding: 15px 20px;	
	background: transparent url('sidebar.top.png') no-repeat 0 0;
}
#footer {
	clear: both;
	margin: 0 50px;
}

/* -------------------------------------------------------------- 
   NAVIGATIONS   
-------------------------------------------------------------- */
#nav-wrapper,
#nav-wrapper a {
	color: #fff;
}


/* MAIN-NAV --------------------------------------------------- */
#main-nav ul {
	list-style: none;
	margin: 0 20px;
	padding: 0;
	font-size: 2em;
	height: 53px;
	background: transparent url('mainnav.bg.png') no-repeat 0 0;
}
#main-nav li {
	float: left;
}
#main-nav a {
	display: block;
	color: #11b1eb;
	text-decoration: none;
	font-weight: bold;
	width: 140px;
	text-align: center;
	padding-top: 25px;
	margin-right: 5px;
}
#main-nav a:hover,
#main-nav li.current a {
	color: #666;
}


/* META-NAV --------------------------------------------------- */
#meta-nav {
	float: right;
	padding-right: 155px;
	margin-top: 12px;
}
#meta-nav ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#meta-nav li {
	float: left;
}
#meta-nav li a {
	padding: 0 4px;
	border-left: 1px solid #fff;
	text-decoration: none;
}
#meta-nav li:first-child a { border: none; }


/* KONTAKT BUTTON --------------------------------------------- */
#kontakt-button a {
	position: absolute;
	top: -25px;
	right: -50px;
	display: block;
	width: 0;
	height: 121px;
	padding-left: 178px;
	background: transparent url('kontakt.button.png') no-repeat 0 0;
}
#kontakt-button a:hover {
	background-position: 0 -121px;
}


/* WIN BUTTON ------------------------------------------------- */
#win-button a {
	position: absolute;
	bottom: -50px;
	right: -35px;
	display: block;
	overflow: hidden;
	width: 0px;
	height: 150px;
	padding-left: 150px;
	background: transparent url('win.button.png') no-repeat 0 0;
}


/* -------------------------------------------------------------- 
   HEADER   
-------------------------------------------------------------- */
#logo {
	position: absolute;
	top: 77px;
	left: 82px;
}


/* -------------------------------------------------------------- 
   SIDEBAR   
-------------------------------------------------------------- */
.bannerlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bannerlist li { margin-bottom: 4px; }


/* -------------------------------------------------------------- 
   FOOTER
-------------------------------------------------------------- */
.bigbanner {
	display: block;
}