/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

URL : patrick-bunton.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/*

braun: #1a1002


*/


*{ margin:0; padding:0;}

body { margin:0;padding:80px 0;background:#000;font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;font-size: 12px;text-align: center;}



#container { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 800px;
border: 1px solid #fff;
background: #000 url("../gfx/bg_2008.jpg") no-repeat top left;
}

#content, #navigation, #footer {width:800px;position:relative;}

#content{
min-height:500px; /* fuer richtige Browser */
}   
* html #content{
/* IE Win only \*/
height:500px;
/* End IE Win */
}  


#content-wrap{
padding-top:60px;
margin-left:105px;
width:600px;
text-align:left;
}

#main-content{
width:280px;
float:left;
}

#right-content{
width:270px;
float:right;
}

 
#navigation{height:35px;position:relative;}   
#navigation li {float:left;	list-style: none; margin:0;}

#footer{clear:both;}

.entry {margin:15px 0;}


/* ----- HEADINGS ----- */

h1{
	background: #1a1002;
	width:  410px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-left:4px;
	margin-bottom:5px;
		border: 1px solid white;

}

h2{
	background: #1a1002;
	width:  260px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-left:4px;
	margin-bottom:5px;
		border: 1px solid white;

}

h3{
	background: #1a1002;
	width:  250px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-left:30px;
	margin:10px 0 10px 20px;
		border: 1px solid white;

}

h4{
	font-size: 15px;
	color:#191913;
	width:450px;
	letter-spacing:-0.5px;
	background: #fff;
	padding: 2px 0 2px 10px;

}

h5{
	background: #1a1002;
	width:  300px;
	color:#fff;
	border: 1px solid white;
	font-size:12px;
	font-weight:bold;
	padding-left:40px;
	margin-top:15px;
}


/* ----- PARAGRAPHS ----- */

p {
	color:#191913;
	width:325px;
	font-size:11px;
	letter-spacing:-0.5px;
	background: #fff;
	padding: 2px 0 2px 10px;
}


/* ----- LISTS ----- */

li{
margin-left:25px;
}
li p{
}
ol{
}
ul{list-style: none;
}
ol li{
}
ul li{
}


blockquote {padding-left:40px;}

/* ----- IMAGES ----- */

img{
border:0;
}
img a{
border:0;
}
img a:hover{
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid white;
		padding: 0px 0px;
	}


/* ----- LINKS ----- */
a {
font-weight: bold;
color:#191913;
text-decoration:none;
padding: 2px 0px 2px 0px;
background:#fff;
}




/* ----- Extensions ----- */


.tx-a1teasermenu-pi1{
	color: #FFFFFF; font-size: 10px; margin: 0 0 0 0;
}


.tx-veguestbook-pi1 {
	color: #191913; font-size: 10px; margin: 0 0 0 0; background:#fff;
	}
.tx-guestbook-list-header {  
color: #191913; font-size: 10px;  border-bottom: 1px solid #ccc;

}
    .tx-guestbook-list-row {
	color:#191913;
	}

    .tx-guestbook-list-rowleft A { font-size: 10px; font-weight:normal;  font-style: italic;}
    .tx-guestbook-list-entrycomment-title { }
    .tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-row{
	font-size: 10px;
}
    .tx-guestbook-list-small { font-size: 9px; color: #222; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #ccc; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; color:#fff;}
    .tx-veguestbook-pi1-browsebox-strong A{ font-weight: bold; color:#191913;}
    .tx-veguestbook-pi1-browsebox-strong{
	font-weight: bold; color:#191913;
}

.tx-guestbook-list-navi {
	font-weight: bold; color:#191913;font-size:10px;
}

.tx-guestbook-list-navi A{
	font-weight: bold; color:#191913;font-size:10px;
}
    
    .tx-veguestbook-pi1-browsebox-SCell {  }
    .tx-guestbook-latest-header { color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-latest-row { }
    .tx-guestbook-latest-small { font-size: 9px; color: #ccc; }
    .tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#191913; font-size:12px; color:#333333;  }
    .tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#191913; font-size:12px; color:#333333;  }
    .tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#191913; font-size:12px; color:#333333;  }
    .tx-guestbook-form-obligationfield { color: #CC0000; }
    .tx-guestbook-form-error { color: #CC0000; }


.wallpaper{
float:left;width:125px;margin-right:5px;
}

.tx_rgwallpaper_title{
	 color:#191913;
	 font-size:14px;
	 text-align:center;
	width: 122px;
	margin:5px;
	background:#fff;
}
.tx_rgwallpaper_size A{
	display:block;
	width: 122px;
	text-align:center;
	padding:2px;
	color:#191913;
	font-size:12px;	
}


.tx-flvplayer-pi1{margin-bottom:10px;}

.csc-textpic-caption {font-size: 9px;}


/* form styles */
    
.tx-veguestbook-pi1 .tx-guestbook-field {

clear:both;
width:100%; display:block; padding: 1em 0;
}
  

.tx-veguestbook-pi1 .tx-guestbook-field label {
clear: both;display: block;
float: left;
width: 10em;
}
  
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {float:left; width:10em; }

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {float:left;
width:20em; }

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
width: 30em; display: block; float: left;
    }
    
   
.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
color:#990000;  }
    

.tx-veguestbook-pi1 fieldset {
        border:none;
    }
    

.tx-veguestbook-pi1 legend {
        display:none;
    }
    

.tx-veguestbook-pi1 .tx-guestbook-freecap {
 float:left;
display:block; background:#F7F7F7;
 border:1px solid #CCC;
    }
 
.tx-veguestbook-pi1 .tx-guestbook-freecap { margin-left:2.25em; }
 
    

.tx-veguestbook-pi1 .tx-guestbook-freecap img { float:left;
        display:block;
        padding-left:0.25em;
    }
.tx-veguestbook-pi1 .tx-guestbook-freecap input {
float:left;
margin-left:2.25em;    }
  
.tx-veguestbook-pi1 .tx-guestbook-freecap label {
        clear:both;
        display:block;
        float:none;
        width:10em;
        margin-bottom:0.5em;
    }
    
.tx-veguestbook-pi1 .tx-guestbook-freecap p {
        font-size:75%;
        padding:0.25em;
    }
    
  
.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
        display:none;
    }
    

.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
        color:#990000;
    }
    
   
.tx-veguestbook-pi1 .tx-guestbook-clear {
        clear:both;
        display:block;
    }
 
.tx-veguestbook-pi1 input.tx-guestbook-submit {
        width:auto;
        display:block;
    }
.tx-guestbook-field input#freecap {margin-left:8.25em;margin-top:3px;}

.wtgallery_category_pagebrowser {clear:both;}
.wtgallery_listpic {margin:10px;}
#wtgallery_category_area {width:400px;}
.wtgallery_category_pic {border: 1px solid #191913;}
.wtgallery_categories {float:left;margin:10px;}
.wtgallery_category_folder  {font-size:10px;}
.wtgallery_category_pagebrowser {text-align:right;float:right;}



.tx-itawyoutoubeembed-pi1 {margin:15px 0;}


	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }


.csc-textpic-caption {font-size:9px;background:#fff;color:#1a1002;}


	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both;margin-bottom:15px;	 }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; 		border: 1px solid white;
}

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 15px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 15px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { height:95px; display: block; } */