@charset "UTF-8";
/* CSS Document */

html {
min-height:100% !important; 
height:100%;
margin:0; 
padding:0; 
}

body {
min-height:100% !important; 
height:100%;
margin:0; 
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
background-image:url(../pics/rand.gif);
background-position:55.85em;
background-repeat:repeat-y;
}


h1 {
font-size:1.25em !important;
font-size:1.05em;
color:#666666;
margin:0;
padding-top:0.5em;
padding-bottom:0.625em;
padding-right:0;
font-weight:normal;
	}
	
.downem {
padding-top:1.25em;
}


.li_o_rand {
padding-left:0;
margin:0;
}


h2 {
font-size:1em !important;
font-size:0.8em;
color:#333333;
margin:0;
padding:0em 0em 0.25em 0em;
font-weight:normal;
}
	
h3 {
font-size:1.25em !important;
font-size:1.05em;
font-weight:normal;
padding-top:0.5em;
color:#666666;
margin:0;
padding-bottom:0.625em;
}
	
h4 {
font-size:1em !important;
font-size:0.8em;
color:#333333;
margin:0;
padding:1em 0em 0.25em 0em;
font-weight:normal;
}
		
p {
font-size:0.85em !important;
font-size:0.83em;
color:#666666;
padding-bottom:1.5em;
padding-right:0.625em;
margin:0;
}

.bold {
font-weight:bold;
}


.nopadding {
font-size:0.85em !important;
font-size:0.83em;
color:#666666;
padding-right:0.625em;
margin:0;
}

.klein {
font-size:0.65em !important;
font-size:0.63em;
color:#999999;
margin:0;
padding-right:1em;
}


.mitte_grafik ul {
font-size:0.85em !important;
font-size:0.83em;
color:#666666;
padding-bottom:1.5em;
padding-right:0.625em;
padding-left:0.75em;
margin:0;
list-style-type:circle;
}

.floatleft {
float:left;
}

.info {
font-size:0.85em !important;
font-size:0.83em;
color:#666666;
padding-top:0.625em;
padding-bottom:1em;
margin:0em 0em 0em 0.6em;
}

.leftp {
padding-left:1.4em;
margin:0;
}

.leftpfloat {
padding-right:0.25em;
padding-left:1.4em;
margin:0;
float:left;
}

#box_body {
width:53.125em;
padding:0.85em 1.875em 1.7em 0.85em;
background-color:#FFFFFF;

}

#box_header {
width:53.125em;
}

#logo {
width:13.875em;
float:left;
}

#logo img {
border:0;
outline-style:none;
}

#logo a {
outline-style:none;
}

.logo {
width:13.875em;
height:3.375em;
}

#header_navi {
width:25em;
float:right;
text-align:right;
}

/*Anfang Navi Kopfbereich*/

#header_navi ul {
margin:0;
padding:0;
list-style:none;
padding-top:1.125em
}

#header_navi li {
display:inline;
}


#header_navi a {
background-color:#FFFFFF;
color:#666666;
font-size:0.75em;
text-decoration:none;
outline-style:none;
border:0;
}


.navi_rechts {
text-align:right;
color:#00CCCC;
}

#header_navi a:hover {
	color:#333333;
	background-color:white;
	}
	
#header_navi a:active {
	color:#000000;
	}
	
.activ {
font-size:0.75em;
color:#990000;
}


/*Ende Navi Kopfbereich*/

#box_main {
width:48.75em;
margin-left:4.375em;
}

#flash {
width:48.75em;
}

.img_flash {
width:48.75em;
height:15.625em;
}

#flash img {
border:0 none;
outline-style:none;
}

#navi {
width:48.75em;
border-bottom:0.0625em solid #666666;
margin-bottom:0.75em;
}

/*Flash Galerie Bereich*/
#flash_galerie {
width:48.75em;
margin-bottom:0.75em;
border:1px solid #999999;
}

.flash1 {
width:48.75em;
height:15.625em;
text-align:left;
margin:0;
padding:0;
}
/*Ende Flash Galerie Bereich*/

/*Navi Bereich*/
#navi ul {
margin:0;
padding-top:0.625em;
padding-right:0;
padding-bottom:0.625em;
padding-left:0;
list-style:none;
	}

#navi li {
display:inline;
}

.trennen {
font-size:0.75em;
color:#666666;
padding-top:0;
padding-left:0.4em;
padding-bottom:0;
padding-right:0.4em;
}

#navi a {
background-color:#FFFFFF;
color:#666666;
font-size:0.75em;
text-decoration:none;
outline-style:none;
border:0;
}

#navi a:hover {
	color:#333333;
	background-color:white;
	}
	
#navi a:active {
	color:#000000;
	}
/*Ende Navi Bereich*/

#box_content {
width:48.75em;
padding-bottom:0.75em;
}

#box_content a {
background-color:#FFFFFF;
color:#666666;
text-decoration:underline;
outline-style:none;
border:0;
}

/*Bereich Content Boxen*/

.mitte {
width:32.5em;
float:left;
padding-right:1.5em;
border-bottom:0.0625em solid #999999;
}

.mitte_ohne {
width:34em;
float:left;
border-bottom:0.0625em solid #999999;
}

.mitte_u {
width:32.5em;
float:left;
padding-top:0.75em;
padding-right:1.5em;
}

.mitte_u_2 {
width:34em;
float:left;
padding-top:0.75em;
}

.mitte_kontakt {
width:32.5em;
float:left;
padding-right:1.5em;
}

.mitte_o {
width:32.5em;
float:left;
padding-right:1.5em;
}

.oben_web {
width:47.25m;
float:left;
padding-right:1.5em;
}

.mitte_web {
width:48.75em;
float:left;
border-bottom:0.0625em solid #999999;
margin-bottom:2em;
}

.mitte_link {
width:48.75em;
float:left;
border-bottom:0.0625em solid #999999;
}

.unten_schmal {
width:24.25em;
height:10.58em;
float:left;
padding:0.75em 1.5em 0em 0em;
border-bottom:0.0625em solid #999999;
}

.malerei_2 {
width:6.25em;
height:18.563em;
padding-top:0.75em;
}

.img100_170 {
width:6.25em;
height:10.625em;
float:right;
padding-left:1.5em;
}
.img100_170_top {
width:6.25em;
height:10.625em;
float:right;
padding-top:1.5em;
padding-left:1.5em;

}


.rechts {
width:13.875em;
float:right;
margin-bottom:0.75em;
border-left:0.0625em solid #999999;
}

.blind170 {
width:0.0625em;
height:10.625em;
float:left;
}


.links {
width:24em;
float:left;
}


#links_img {
width:10em;
float:left;
}

#links_img img {
border:0;
outline-style:none;
}

#links_img a {
border:0;
outline-style:none;
}

.img157_170 {
width:9.813em;
height:10.625em;
float:left;
padding-right:1.5em;
}

.img227_170 {
width:14.1875em;
height:10.625em;
float:right;
}

.img450_170 {
width:28.125em;
height:10.625em;
float:right;
}

.img480_170 {
width:30em;
height:10.625em;
padding-left:2em;
}

.img200_344 {
width:12.5em;
height:21.5em;
padding-top:6.1em;

}

#spalte_li {
width:11.94em;
float:left;
}

#spalte {
width:11em;
float:right;
}

.rechts_unten {
width:13.875em;
float:right;
border-left:0.0625em solid #999999;
}

.rechts_unten img {
border:0;
outline-style:none;
}

.rechts_unten a {
border:0;
outline-style:none;
}

.img157_170_2 {
width:9.813em;
height:10.625em;
margin-left:2.125em;
padding-top:0.75em;
}

.blind340 {
width:0.0625em;
height:21.25em;
float:left;
}

/*Ende Bereich Content Boxen*/

/* Bereich Content Unterseiten*/

.box_left {
width:34em;
float:left;
}

.box_left img {
border:0;
outline-style:none;
}

.box_left a {
border:0;
outline-style:none;
}

.box_left_img {
width:10em;
float:left;
text-align:center;
}

/*Box Content über gesamte Seite Bereich Webseiten*/

.box_gesamt {
width:48.75em;
}

#box_gesamt a {
background-color:#FFFFFF;
color:#666666;
text-decoration:underline;
outline-style:none;
border:0;
}


.box_gesamt img {
border:0;
outline-style:none;
}

.box_gesamt a {
background-color:#FFFFFF;
color:#666666;
text-decoration:underline;
outline-style:none;
border:0;
}


/*Ende Content über gesamte Breite*/

.webdesign_left {
width:9.813em;
height:13.125em;
float:left;
padding:0em 1.5em 18em 0em;
}

.grafikdesign_left {
width:9.813em;
height:18.563em;
float:left;
padding:0em 1.5em 7em 0em;
}

.illustration_left {
width:9.813em;
height:22.5em;
float:left;
padding:0em 1.5em 1em 0em;
}

.fotografie_left {
width:9.813em;
height:13.125em;
float:left;
padding:0em 1.5em 7em 0em;
}

/*INFOBOX*/

.infobox_index {
width:12.5em;
margin-left:1.375em;
}

.infobox_kontakt {
width:12.5em;
margin-left:1.375em;
padding-bottom:10em;
}

.infobox {
width:12.5em;
text-align:center;
margin-left:0.75em;
border-bottom:0.0625em solid #999999;
}

.grey_dot {
width:12.5em;
padding-bottom:0.29em !important;
padding-bottom:0.22em;
}

.grey_dot_img {
width:12.5em;
height:0.125em;
}

.box_right_img {
width:12.5em;
}

.box_right_img img {
border:0;
outline-style:none;
}

.box_right_img a {
border:0;
outline-style:none;
}

.grafikimg {
width:12.5em;
height:10.625em;
padding-top:1.2em;
}

.grafikimg_1 {
width:12.5em;
height:10.625em;
padding:1.2em 0em 7em 0em;
}

.grafikimg_2 {
width:12.5em;
height:30.813em;
padding-top:1.2em;
}

.grafikimg_3 {
width:12.5em;
height:15.438em;
padding:1.2em 0em 5em 0em;
}

.fotoimg {
width:12.5em;
height:6.875em;
}

.infobox_mitte {
width:12.5em;
text-align:center;
margin-top:0.75em;
margin-left:0.75em;
border-bottom:0.0625em solid #999999;
}

.infobox_last {
width:12.5em;
text-align:center;
margin-top:0.75em;
margin:0em 0em 0em 0.75em;
}
/*ENDE INFOBOX*/

/*Ende Bereich Content Unterseiten*/

#box_footer {
width:48.75em;
border-top:0.0625em solid #666666;
padding-bottom:0.625em;
}


#footer {
width:25em;
text-align:left;
padding-top:0.625em;
float:left;
}


/*Footer Bereich*/
.trennen_footer {
font-size:0.75em;
color:#666666;
padding-left:0.188em;
padding-right:0.188em;
}

#box_footer a {
background-color:#FFFFFF;
color:#666666;
font-size:0.75em;
text-decoration:none;
outline-style:none;
border:0;
}

#box_footer a:hover {
color:#333333;
background-color:white;
}
	
#box_footer a:active {
color:#000000;
}
	
#footer_rechts {
width:22em;
text-align:right;
padding-top:0.625em;
float:right;
}

/*Ende Footer Bereich*/

.cleaner {
clear:both;
line-height:0.0625em;
}

.float {
float:left;
}

/*Formular*/

form {
padding-top:0.75em;
}

table, td, .bgnorm {
	background-color:#FFFFFF;
}

tr {
line-height:0.5em;
vertical-align:top;
}

table td p {
vertical-align:middle;
margin:0;
padding:0.5em;
color:black
}

input,textarea {
	border:0.0625em solid #999999;
	color:#333333;
	scrollbar-base-color:#FFFFFF;
	scrollbar-shadow-color:#999999;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-arrow-color:#999999;
}


.high,input,textarea {
	background-color:white;
} 

input, textarea {
background-color:#CCCCCC;
}

input[type=submit] {
background-color:white;
}

.warn {
	background-color:#F71F1F;
}

.admin {
color:#F71F1F;
}
			
.button {
	background-color:white;
	border:0;
	font-size:0.75em;
	padding:1em 0em 2em 0em;
}

.message {
	border-bottom:0.0625em solid #999999;
	border-left:0.0625em solid #999999;
	line-height:150%;
	padding:0.188em 0.188em 0.188em 0.188em;
}
/*Ende Formular*/

/* Subnavibereich unten Bildergalerie*/
#subnavi_unten {
width:48.75em;
padding:0.3em 0em 0.25em 0em;
border-top:0.0625em solid #999999;
}

#subnavi_unten a {
background-color:#FFFFFF;
color:#666666;
font-size:0.75em;
text-decoration:none;
outline-style:none;
border:0;
}

#subnavi_unten a:hover {
color:#333333;
background-color:white;
}
	
#subnavi_unten a:active {
color:#669966;
}

#unten_links {
width:14.583em;
float:left;
padding-right:2.5em;
text-align:left;
}

#unten_mitte {
width:14.583em;
float:left;
padding-right:2.5em;
text-align:center;
}

#unten_rechts {
width:14.583em;
float:left;
text-align:right;
}

/*Ende Subnavibereich unten*/


/*Bildergalerie*/

.box_content_galerie_o {
width:48.75em;
padding:0em 0em 0em 0em;
margin:0;
border-top:0.0625em solid #999999;
}


.gallerie_img {
width:14.583em;
height:9.688em;
padding:0em 2.5em 2.5em 0em;
float:left;
}

.gallerie_img_re  {
width:14.583em;
height:9.688em;
padding:0em 0em 2.5em 0em;
float:left;
}

.gallerie170_img {
width:10.625em;
height:10.625em;
padding:1em 0em 1em 0em;
float:left;
}

.gallerie170_img_re  {
width:10.625em;
height:10.625em;
padding:1em 0em 1em 1em;
float:left;
}

/*Keine Rahmen*/
.box_content_galerie_o img {
border:0;
outline-style:none;
}

.box_content_galerie_o a {
border:0;
outline-style:none;
}

.box_content_galerie img {
border:0;
outline-style:none;
}

.box_content_galerie a {
border:0;
outline-style:none;
}
/*Keine Rahmen*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background:url(../pics/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #999999;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.imagegallery {
width: 48.25em;
height: 1em;
background-color:#f3f3f3;
padding: 0.5em 0em 0.5em 0.5em;
margin-bottom:2em;
}

.imagegallery a {
background-color:#f3f3f3;
}
/*Ende Bildergalerie*/

.img-box-right {
width:4em;
height:4em;
padding:0.05em;
}