/* ======================================================== */
/*	Created by Devit Schizoper 								*/
/*	Created HomePages http://LoadFoo.starzonewebhost.com	*/
/*	Created Day 01.12.2006 									*/
/* ======================================================== */


body {
	margin: 0px;
	background: url(../grafiken/top_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
}

img.authorimage {
   float:left;
   width:80px;
   border:1px solid;
   padding:1px;
   margin: 0px 5px 0px 0px;
}

em { font:inherit; }

p {
	line-height: 17px;
	margin: 11px 0 10px 0;
	padding: 0px;
}

h2 {
	color: #5a5a5a;
	margin:0px;
	padding:0px;
	font-size: 15px;
}

ul {
	font-size: 10px;
	margin:0;
	padding:0;
	list-style-image: url(../grafiken/bullet.gif);
}

a {
	color: #4859AB;
}

a:hover {
	text-decoration: none;
}

blockquote{
	background: #F7FDE3;
	color: #606060;
	padding: 10px;
}

input {
  border:1px solid #1a1a1a;
  font:inherit;
}


/**** Main Container ***/


#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 730px;
       width: 960px;
}


/**** Top ***/


#top {
	width: 100%;
	height: 88px;
	color: #fff;
	background: #000 url(../grafiken/top_bg.gif);
	overflow:hidden;
}

#top h2 {
	color: White;
	letter-spacing: 3px;
	font-size: 2.4em;
	font-weight: normal;
	position: relative;
	margin: 0px;
	top:33px;
	display:block;
	float:left;
	background: url(../grafiken/bg_t.gif) no-repeat;
	padding-left: 10px;
}

#top h2 a {
	color: white;
	text-decoration: none;
}

#top h2 a:hover {
        color: #4859AB;
}

#top h3 {
	color: White;
	letter-spacing: 2px;
	font-size: 1.8em;
	font-weight: normal;
	position: relative;
	margin: 0px;
	top:50px;
	display:block;
	float:right;
	padding-right: 10px;
}

/**** Main Menu ***/


#menu {
	display: block;
	float:right;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	white-space: nowrap;
}

#menu li a {
	display: block;
	padding: 55px 20px 12px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

* html #menu a {width:1%;}

#menu li a:hover {
	background: url(../grafiken/bg_menu.gif);
}

#menu li a.menuactive {
	letter-spacing: 1px;
	color: #4a4a4a;
	background: url(../grafiken/bg_menu.gif);
}

#menu li a.current:hover {
	color: #fff;
}


/**** Content Container ***/


#content {
	width: 100%;
	margin-top:30px;
}

#content h2 {
	margin: 0;
	padding: 10px 0 10px 0;
}


/**** Content ***/


#left ul {
	padding: 15px 0 15px 35px;
	margin:0;
}

#left li {
	margin-bottom:5px;
}

#left {
	width: 680px;
	float:left;
	display: block;
       margin-left: 20px;
	display: inline;
	text-align:justify;
}


/**** Sidebar ***/


#right {
	width: 200px; 
	float: right;
	display:block;
	margin-top: 10px;
}

#right .box {
	/*width: 24em;/*280px*/
	background: #F6F9FB;
	border: 1px solid #E1E1E1;
	padding:12px;
	float: right;
	width:190px;
	margin-bottom:15px;
}

#right .box h2 {
	font-size: 1.1em;
	margin: 0px 0 0px 0;
	padding:0px 0 5px 0;
}

#right .box input {
  border:1px solid #e1e1e1;
}

/*#right .box a {
	margin: 10px 0 10px 0;
	color: #4859AB;
	font-size: 10px;
}

#right .box p {
	margin: 5px 0 10px 0;
	line-height: 15px;
}

#right .box ul {
	padding: 0 0 7px 20px;
	margin:10px 0 10px 0;
}

#right .box li {
	margin-top:5px;
}*/

ul.detailmenu, ul.gallerymenu { 
	list-style: none; 
	margin: 0.5em 0; 
	width: 15em; 
/*	float: right; */
}
ul.detailmenu li, ul.gallerymenu li{ 
	padding: 0; 
	margin: 0;
}
ul.detailmenu a, ul.gallerymenu a {
	display: block;
	/*height: 2.0em;*/
	padding: 0.4em 0.3em 0.4em 0.8em;
	border-bottom: 2px; /*solid #1a1a1a*/
	border-top: 2px; /*solid #1a1a1a*/
	color: #4859AB;
	background-color: #F7F9FB;
	font-weight: bold;
	text-decoration: none;
	}

.detailmenu a:hover, ul.gallerymenu a:hover{
	color: #1a1a1a;
	background: url(../grafiken/bg_t.gif) no-repeat;
	background-color: #fff;
	font-weight: bold;
	}	

a.detailmenuactive, a.gallerymenuactive {
	color: #1a1a1a !important;
	background-color: #fff;
	font-weight: bold;
	}	

/**** Clear Div ***/


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}


/**** Footer ***/


#footer {
  margin: 40px auto 0 auto;
	text-align: center;
	border-top: dotted 1px gray;
	padding: 20px 0 20px 0;
	width: 90%;
	font-size:0.8em;
}



/* -------------------------------------------------------- */
/* Galerie-Tabelle (Übersichtsmodus) */
/* --------------------------------- */
table.gallerytable {
	margin:0px auto;
	border-collapse:collapse;
	border:1px dotted;
}
td.gallerytd {
	vertical-align:top;
	text-align:center;
	padding:10px 5px;
	border:1px dotted;
}
img.thumbnail {
	margin:5px;
}



/* -------------------------------------------------------- */
/* Fehler in Tag-Attribut oder -Wert */
/* --------------------------------- */
.deadlink {
	color:#ff4444;
	text-decoration:line-through;
	font-weight:bold;
}


/* -------------------------------------------------------- */
/* Suchwort-Hervorhebungen */
/* ----------------------- */
.highlight {
	padding:0px 1px;
	font-size:inherit;
	background-color:#dd0000;
	color:#ffffff;
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* Suchformular */
/* ------------ */
form.searchform {
  text-align:center;
  display:inline;
}
form.searchform:hover {
}



/* -------------------------------------------------------- */
/* Suchfeld */
/* -------- */
input.searchtextfield {
	width:90px;
	border:none;
	border-bottom:1px dotted;
}


/* -------------------------------------------------------- */
/* Suchbutton */
/* ---------- */
input.searchbutton {
	margin-left:5px;
	margin-bottom:-3px;
	border:none !important;
}


/* -------------------------------------------------------- */
/* Kontaktformular */
/* --------------- */
form#contact_form {
}
table#contact_table {
display:inline;
}
table#contact_table td {
  vertical-align:top;
  padding:5px;
}
span#contact_errormessage{
  color:#880000;
  font-weight:bold;
}
span#contact_successmessage{
  color:#008800;
  font-weight:bold;
}
input#contact_name, input#contact_mail, input#contact_website {
  width:150px;
}
textarea#contact_message {
  width:150px;
  height:100px;
  border:1px solid #1a1a1a;
  font:inherit;
}
input#contact_submit {
  width:150px;
  border:1px solid #1a1a1a;
  background-color:transparent;
  background: url(../grafiken/bg_menu.gif);
  background-position:bottom;
}




/* -------------------------------------------------------- */
/*                                                          */
/* AB HIER: CMS-SYNTAX                                      */
/*                                                          */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* [link|...]      */
/* --------------- */
a.link {
}


/* -------------------------------------------------------- */
/* [mail|...]      */
/* --------------- */
a.mail {
}


/* -------------------------------------------------------- */
/* [seite|...]      */
/* --------------- */
a.page {
}


/* -------------------------------------------------------- */
/* [kategorie|...]      */
/* --------------- */
a.category {
}


/* -------------------------------------------------------- */
/* [datei|...]      */
/* --------------- */
a.file {
}


/* -------------------------------------------------------- */
/* [galerie|...]      */
/* --------------- */
a.gallery {
}


/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
img {
	border:none;
}

span.imagesubtitle {
	margin:3px 3px;
	text-align:justify;
	font-size:0.9em;
}

a.highslide span.imagesubtitle {
    display:block;
    background-image: url('../grafiken/zoomin_grey.gif');
    background-position:right;
    background-repeat:no-repeat;
    padding-right:30px;
    min-height:20px;
}
a.highslide:hover span.imagesubtitle {
    background-image: url('../grafiken/zoomin_grey_hover.gif');
}


/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
span.leftcontentimage {
	margin:7px 20px 7px 0px;
	max-width:200px;
	float:left;
}

img.leftcontentimage {
	border:1px dotted;
	max-width:200px;
}


/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
span.rightcontentimage {
	margin:7px 0px 7px 20px;
	max-width:200px;
	float:right;
}

img.rightcontentimage {
	border:1px dotted;
	max-width:200px;
}


/* -------------------------------------------------------- */
/* [fett|...] */
/* ---------- */
b {

}


/* -------------------------------------------------------- */
/* [kursiv|...] */
/* ------------ */
i {

}


/* -------------------------------------------------------- */
/* [unter|...] */
/* ------------ */
u {

}


/* -------------------------------------------------------- */
/* [durch|...] */
/* ------------ */
s {

}


/* -------------------------------------------------------- */
/* [ueber1|...] */
/* ------------ */
#left h1 {
	font-size:1.4em;
}


/* -------------------------------------------------------- */
/* [ueber2|...] */
/* ------------ */
#left h2 {
	font-size:1.2em;
	color: #5a5a5a;
}


/* -------------------------------------------------------- */
/* [ueber3|...] */
/* ------------ */
#left h3 {
	font-size:1.0em;
}

/* -------------------------------------------------------- */
/* [liste|...] */
/* [numliste|...] */
/* ------------ */
#left ul, #content ol {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:inherit;
}
#left li {
	margin-top:0px;
	margin-bottom:0px;
}


/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {
	border:none;
	border-bottom:1px dashed #1a1a1a;
}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	margin:0px auto;
	border:1px dotted;
	border-collapse:collapse;
	width:100%;
}
th.contenttable {
	vertical-align:top;
	border:1px dotted;
	padding:2px 5px;
}
td.contenttable1 {
	vertical-align:top;
	border:1px dotted;
	padding:2px 5px;
}
td.contenttable2 {
	vertical-align:top;
	border:1px dotted;
	padding:2px 5px;
}





div.downloadbox {
width:500px;
min-height:68px;
margin:0px auto;
border:1px solid #000000;
  background-image: url(../grafiken/bg_menu.gif);
  background-color:#95AFE6;
  background-position:top;
  background-repeat:repeat-x;
text-align:center;
font-size:1.5em;
padding:10px;
-moz-border-radius:7px;
}
div.downloadbox a {
color:#1a1a1a;
font-weight:bold;
letter-spacing: 2px;
}

div.infobox_rechts {
width:260px;
float:right;
border:1px dotted #1a1a1a;
background-color:#ffffff;
margin:0px 0px 10px 10px;
padding:5px;
}

.code {
background-color:#EaEaEa; 
border:1px dotted #1a1a1a; 
font-family:monospace; 
padding:5px; 
margin:5px;
}